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

心得技巧
网页设计心得:网页设计中的包容原则
网页设计理论:站在用户立场思考问题
设计参考:B2C网站添加到购物车按钮设计欣赏
收集国外优秀的杂志风格网站设计实例
用户体验参考:网页产品原型设计到网站界面
电子商务网站常见模式案例:分页设计
WEBJX收集55个新鲜的企业网站设计案例
70个漂亮的带有灵感的单页面网站设计实例
提高视觉冲击纹理质感风格Web设计实例参考
设计灵感:启发灵感的网页设计实例
Webjx收集50个新鲜的时尚和精致的组合设计网站
45个阅读更多和继续阅读链接设计实例
50个漂亮的有强烈设计感的博客网站实例
35个漂亮的国外摄影类网站(WEBJX收集)
54个出色的“网站建设中”网页设计实例
设计参考:10个使用涂鸦风格的网店设计
设计参考:12个设计精彩的国外游戏网站设计
用户体验:准确的发现问题和优雅的解决问题
淘宝网允许非注册用户购买的设计流程
网页设计理论:网站首页如何增加互动

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


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