当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计字体:雅黑,Helvetica和Arial

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

心得技巧 中的 设计字体:雅黑,Helvetica和Arial


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 66 ::
收藏到网摘: n/a

第一次意识到电脑上的字体可以有不同的渲染效果,是在安装微软雅黑并开启了ClearType后,忽然发现以往熟视无睹的边缘锋利的文字,竟然可以显示的这样柔和细腻。

雅黑最初内置在Vista中,直到2008年才为XP推出专门版本,而我第一次看到雅黑的时候,Vista还没有推出,网络上流传的雅黑应该属于"流出版",在XP上显示并不完美,比如一些特定的字会显示错误,大小也有些参差不齐之类,但已经足以震撼当时的我了。

于是立即把所有能设置字体的地方全部改成微软雅黑,之后开始享受这种不花一分钱,却可以立刻为显示效果带来巨大提升的乐趣,并热衷于把这种乐趣告诉每一个竟然还没有安装微软雅黑和开启ClearType的人。

这种乐趣终结于第一次看到Mac的文字显示效果时,天啊,这才是真正的文字在电脑上应该有的样子,没有毛边和锯齿,层次清晰,浓淡适中... 雅黑在我眼中,立刻平庸起来。

普通的windows字体渲染、ClearType+雅黑、Mac字体渲染,这三者的效果之间,就如同rmvb、DVD rip、720p HD之间的差距。

后来研究iPhone使用的字体时发现,也是Mac系统默认的大名鼎鼎的Helvetica,阮一峰曾经评论过关于这个字体的一部纪录片,而微软系统内置的Arial,其开发目的便是希望作为一个"较便宜的替代品与Helvetica竞争",所以二者非常相像,只在细节处有细微的不同:

Rex Chen对此评论道:

"Arial gets chosen because it's cheap, not because it's a great typeface." 對於 Helvetica 命運不忿其實更多的是對設計歷史和設計文化的尊重,對於 Arial 的鄙視和嘲笑更多的是對商業的投機行爲和對設計傳統的踐踏的鄙視和嘲笑。"

 

但我觉得基于正常的商业逻辑,微软选择不仔细看差别不大的低价替代品是无可指摘的,要求市场上的所有公司都选择最好的材料,用最好的工艺去制造,并不现实。

Arial和Helvetia之间的区别恰恰是微软和苹果的定位差异之精妙诠释,一家负责把计算机技术普及化,以最低的价格让尽可能多人可以使用它们完成必要的工作;而另一家则负责让它们更精致,当然(大部分时候)也更贵。