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

心得技巧
英国航空公司网站表单设计
面包屑导航
以目标用户为中心设计的3个C
网页中的“复制链接”该如何设计
网站改版的过程的方法和误区
网页设计商品价目表最佳设计策略
RSS信息过量(RIO)的问题
网页设计理论:按钮的反馈
Google式设计指导方针的认识
网页作品设计心得:方便和实用
设计心得:产品设计与用户体验
成功Web应用程序的最佳做法
浅谈产品设计中的可用性和可访问性
白宫网站改版浅谈
网页设计理论:斜杠的作用与网站导航
知名网站相册的大图浏览方式评析
网站导航的压力测试
对设计字体的个人观点
网页设计步骤和网页制作大局观
回车键触发表单提交的问题

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 44 ::
收藏到网摘: 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之间的区别恰恰是微软和苹果的定位差异之精妙诠释,一家负责把计算机技术普及化,以最低的价格让尽可能多人可以使用它们完成必要的工作;而另一家则负责让它们更精致,当然(大部分时候)也更贵。