网页设计常用的英文字体有哪些?

网页设计中,用到的字体取决于产品在什么系统(system)上运行(Windows),产品是纯英文还是中文英文甚至还有其他国家语言。

  Franklin Gothic

这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力。Web字体可以考虑Oswald。

Futura

Futura是拉丁语未来的意思,现代且具有几何特征,感觉是现在的主流大热字体,尤其是要突出时尚,设计感的时候可以使用(use)。制作(Make)过程(process)中受到包豪斯运动的影响。是LV的商标用字,也是现在很多杂志的首选字体。

Arial: Helvetica的「克隆」,和Helvetica非常像,细节上比如R和G有小小差别。如果字号太小,文字太多,看起来会有些累眼。Win和Mac显示都正常

Verdana: 专门为了屏显而设计(Design)的字体,humanist风格(style),在小字号下仍可以清楚显示,但是字体细节缺失严重,最好别做标题。

Tahoma: 也是humanist风格(style),字体和Verdana有点像,但是略窄一些,counter略小,曾经是Windows的标准字体,Mac 10.5之后默认也有安装(ān zhuāng)。

Trebuchet MS: 为微软设计(Design)的一个humanist风格字体,个人觉得个性太过突出。

Centaur

具有史诗般正统风格(style),特别适合用于表现年代悠久。UI设计学习UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。具体排版时注意合字和老式数字的使用。

Garamond

复古传统(chuán tǒng),没有强烈个性,十分易于阅读,因为太流行(Prevalent)所以很多大的公司(Company)都做过Garamond复刻,苹果电脑里有系统(system)字Garamond以及Adobe所制作(Make)的Adobe Garamond Pro。 如果是希望web上使用(use),可以考虑EB Garamond。

Caslon

美国独立宣言用字,是活字时代的大热字体。很多公司也做过Caslon复刻,现在的使用也非常广泛。

Lucida Family: Lucida Grande是Mac OS UI的标准字体,属于humanist风格,稍微活泼一点。Mac下的显示要比Win下好。

Baskerville

过渡(transition)期罗马(Rome)体(旧体到现代体)的代表性字体,非常经典,给人古典、高贵的感觉。

Didot

现代衬线体,发丝衬线。特点是强烈的笔画粗细对比和水平衬线,时尚,现代,优美。

Times: Times是为了报纸而设计的,特点是可以在有限的空间(Space)塞进去更多的文字,笔画较弱,小字号正文屏显看起来累眼。曾经Engadget改版的时候用了Times作为正文,被骂得很惨之后换成了Georgia。

Helvetica: 被评为设计(Design)师最爱的字体,Realist风格(style),简洁现代的线条,非常受到追捧。在Mac下面被认为是最佳的网页字体,在Windows下由于Hinting的原因显示很糟糕(terrible)。

Avenir

字形简洁,现代,虽然也有几何特征,但是不失人情味。Avenir是法语未来的意思,对同样未来含义的Futura是一种挑战,放大x-height,降部拉长,使得文字的易读性明显提高。字体家族也很完整。

Georgia: 基本上适合正文屏显的衬线字体,非Georgia莫属了。笔画粗重,衬线明线,轮廓较大,小字体显示也很清晰,同时细节还算OK。

Gill Sans

英国风格(style)的代表字体,具有古典风格的骨架,但是又有很强的科技感和未来感,字体外形偏几何,但是是humanist字体,相对futura会柔和一些。

Opima

有古典气息,笔画两端比较粗中间比较细,气质优雅。时代周刊的字体更换,雅虎2013年使用Optima作为全新标识的设计(Design)基准都证明了这款字体的热度。

Univers

Grotesque字体,比Helvetica更加简练。字体家族非常全面,所以搭配使用很方便。

Myriad

Humanist字体,很早就已经流行(Prevalent),随着苹果的广泛(extensive)使用(use)更加引人注目,笔画柔和简洁。

中文字体用的最多的微软雅黑 黑体 宋体 华文楷体。对于网站来说,下载字体很复杂。英文字体 26个大写+26个小写+标点符号不是很多,但中文汉字的数量,所以很少有网站会去让用户去下载中文字体的。

当然有一种方式就是多种字体交叉使用(use)。UI设计教程具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点。UI设计教程UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。网页设计,即是网站设计字体的运用对网站整体起到很大作用(role)。

0
分享到:

评论0

请先

社交账号快速登录

 
QQ在线咨询