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

心得技巧
网页设计心得:设计师理解搜索结果页SERP
网页搜索框内容为空的5种处理方式
搜索结果SERP设计:个性化会影响用户行为
网页设计心得:网页搜索框更像搜索框
注重用户体验:电子商务网站空搜索设计
用户体验:在什么时候设计网站确认页面
用户体验:网站确认页面以何种形式表现
用户体验:网站确认页面设计注意事项
应对极端并微小的错误的网页用户体验设计
基于Twitter的实时搜索引擎:Tweetfeel.com
用户体验设计:掩饰密码还是明文密码
用户体验:交叉销售和向上销售
网页底部的版权声明写法要注意
UCD设计师:挖掘商业价值纬度
论设计师的分工和配合
网站设计用色:色彩基本知识
参考:整理HTML,CSS和Javascript在线手册
何时慢的用户体验更好?
八个简单的图片设计技巧
产品设计师应该具备的几种能力

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


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