「纸质风格」EarthWorm版牛津8重排

Tenteny · 发表于 2018-8-14 09:34:21

本帖最后由 Tenteny 于 2021-9-9 20:20 编辑

一、字典相关信息

字典来源：[20180101]繁转简牛八 |@EarthWorm

二、重排说明

电子产品有着纸质产品所无法比拟的优势，如何利用这种优势，在词典的排版上做出创新，使电子词典更加的易读，这是电子词典界面设计师需要思考的问题，也是PDAWIKI上每一位计划有排版贡献的成员应该思考的问题。

我在一年前排过一版「牛津8」，但是现在看来，那版排版太过宽松，配色也有问题，而且鉴于牛津是一部「大」词典，细节的疏漏之处，更是不少。之前那个帖子的评论下，我看到这版的作者EarthWorm曾经建议过我给这个版本排下版，也有别的论坛朋友提出过相同建议。

但是当时的学业比较繁忙，实在抽不出时间来，于是只能置之不理了。近日，考虑到我自己的使用，花时间再排一版，鉴于是初版，小的方面的纰漏、不完善之处可能还会有，烦请使用者将相关情况截图反映在下方，以进行下一个版本的修改。

本版排版的优点是易读，所有设计均围绕此目的进行。在阅读方面，应该可以媲美官方app的阅读感受，甚至有过之而无不及。以「body」词条为例，该版效果如下：

官方App效果如下：

参考：「牛津8」纸质词典，「牛津3000词」app，「牛津8」app，「物書堂柯林斯」app。

三、照片展示

四、配色信息

五、特殊说明

1、字体不兼容windows系统（将在下次更新修复字体问题）

2、本样式文件应该也支持：

【2018/5/22】更新牛津高阶英汉双解词典第八版官网完美版 | @dfsfd（已测试切换版）

[2018/02/18]牛津高阶英汉双解词典第八版双解切换版 + CSS 重排 | @漫步_roamlog（未测试）

六、下载

链接:https://1drv.ms/u/s!Aiw2POj8syqDglGwBTQ-SgVTBD-K?e=DeUCPf

密码:2021

han198808 · 发表于 2018-8-15 10:40:42

本帖最后由 han198808 于 2018-8-15 10:46 编辑

引用外部字体优化后的CSS。Windows + GoldenDict上调试的。

Saxons · 发表于 2018-8-16 19:11:43

本帖最后由 Saxons 于 2018-8-16 20:12 编辑

bbs 发表于 2018-8-16 14:28
字体显示没问题，可能是个人喜好问题吧，不喜欢词典里用optima字体，看久了会疲劳，词典排版，主要是要能一 ...

楼主的字体的显示效果是不错的，只是在安桌深蓝上一些字体显示不出来。
我只好自己添加optima_black.ttf字体显示词头，又添加optima regular.ttf字体显示英文例句这才算是解决了optima字体在深蓝上的显示问题，使整体风格看起来才算协调。
又修改了一下颜色，使它符合个人的习惯。
只是图片缩略图在深蓝上显示有问题。
图片的缩略图会遮住下面的文字，每一张都是如此。
不知道别人是不是这样。
以plane为例：

放大图片却没有问题。

我又装上EarthWorm的3.0.0原档测试了一下，EarthWorm的原档在深蓝上没有图片的缩略图挡住文字的问题，缩略图显示正常。

EarthWorm3.0.0：

楼主的纸版风格：

文字被挡住了：

改好了，是楼主的CSS图片设置的问题，我把它改回EarthWorm的原设置，显示一切正常。

只看该作者 · 发表于 2018-8-16 14:28:09

字体显示没问题，可能是个人喜好问题吧，不喜欢词典里用optima字体，看久了会疲劳，词典排版，主要是要能一眼定位要找的内容在哪里，尽量突出重点内容。另外个人觉得双解词典，中文部分字体颜色的明度可以比英文稍低一点，层次感更强，因为先看英文后看中文。不过这一版整体已经很不错了，我要是用的话，就去掉optima字体，然后例句颜色稍微改浅一点，其它的不会动。

HMPT · 发表于 2018-8-14 09:47:03

有一个问题，楼主排版这种风格很赞，似乎是物書堂柯林斯的样式，但是看到其中应用了不少特殊的字体。
我不是很确定CSS在不同平台的适用性，建议而已。
再次，谢谢楼主对于词典排版的一贯努力！

Dukejms · 发表于 2018-8-14 09:54:24

如果有特殊字体，是不是打包成mdd？

skydan05 · 发表于 2018-8-14 09:54:50

