移动终端的中文显示难题

——中文排版与字体

2010

中国交互设计体验日

移动终端

以iPad为例

2010

中国交互设计体验日

移动终端界面－排版

将文字、表格、图形、图片等进行合理的排列调整，使版面达到美观的视觉效果，叫做排版。

2010

中国交互设计体验日

排版技术的发展

铅字排版

照相排字

计算机排版

手动照排

自动照排

电子照排

雕版印刷

在中国宋代发明活字印刷术和15世纪欧洲发明金属活字的几百年以来，世界印刷行业普遍采用基于活字印刷原理的铅字排版技术。这种作业有熔铅、铸字、浇版等热操作，故又称之为“热排”。而相应地称照排系统为“冷排”，它在整个作业过程中完全排除了铅与火的操作。

2010

中国交互设计体验日

雕版印刷采用手书上版，其字体均采用当时最受社会欢迎、喜爱的，譬如唐代的颜、柳、欧、虞，元代的赵体等。官私刻版，想用哪种字体，就 写哪种字体，这一点是活字制作无法达到的

广东出版的辕门钞

三明宁化木活字印刷

雕版印刷

活字印刷

中国早在11世纪就发明了活字印刷。作为中国古代“四大发明”之一，曾对世界文明进程和人类文化发展产生过重大影响。

古代印刷 2010

中国交互设计体验日

排版工必须将每一个字的位置牢记于心，才能准确操作。一个熟练的排版工绝不会用眼睛去找字，而是信手摸来，十拿十准。

八十年代中期以前，书刊印刷、报纸印刷普遍采用铅活字排版。

虽然比起更早之前的雕版印刷，铅活字的排版在字体、形式等方面相对缺乏了一些多样性，但技术上的飞越，无疑造就了印刷行业的全新气象。

铅字排版

1590年在中国排印的第一本书《日本派赴罗马之使节》

2010

中国交互设计体验日

铅字排版

华字日报 中外新报

在西方传教士传入近代铅活字印刷后，中文铅活字的制作得到了大力发展。国内出现了石印厂，渐渐形成了第一批印刷机构。

2010

中国交互设计体验日

铅字排版

印刷字体最初沿用了古代宋体，后来发现其单一性后，国人开始致力于中文字体研究和出新。

活体铜模活字排印

竹天新宋铜模铸字所刊登的广告

2010

中国交互设计体验日

排版的飞越

中国从20世纪60年代开始研制手动照排机。1974年8月，国家科学技术委员会决定集中北京大学等单位科技人员，研究制造中文照相排字机。

1982年终于研制出“华光”Ⅲ型计算机激光照相排字机，新华社 、经济日报社及天津市出版局先后使用。从此中国的书刊、报纸排版技术告别了“火与 铅”(即“热排”)的时代，迈进了电脑排版(即“冷排”)的大门。

进入九十年代以后，北大方正集团，依托它雄厚的新技术开发力量，在原来华光型电排机基础 上，新开发出了方正系列电排系统 ，中文印刷正式进入电脑排版时代。

2010

中国交互设计体验日

铅活字排版 方正飞腾排版

对比一下

它们有些什么差别？

2010

中国交互设计体验日

再中英文对比一下

感觉到了什么？

2010

中国交互设计体验日

发展到网页、移动终端上之后呢？

2010

中国交互设计体验日

界面设计

人与机器之间传递和交换信息的媒介，称之为界面。无论硬件、软件、各种互联网产品、直接与用户打交道的，永远是界面。

界面设计直接影响着用户与产品之间的交流。而布局、色彩、交互往往是界面设计优劣的决定性要素。

■对媒体、资讯类的产品来说，界面设计相当于排版。

2010

中国交互设计体验日

网站界面－中文 2010

中国交互设计体验日

网站界面－英文

同样布局、同样配色、同样的交互设计，为什么英文版更好看？

2010

中国交互设计体验日

iPad界面上

苹果设备上，中文界面的显示效果似乎不错。

2010

中国交互设计体验日

iPhone界面上

但，同样的左对齐排列，英文显得有一种起伏感，而中文却像没调整到位。

2010

中国交互设计体验日

看来，对齐是个问题

文字与栏宽正合适

当栏宽不够，标点换行后

在铅活字排版中，因为每个铅字大小都是固定的，版面文字可以说是天然对齐的。

但在电脑排版里，汉字与符号的占位却不是完全相同。 不能动栏宽，那就缩进文字。结果……

2010

中国交互设计体验日

原来

字体才是根本的问题

2010

中国交互设计体验日

西方字体－有衬线字体与无衬线字体

西方国家字母体系分为两类：serif以及sans serif。

像 Times、Times New Roman 等都是属于 serif 的字体 而 Arial、helvetica 则是属于 sans serif 的字体。

适于正文 适于标题

2010

中国交互设计体验日

中文字体

“王”字这一竖的笔画开始到结束都没有

变化

看起来中文字体中的宋体像是一种标准的serif字体，衬线的特征似乎很明显。但实际上，它不算是。

2010

中国交互设计体验日

汉字之美

这才算标准的衬线字体

图来源：厉向晨 (Digidea Lee)的《汉字的灵性》

2010

中国交互设计体验日

字体影响着界面的交互

——摘至厉向晨 (Digidea Lee)的《汉字的灵性》

俗话说字如其人，通过一个人写的字所带给我们的感觉，从中间接可以看出他的气度、为人，这是不假的。而印刷字体也同样，不同字体的区别并不仅仅是好看与不好看而已，从每一个细节都可以看出设计者的想法，而细节的改变，哪怕只是一个点的距离，也会影响整个字传达出的气场。这也就直接影响到了产品的交互。

2010

中国交互设计体验日

还记得这个广告么？

竹天新宋铜模铸字所刊登的广告 它是不是显得很丰富，很特别？

1912年创办的竹天新宋铜模铸字所曾在《艺文印刷月刊》连续数期刊登广告向印刷企业推销其研制的洪武正楷铜模、汉文正楷铜模，以及该所制作的方头黑体和老宋及特号铜模等。从广告字面看，该所制作的铜模铅字，在今天看来，仍不失美观、秀雅，标示着当时中国印刷字体之研究达到了一个新的、前所未有的水平。

2010

中国交互设计体验日

真正的难题

当我们解决了布局、色彩、交互习惯等一系列问题，却依然得不到满意的界面时，是否应该仔细思考一下那个最根本的元素——字体呢！

2010

中国交互设计体验日

感谢大家的支持！

最后

2010

中国交互设计体验日