掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

查看: 3239|回复: 170

[改版] [180725]牛津8英汉双解重排更新

[复制链接]
  • TA的每日心情
    开心
    2019-1-23 23:12
  • 签到天数: 13 天

    [LV.3]偶尔看看II

    发表于 2018-5-30 01:20:13 | 显示全部楼层 |阅读模式



    7.25 修改多个bug,只需下载css覆盖即可;48楼有相关字体文件
    6.26 隐藏多余空行,只需下载css覆盖即可
    6.12 更新一些细节,只需下载css覆盖即可


    首先感谢:

            EarthWorm精美的牛8:https://www.pdawiki.com/forum/thread-22034-1-5.html
            漫步_roamlog的双解重排:https://www.pdawiki.com/forum/fo ... 2722&fromuid=252908
            dfsfd的官网完美版美化:https://www.pdawiki.com/forum/fo ... 6763&extra=page%3D1
            这部词典排版已经非常完善。本次修改基于dfsfd的版本。
            
            另外感谢 fearfare090807 大神。之前一直想要点击切换的双解词典,自己也尝试做了些DEMO,水平有限功能很简陋:
            https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=20567
            https://www.pdawiki.com/forum/forum.php?mod=viewthread&tid=20565
            之后fearfare090807大神的帖子一发布,我告诉自己,那就是我要的滑板鞋。
            
            由衷感谢各位的分享。

    一些想法:

            平时自己使用手机较多,在手机较小的屏幕上看起来总是没有电脑上舒服,尝试针对手机屏幕做一点优化:
            1.由于手机屏幕宽度较小而长度较长,改横向内容为【纵向内容】,重排词头等,方便从上到下阅读。
            2.格式化相关内容,用【不同颜色】及【固定的位置】区分出释意、语法、搭配、例句,方便在手机上快速提取信息。
            3.优化间距使不同释义间具有区分度,方便在手机上快速定位。
            4.重点突出解释部分。

    一点尝试
            
            非专业,现学了一点css知识,抛砖引玉供大家探讨哪种排版更适合手机阅读。
            css没有重新写,修改后很乱,在深蓝上进行了测试,只是一个demo,表达下自己排版上的想法,大家可以继续修改完善,也可以根据喜好调整配色,大家有好看的配色也发上来分享下。
            
    DEMO:

            

    无阴影版:

            

    配色参考:

            

            了解一点CSS之后发现,排版根本是个体力活

    购买主题 已有 142 人购买  本主题需向作者支付 10 粒米 才能浏览

    本帖被以下淘专辑推荐:

    该用户从未签到

    发表于 2018-5-30 11:10:41 | 显示全部楼层
    針對手機排版,其實延展來說是做好自適應,能用相對單位的部分儘量用相對單位,就能簡單地取得相對良好的效果。

    评分

    1

    查看全部评分

  • TA的每日心情
    开心
    昨天 10:32
  • 签到天数: 671 天

    [LV.9]以坛为家II

    发表于 2018-6-6 00:28:35 | 显示全部楼层
    动手建议,不错,楼主辛苦,感谢各位达人奉献心得。
  • TA的每日心情
    开心
    2018-1-29 01:48
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    发表于 2018-5-30 13:04:47 | 显示全部楼层
    PurlingNayuki 发表于 2018-5-30 11:103 f' w& M* D5 p* L( ~4 o( ]
    針對手機排版,其實延展來說是做好自適應,能用相對單位的部分儘量用相對單位,就能簡單地取得相對良好的效 ...
    ' P1 U2 U. G/ }+ ^' n+ W
    相对单位根本和手机排版没任何关系的,也没任何帮助。' q! Q- m+ s! R1 Q3 l9 s8 Q
    那就是解决同一个页面在系统(包括手机)或浏览器下字体整体放大缩小个一两级的问题。
    1 F2 D5 \: W; W0 q1 t# y% z1 r5 L0 c; {6 I
    浏览器标准字号是16px, 手机还是16px, 相对单位和绝对单位有什么区别吗?间隔并不会缩小的。如果你用GD为标准,那个标准字号是13px, 用相对单位的话到手机上间距反而拉大了。/ i+ P) _; |* e0 k

    0 D3 B0 W8 B+ x) N2 O手机和桌面分辨率差别实在太过巨大,要两边都安排的明白,只有另起一套方案,简单的,比如字典,就在原方案上修补, @media 指令就是作这个的。你去看collins online, oxford online 的css, 全是一大堆这种指令,绝对单位到处都在用。3 B; G3 Z7 l6 |- k4 D5 s

    + T: J5 W8 ^" |复杂的,那就完全另起一套全新的方案才行,比如本站。5 a6 B  n, b4 D6 U
  • TA的每日心情
    奋斗
    2019-2-28 11:49
  • 签到天数: 366 天

    [LV.9]以坛为家II

    发表于 2018-5-30 01:39:07 | 显示全部楼层
    看起来很赞啊 谢谢分享
  • TA的每日心情

    2019-9-20 08:37
  • 签到天数: 214 天

    [LV.7]常住居民III

    发表于 2018-5-30 08:04:57 | 显示全部楼层
    很有个性啊
  • TA的每日心情
    开心
    2018-6-18 09:03
  • 签到天数: 110 天

    [LV.6]常住居民II

    发表于 2018-5-30 08:51:01 | 显示全部楼层
    很不错!建议去除阴影效果,或许会更好
  • TA的每日心情
    开心
    2019-1-23 23:12
  • 签到天数: 13 天

    [LV.3]偶尔看看II

     楼主| 发表于 2018-5-30 08:55:27 | 显示全部楼层
    weird 发表于 2018-5-30 08:512 ?- b6 y' \$ m) g& Y; d# t
    很不错!建议去除阴影效果,或许会更好

    ! J- {3 G' e" l9 [文件夹里有无阴影版
  • TA的每日心情
    开心
    昨天 11:28
  • 签到天数: 31 天

    [LV.5]常住居民I

    发表于 2018-5-30 09:32:37 | 显示全部楼层
    十年了。主要是在手机上用。
  • TA的每日心情
    开心
    6 小时前
  • 签到天数: 478 天

    [LV.9]以坛为家II

    发表于 2018-5-30 09:59:56 | 显示全部楼层
    谢谢大侠分享!你的最漂亮!
  • TA的每日心情
    擦汗
    2019-9-19 09:04
  • 签到天数: 36 天

    [LV.5]常住居民I

    发表于 2018-5-30 10:40:00 | 显示全部楼层
    色彩比较丰富,但是总体比较和谐。
  • TA的每日心情
    开心
    2018-6-18 01:07
  • 签到天数: 102 天

    [LV.6]常住居民II

    发表于 2018-5-30 11:40:58 | 显示全部楼层
    PurlingNayuki 发表于 2018-5-30 11:10
    8 @. }# j8 H, L; {( T; q針對手機排版,其實延展來說是做好自適應,能用相對單位的部分儘量用相對單位,就能簡單地取得相對良好的效 ...

    ( e/ \' q. P: G# i5 w4 j2 U4 B手机紧凑排版最好,可以一次性最大限度看到更多的释义
  • TA的每日心情
    开心
    2018-11-8 16:40
  • 签到天数: 5 天

    [LV.2]偶尔看看I

    发表于 2018-5-30 11:57:04 | 显示全部楼层
    支持下这个排版哈
  • TA的每日心情
    开心
    2019-1-23 23:12
  • 签到天数: 13 天

    [LV.3]偶尔看看II

     楼主| 发表于 2018-5-30 11:57:35 | 显示全部楼层
    PurlingNayuki 发表于 2018-5-30 11:109 j1 k4 }) R5 V9 Y
    針對手機排版,其實延展來說是做好自適應,能用相對單位的部分儘量用相對單位,就能簡單地取得相對良好的效 ...

      ]0 g5 N$ }( L大神,相对单位怎么使整块内容排版改变,也需要修改display方式吧
  • TA的每日心情
    开心
    2019-1-23 23:12
  • 签到天数: 13 天

    [LV.3]偶尔看看II

     楼主| 发表于 2018-5-30 11:58:57 | 显示全部楼层
    kyletruman 发表于 2018-5-30 11:40
    # Z  R) v- h2 G( U; m, p6 a7 ?  r4 }手机紧凑排版最好,可以一次性最大限度看到更多的释义

    3 N9 U3 C; k8 r没有间距一下砸过来一版内容容易让我头大,个人喜好,不过间距也好改
  • TA的每日心情
    开心
    2019-10-12 09:17
  • 签到天数: 233 天

    [LV.7]常住居民III

    发表于 2018-5-30 12:39:44 | 显示全部楼层
    近来更新了词典才知道这货用着好,可编排真是体力活。为你的付出表示感谢。
  • TA的每日心情
    开心
    2019-1-18 23:55
  • 签到天数: 230 天

    [LV.7]常住居民III

    发表于 2018-5-30 13:05:12 来自手机 | 显示全部楼层
    个人见解,黄底部分和整体风格不搭。而且黑色加粗本来就是非常显眼的样式,加上其他内容又偏浅,所以没必要加个黄底。
  • TA的每日心情
    开心
    2019-1-23 23:12
  • 签到天数: 13 天

    [LV.3]偶尔看看II

     楼主| 发表于 2018-5-30 14:35:10 | 显示全部楼层
    dfliaoyue 发表于 2018-5-30 13:05
    + c$ F, d4 x$ a) l个人见解,黄底部分和整体风格不搭。而且黑色加粗本来就是非常显眼的样式,加上其他内容又偏浅,所以没必要 ...

    ' ]+ _$ s1 E: r我主要调整的是排版结构,配色方面你可以按自己喜好修改下,css搜索shiyi改color就行,有好看配色截图回复分享下哈
  • TA的每日心情

    2018-6-16 00:08
  • 签到天数: 197 天

    [LV.7]常住居民III

    发表于 2018-5-30 14:43:53 | 显示全部楼层
    有点意思,排版以便好用、易用,这个很关键哈。
  • TA的每日心情
    无聊
    2018-6-8 12:49
  • 签到天数: 16 天

    [LV.4]偶尔看看III

    发表于 2018-5-30 14:52:03 | 显示全部楼层
    这种重体力活要大力支持的!
  • TA的每日心情
    开心
    前天 01:01
  • 签到天数: 532 天

    [LV.9]以坛为家II

    发表于 2018-5-30 17:51:06 | 显示全部楼层
    不错还可以,颜色还可以低调点谢谢。
  • TA的每日心情
    开心
    6 天前
  • 签到天数: 505 天

    [LV.9]以坛为家II

    发表于 2018-5-30 18:19:47 | 显示全部楼层
    排版看着很不错,楼主辛苦了
  • TA的每日心情
    开心
    昨天 08:06
  • 签到天数: 265 天

    [LV.8]以坛为家I

    发表于 2018-5-30 20:03:01 | 显示全部楼层
    谢谢你的辛苦付出!
  • TA的每日心情
    开心
    2018-6-23 07:58
  • 签到天数: 136 天

    [LV.7]常住居民III

    发表于 2018-5-31 08:22:59 来自手机 | 显示全部楼层
    排版美观,继续加油!

    该用户从未签到

    发表于 2018-5-31 10:19:04 | 显示全部楼层
    That's very interesting!
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    顶部qrcode底部
    关注公众号送论坛充值码
    关注微信公众平台
    关注微信公众号 pdawiki,获取邀请码,看文抢积分,抽奖得浮云! Follow our Wechat official account "pdawiki", get invitation codes, and play the lottery to earn points (积分)!

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2019-11-18 06:30 , Processed in 0.174098 second(s), 12 queries , MemCache On.

    Powered by Discuz! X3.4

    © 2001-2017 Comsenz Inc.

    快速回复 返回顶部 返回列表