谢谢Tenteny分享！！！

han198808 · 发表于 2018-8-14 10:41:20

谢谢分享。词头的字体特别好看。

maixiu · 发表于 2018-8-14 10:57:30

谢谢楼主，物书堂风格

neochou · 发表于 2018-8-14 11:38:18

物书堂风格的排版试试看看用在牛8上

Tenteny · 发表于 2018-8-14 11:46:09

HMPT 发表于 2018-8-14 09:47
有一个问题，楼主排版这种风格很赞，似乎是物書堂柯林斯的样式，但是看到其中应用了不少特殊的字体。
我 ...

字体的话，其实主要只有一种，optima，然后我又附注了Helvetica，就仅这两种字体。我不太清楚这两种字体在windows和android系统上的兼容性，如果您了解的话，劳烦告诉我。

han198808 · 发表于 2018-8-14 11:48:08

本帖最后由 han198808 于 2018-8-15 09:39 编辑

兼容Windows的修改：

.unx,.x,.xt {
color: #003399;
font-style: italic;
font-family: optima, Georgia, serif;

复制代码

Windows中默认没有optima字体，例句很难看。

HMPT · 发表于 2018-8-14 11:57:01

Tenteny 发表于 2018-8-14 11:46
字体的话，其实主要只有一种，optima，然后我又附注了Helvetica，就仅这两种字体。我不太清楚这两种字体 ...

win好说，安装就好
顶多是达不到截图的字体效果，变成默认而已
总觉得字体换成 base64 的话，有点儿不好看。。。

Tenteny · 发表于 2018-8-14 12:03:37

HMPT 发表于 2018-8-14 11:57
win好说，安装就好
顶多是达不到截图的字体效果，变成默认而已
总觉得字体换成 base64 的话，有点儿 ...

嗯，我有空找下字体文件，下次更新的时候写进css里，应该能解决Windows上的情况。

Tenteny · 发表于 2018-8-14 12:04:50

han198808 发表于 2018-8-14 11:48
兼容Windows的修改：

您能方便截个不兼容情况下的图么，我存下来，以后好参考。

HMPT · 发表于 2018-8-14 12:05:43

Tenteny 发表于 2018-8-14 12:03
嗯，我有空找下字体文件，下次更新的时候写进css里，应该能解决Windows上的情况。 ...

都行, 用base64转ttf字体的话, css会很大, 这种对手机平台倒是方便
win 上面安装西文字体就好, 反正不大, 一劳永逸, 之后都可以用了

han198808 · 发表于 2018-8-14 12:23:51

Tenteny 发表于 2018-8-14 12:04
您能方便截个不兼容情况下的图么，我存下来，以后好参考。

https://i.loli.net/2018/08/14/5b725950ba9ab.jpg

han198808 · 发表于 2018-8-14 12:25:20

css貌似也可以直接引用同目录中的字体文件。

Tenteny · 发表于 2018-8-14 12:25:33

han198808 发表于 2018-8-14 12:23
https://i.loli.net/2018/08/14/5b725950ba9ab.jpg

有劳了，多谢。

Dictseeker · 发表于 2018-8-14 14:05:11

本帖最后由 Dictseeker 于 2018-8-14 14:06 编辑

特别的精美，感谢楼主的辛苦制作和无私分享！

eeshu · 发表于 2018-8-14 16:08:04

这种单色的好像挺好看呃。

tsisrep · 发表于 2018-8-14 17:54:35

楼主有空挑战下f大的朗文5++,试试使用这个风格怎么样

马尔可夫 · 发表于 2018-8-14 19:32:20

好的排版风格真的很养眼，细微调整颇费功夫，感谢楼主的付出。

cinH · 发表于 2018-8-14 20:35:09

看了这么多个版本，个人觉得这个配色很养眼，排版、字体方面看得出楼主费了不小心思，感谢楼主。

szm · 发表于 2018-8-14 22:57:41

看起来很简洁大方，感谢楼主分享

HMPT · 发表于 2018-8-15 09:39:37

Tenteny 发表于 2018-8-14 12:25
有劳了，多谢。

有试过 Mac上的GoldenDict么?
Win上面也有, 代表一定普遍性.

我在Win上GoldenDict试了之后, 发现两侧边距略窄.

SuperM · 发表于 2018-8-15 09:53:02

排版相当赞，Windows现在兼容了吗？Win + GoldenDict，等兼容后再下载

[改版] 「纸质风格」EarthWorm版牛津8重排

评分

本帖被以下淘专辑推荐:

点评

评分