衬线体
Centaur[ˈsɛnˌtɔr] 半人半兽
史诗风格的字体,适合代表年代悠久的感觉,以及烘托诗史氛围。威尼斯的圣马可大教堂指示牌就是用这款字体。指环王的海报也用了这款字体。
Centaur
Garamond加拉蒙字体
诗歌般传统、柔软、纤细的字体,老式罗马字的代表性字体。没有强烈个性,十分易于阅读,是其流行的原因,常被大公司复刻使用。
Caslon[ˈkæzlən] 卡斯隆
美国独立宣言用字,但它却是英国历史上第一款原创设计的字样。在当时,英语刊物的印刷需求急速增长,大量的印刷又导致了单位成本的下降,琳琅满目的小册子,报纸和通俗小说爆炸似地涌现出来。印刷厂发现Caslon字样的优雅,清晰,适于阅读,胜过其他大多数的字样,在活字印刷时期广为流行。戏剧家萧伯纳甚至坚持在自己的书中只采用Caslon。他曾经说过:"I’ll stick with Caslon until I will die,可见其对Caslon的喜爱程度。还有一句类似的有趣的话是“犹豫不决时就用卡斯隆”。
Baskerville[ˈbæskɚˌvɪl] 巴斯克维尔体
旧体到现代体过渡期的罗马字体,古典、高贵的感觉。
Didot迪多
诞生于巴黎的Didot,伴随着启蒙思想和工业革命对社会产生的影响,自然地被引入到时尚产业的洪流中。以Didot为代表的现代主义衬线体,逐渐成为了优雅、成熟和时尚的代表。在工业革命时期,现代主义的衬线体独特的字型特点,成为了对传统衬线体的一种继承与革命。但是,跟一般的字体不同,Didot字体并不是在所有的字号大小看起来都很棒。在每一个范围的字号段内,Didot的笔画粗细都需要做专门的调整。错的并不总是字体,不同的纸张和颜色也会影响最终的印刷效果。Didot既保留了传统古罗马字体的经典衬线,又拥有现代风格的锋利切角,极其适合时尚杂志的封面大字和标题字体。使用Didot最为成功的例子是法国的《VOGUE》和美国的《Harper’s BAZAAR》
Bodoni[boˈdoni, bə-]波多尼
Bodoni对John Baskerville的作品十分欣赏,并仔细研究了法国铸字师Firmin Didot设计的Didot字体。尽管总是被指为Didot的另外一个版本,Bodoni还是具有自己的一些个性。相比Didot,Bodoni的衬线更粗,笔画的对比度稍弱,X高度更矮,字间距更紧密,字母m,n的上拱弧度方向不同等等。总地看来,Didot犹如傲慢的高卢人,昂手挺胸,身材修长;而Bodoni则具有意大利人种的矮短身材,显得更为结实和强壮。
无衬线体
Helvetica
作为现代字体中的经典字体其被应用得非常广泛,并不缺乏关注。Helvetica是Neo-grotesque字体,结构严谨,没有情绪导向,提供着强烈的安全感,好像怎么用都不会错,这是个优势也是个劣势,当我们的设计有比较明确的受众群体或者设计对象有比较明确的气质的时候能够寻找到有同样气质的字体会是更优的选择。一些时尚品牌也较喜好此字体,凸显其品牌独立简洁的个性。
Franklin Gothic[ˈɡɑθɪk]
这款字体是很早出现的无衬线体,所以带有古风,笔画粗狂有力,具有男性化感觉,适合表现强有力,也是招贴海报的常用字体。
Futura
Futura是拉丁语未来的意思,现代且具有几何特征,感觉是现在的主流大热字体,尤其是要突出时尚,设计感的时候可以使用。制作过程中受到包豪斯运动的影响。是LV的商标用字,也是现在很多杂志的首选字体。
Gill Sans
英国风格的代表字体,具有古典风格的骨架,但是又有很强的科技感和未来感,字体外形偏几何,但是是humanist字体,相对futura会柔和一些。
Optima
有古典气息,笔画两端比较粗中间比较细,气质优雅。时代周刊的字体更换,雅虎2013年使用Optima作为全新标识的设计基准都证明了这款字体的热度。
Univers
Grotesque字体,比Helvetica更加简练。字体家族非常全面,所以搭配使用很方便。
Myriad
Humanist字体,很早就已经流行,随着苹果的广泛使用更加引人注目,笔画柔和简洁。
Avenir
字形简洁,现代,虽然也有几何特征,但是不失人情味。Avenir是法语未来的意思,对同样未来含义的Futura是一种挑战,放大x-height,降部拉长,使得文字的易读性明显提高。字体家族也很完整。
伟大的设计师眼里,文本不仅承载内容,而且可以构成界面—Oliver Reichenstein
UI界面中的字体
可读性
在iOS 7 时代,苹果短暂地将 Helvetica 作为系统的主要显示字体的时候,曾对特定的用户群体造成过信息识别的困扰(分不清L和I)。这也最终催生了我们现在所看到的苹果官方字体 San Francisco。旧金山是为UI界面而生的字体,它的x高度比Helvetica 更高,字母间距更宽,字母间的识别度更高。
适度
形式遵从内容,字体不应该“太显眼”,不要超出用户的认知负荷。
灵活
支持大量不同的的内容,不同的尺寸下拥有良好的识别度,能够兼容不同的设备,尤其在小屏幕的设定。
X高度的上线
X高度的参考是小写字母X的高度,同等尺寸下,X高度更大的字体更易于识别。
更大的宽高比
宽高比越大的字母识可别度越高。
宽松的字间距
知母之间的间距和字母内部的空间是影像字母刻度的因素,间距不仅可以保持视觉上的“透气性”,甚至可以营造出一种韵律感。
低笔触对比度
较大笔触的字体在小尺寸屏幕上,会难于分辨。
http://www.iconfont.cn/ 阿里巴巴图标库
http://icomoon.io/app/#/select
http://fortawesome.github.io/Font-Awesome/
http://glyphicons.com/
来自琳琳老师