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

心得技巧
设计作品参考:有创意的美观大方的简历设计
产品设计:产品三要素三角模型
手机移动平台的UI界面设计:减少空间占用
B2C网站产品设计实例:简单的广告设计
设计理论:杂志的目录设计
用户体验设计:良好的站内搜索设计指导
设计作品参考:很具想象力的标志LOGO设计
用户体验:简单的用户研究的分析和总结
WEBJX收集11个优秀的在线表单服务网站
邮件设计与网页设计的巨大差别
优秀的交互设计应该是最愉悦的满足用户的需求
谈新版豆瓣首页交互设计:复杂网站的标签系统
GOOGLE用户体验设计师谈Google的十大设计原则
腾讯QQ产品经理谈互联网产品经理的素质
网页设计参考:50个激发你设计灵感的网站实例
WEBJX收集27个流行且别致的网站header设计实例
50个鼓舞人心的设计惊艳的iphone应用网站
淘宝网系统的前端安全规范
混乱的URL编码
WEBJX收集10个非常不错的旅游行业网站设计

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


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