SlideShare une entreprise Scribd logo
1  sur  26
Télécharger pour lire hors ligne
中国交互设计体验日


                   2010


移动终端的中文显示难题


        ——中文排版与字体
中国交互设计体验日
移动终端             2010



       以iPad为例
中国交互设计体验日
移动终端界面-排版          2010

将文字、表格、图形、
图片等进行合理的排列
调整,使版面达到美观
的视觉效果,叫做排版。
中国交互设计体验日
排版技术的发展                         2010



    铅     照                      计
雕             手   自    电         算
版   字     相   动   动    子
印   排     排   照   照    照         机
刷   版         排   排    排         排
          字                      版



在中国宋代发明活字印刷术和15世纪欧洲发明金属活字的几百年以来,
世界印刷行业普遍采用基于活字印刷原理的铅字排版技术。这种作业
有熔铅、铸字、浇版等热操作,故又称之为“热排”。而相应地称照
排系统为“冷排”,它在整个作业过程中完全排除了铅与火的操作。
中国交互设计体验日
古代印刷                                 2010
雕                    雕版印刷采用手书上版,其字体均
版                    采用当时最受社会欢迎、喜爱的,
印                    譬如唐代的颜、柳、欧、虞,元代
刷                    的赵体等。官私刻版,想用哪种字
                     体,就 写哪种字体,这一点是活字
                     制作无法达到的


     广东出版的辕门钞

活   中国早在11世纪就发明了活字
字   印刷。作为中国古代“四大发
印   明”之一,曾对世界文明进程
刷   和人类文化发展产生过重大影
    响。
                         三明宁化木活字印刷
中国交互设计体验日
铅字排版                                    2010
八十年代中期以前,书刊印刷、报纸印刷
普遍采用铅活字排版。
虽然比起更早之前的雕版印刷,铅活字的
排版在字体、形式等方面相对缺乏了一些
多样性,但技术上的飞越,无疑造就了印
刷行业的全新气象。




      排版工必须将每一个字的位置牢记于心,才
      能准确操作。一个熟练的排版工绝不会用眼   1590年在中国排印的第一本
      睛去找字,而是信手摸来,十拿十准。     书《日本派赴罗马之使节》
中国交互设计体验日
铅字排版                          2010
在西方传教士传入近代铅活字印刷后,中文铅活字的制作得到了大力
发展。国内出现了石印厂,渐渐形成了第一批印刷机构。




   中外新报                华字日报
中国交互设计体验日
铅字排版                          2010
活体铜模活字排印
                  印刷字体最初沿用了古代
                   宋体,后来发现其单一性
                   后,国人开始致力于中文
                   字体研究和出新。




竹天新宋铜模铸字所刊登的广告
中国交互设计体验日
排版的飞越                          2010

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

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

 进入九十年代以后,北大方正集团,依托它雄厚的新技术开发
  力量,在原来华光型电排机基础 上,新开发出了方正系列电排
  系统 ,中文印刷正式进入电脑排版时代。
中国交互设计体验日
对比一下               2010




  它们有些什么差别?



 铅活字排版   方正飞腾排版
中国交互设计体验日
再中英文对比一下            2010




     感觉到了什么?
中国交互设计体验日


                 2010




发展到网页、移动终端上之后呢?
中国交互设计体验日
界面设计                     2010

人与机器之间传递和交换信息的媒介,称之为界面。无论硬
件、软件、各种互联网产品、直接与用户打交道的,永远是
界面。
界面设计直接影响着用户与产品之间的交流。而布局、色
彩、交互往往是界面设计优劣的决定性要素。



■对媒体、资讯类的产品来说,界面设计相
当于排版。
中国交互设计体验日
网站界面-中文        2010
中国交互设计体验日
网站界面-英文                        2010




同样布局、同样配色、同样的交互设计,为什么英文版更好看?
中国交互设计体验日
iPad界面上                     2010




苹果设备上,中文界面的显示效果似乎不错。
中国交互设计体验日

iPhone界面上         2010

            但,同样的左对齐
            排列,英文显得有
            一种起伏感,而中
            文却像没调整到
            位。
中国交互设计体验日
看来,对齐是个问题                       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


最后


     感谢大家的支持!

Contenu connexe

Plus de IxDC

IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC
 
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC
 
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC
 
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC
 
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC
 
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC
 
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
IxDC
 
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC
 
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC
 
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC
 
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC
 
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC
 
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC
 
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhyIxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC
 
IxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdcIxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdc
IxDC
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC
 

Plus de IxDC (20)

IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
IxDC2011 中国交互设计体验日_产品价值定位与初次使用体验_三星_李艳
 
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
IxDC2011 中国交互设计体验日_从用户研究到交互设计_腾讯_黄汉忠
 
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
IxDC2011 中国交互设计体验日_移动平台应用差异化设计与统一体验建设_网易_曾智焱_李斌
 
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
IxDC2011 中国交互设计体验日_从支付宝客户端谈手机上的用户体验设计_支付宝_李鹤
 
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
IxDC2011 中国交互设计体验日_全局性设计规划-设计方案讲解_百度_刘灯_徐澄
 
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
IxDC2011 中国交互设计体验日_消费电子产品交互体验畅想_三星_谢林_杜乐
 
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
IxDC2011 中国交互设计体验日_数据分析在网页评估中的作用_淘宝_王雯
 
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
IxDC2011 中国交互设计体验日_如何挖掘体验设计的商业价值_支付宝_郭亮_王强
 
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
IxDC2011 中国交互设计体验日_无意识交互设计-互联网产品的无意识操作_创新工场_刘雨萌
 
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
IxDC2011 中国交互设计体验日_如何通过设计web ui,让用户“无痛”完成复杂的个人信息录入_创新工场_刘进伯
 
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
IxDC2011 中国交互设计体验日_更效率的信息设计_新浪_李池明
 
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
IxDC2011 中国交互设计体验日_读图看世界,信息可视化_惠普_向怡宁
 
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
IxDC2011 中国交互设计体验日a5_用讲故事的方法来做手机产品交互设计_百度_陈莹_史玉洁
 
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
IxDC2011 中国交互设计体验日_如何提高产品体验竞争力_阿里巴巴_陶嵘
 
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
IxDC2011 中国交互设计体验日_探索移动sns的创新交互形式_创新工场_刘静_邹越昆
 
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
IxDC 中国交互设计体验日-大会_唐沐_特殊人群的设计关怀
 
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
IxDC 中国交互设计体验日-大会_黄峰_体验设计,我们要走的更远
 
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhyIxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
IxDC 中国交互设计体验日-大会_deniel_thevalueofaskingwhy
 
IxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdcIxDC 中国交互设计体验日-C5_许让-ixdc
IxDC 中国交互设计体验日-C5_许让-ixdc
 
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
IxDC 中国交互设计体验日-C3a_钟磊_手持终端交互设计方法2_钟磊
 

IxDC 中国交互设计体验日-C3b_吴蔚_移动终端的中文显示难题

  • 1. 中国交互设计体验日 2010 移动终端的中文显示难题 ——中文排版与字体
  • 3. 中国交互设计体验日 移动终端界面-排版 2010 将文字、表格、图形、 图片等进行合理的排列 调整,使版面达到美观 的视觉效果,叫做排版。
  • 4. 中国交互设计体验日 排版技术的发展 2010 铅 照 计 雕 手 自 电 算 版 字 相 动 动 子 印 排 排 照 照 照 机 刷 版 排 排 排 排 字 版 在中国宋代发明活字印刷术和15世纪欧洲发明金属活字的几百年以来, 世界印刷行业普遍采用基于活字印刷原理的铅字排版技术。这种作业 有熔铅、铸字、浇版等热操作,故又称之为“热排”。而相应地称照 排系统为“冷排”,它在整个作业过程中完全排除了铅与火的操作。
  • 5. 中国交互设计体验日 古代印刷 2010 雕 雕版印刷采用手书上版,其字体均 版 采用当时最受社会欢迎、喜爱的, 印 譬如唐代的颜、柳、欧、虞,元代 刷 的赵体等。官私刻版,想用哪种字 体,就 写哪种字体,这一点是活字 制作无法达到的 广东出版的辕门钞 活 中国早在11世纪就发明了活字 字 印刷。作为中国古代“四大发 印 明”之一,曾对世界文明进程 刷 和人类文化发展产生过重大影 响。 三明宁化木活字印刷
  • 6. 中国交互设计体验日 铅字排版 2010 八十年代中期以前,书刊印刷、报纸印刷 普遍采用铅活字排版。 虽然比起更早之前的雕版印刷,铅活字的 排版在字体、形式等方面相对缺乏了一些 多样性,但技术上的飞越,无疑造就了印 刷行业的全新气象。 排版工必须将每一个字的位置牢记于心,才 能准确操作。一个熟练的排版工绝不会用眼 1590年在中国排印的第一本 睛去找字,而是信手摸来,十拿十准。 书《日本派赴罗马之使节》
  • 7. 中国交互设计体验日 铅字排版 2010 在西方传教士传入近代铅活字印刷后,中文铅活字的制作得到了大力 发展。国内出现了石印厂,渐渐形成了第一批印刷机构。 中外新报 华字日报
  • 8. 中国交互设计体验日 铅字排版 2010 活体铜模活字排印  印刷字体最初沿用了古代 宋体,后来发现其单一性 后,国人开始致力于中文 字体研究和出新。 竹天新宋铜模铸字所刊登的广告
  • 9. 中国交互设计体验日 排版的飞越 2010  中国从20世纪60年代开始研制手动照排机。1974年8月,国 家科学技术委员会决定集中北京大学等单位科技人员,研究制 造中文照相排字机。  1982年终于研制出“华光”Ⅲ型计算机激光照相排字机,新华 社 、经济日报社及天津市出版局先后使用。从此中国的书刊、 报纸排版技术告别了“火与 铅”(即“热排”)的时代,迈进了 电脑排版(即“冷排”)的大门。  进入九十年代以后,北大方正集团,依托它雄厚的新技术开发 力量,在原来华光型电排机基础 上,新开发出了方正系列电排 系统 ,中文印刷正式进入电脑排版时代。
  • 10. 中国交互设计体验日 对比一下 2010 它们有些什么差别? 铅活字排版 方正飞腾排版
  • 12. 中国交互设计体验日 2010 发展到网页、移动终端上之后呢?
  • 13. 中国交互设计体验日 界面设计 2010 人与机器之间传递和交换信息的媒介,称之为界面。无论硬 件、软件、各种互联网产品、直接与用户打交道的,永远是 界面。 界面设计直接影响着用户与产品之间的交流。而布局、色 彩、交互往往是界面设计优劣的决定性要素。 ■对媒体、资讯类的产品来说,界面设计相 当于排版。
  • 15. 中国交互设计体验日 网站界面-英文 2010 同样布局、同样配色、同样的交互设计,为什么英文版更好看?
  • 16. 中国交互设计体验日 iPad界面上 2010 苹果设备上,中文界面的显示效果似乎不错。
  • 17. 中国交互设计体验日 iPhone界面上 2010 但,同样的左对齐 排列,英文显得有 一种起伏感,而中 文却像没调整到 位。
  • 18. 中国交互设计体验日 看来,对齐是个问题 2010 文字与栏宽正合适 当栏宽不够,标点换行后 在铅活字排版中,因为每个铅字大小 都是固定的,版面文字可以说是天然 对齐的。 但在电脑排版里,汉字与符号的占位 不能动栏宽,那就缩进文字。结果…… 却不是完全相同。
  • 19. 中国交互设计体验日 2010 原来 字体才是根本的问题
  • 20. 中国交互设计体验日 西方字体-有衬线字体与无衬线字体 2010 西方国家字母体系分为两类:serif以及sans serif。 适于正文 适于标题 像 Times、Times New Roman 等都是属于 serif 的字体 而 Arial、helvetica 则是属于 sans serif 的字体。
  • 21. 中国交互设计体验日 中文字体 2010 看起来中文字体中的宋体像是一种标准的serif字体,衬线 的特征似乎很明显。但实际上,它不算是。 “王”字这一竖的笔 画开始到结束都没有 变化
  • 22. 中国交互设计体验日 汉字之美 2010 这 才 算 标 准 的 衬 线 字 体 图来源:厉向晨 (Digidea Lee)的《汉字的灵性》
  • 23. 中国交互设计体验日 字体影响着界面的交互 2010 俗话说字如其人,通过一 个人写的字所带给我们的 感觉,从中间接可以看出 他的气度、为人,这是不 假的。而印刷字体也同样, 不同字体的区别并不仅仅 是好看与不好看而已,从 每一个细节都可以看出设 计者的想法,而细节的改 变,哪怕只是一个点的距 离,也会影响整个字传达 出的气场。这也就直接影 响到了产品的交互。 ——摘至厉向晨 (Digidea Lee)的《汉字的灵性》
  • 24. 中国交互设计体验日 还记得这个广告么? 2010 1912年创办的竹天新宋铜模铸字 所曾在《艺文印刷月刊》连续数 期刊登广告向印刷企业推销其研 制的洪武正楷铜模、汉文正楷铜 模,以及该所制作的方头黑体和 老宋及特号铜模等。从广告字面 看,该所制作的铜模铅字,在今 天看来,仍不失美观、秀雅,标 示着当时中国印刷字体之研究达 到了一个新的、前所未有的水平。 它是不是显得很丰富,很特别? 竹天新宋铜模铸字所刊登的广告
  • 25. 中国交互设计体验日 真正的难题 2010 当我们解决了布局、色彩、交互习惯等一 系列问题,却依然得不到满意的界面时, 是否应该仔细思考一下那个最根本的元 素——字体呢!
  • 26. 中国交互设计体验日 2010 最后 感谢大家的支持!