文悦古典明朝体新手福利！UI设计中的字体选择指南

UI设计作为一种视觉设计，不仅在视觉上给人一种美的享受，还向用户传达一种信息和一种理念。

APP中的文字、图形、色彩是信息传递的三要素，字体是其中的重要因素之一。

在用户界面中，每个单词和字母都非常重要。好的字体等于好的设计。字体已经成为界面设计的基石，我们设计师就是这些“信息基石”的建设者。

字体是界面。王宇先生使用基于拉丁罗马体的西方字体和基于东亚汉字系统的中国字体，这是人类使用最广泛的字体。下面说说如何在APP界面设计中使用它们。

西文字体衬线

如上图所示，字形笔画末端有结构装饰细节的文字称为衬线体。从第一代手工业到工业时代，线条字体是印刷中使用的主流字体家族。

班轮起源于古罗马石雕。古罗马工匠在雕刻文字时，先用方形毛笔书写，然后根据书写的文字雕刻。因为直接用方形毛笔写字会导致笔画的起止比较粗糙，所以在笔画的开始、结束、边角都加了收尾笔画，自然就形成了衬线。雕版工匠根据书写的文字进行雕刻，从而形成所谓的“衬线”。

使用线程向导的应用程序

中型，最好的个人博客写作社区，使用夹层体FF Tisa Pro

Polyvore是一款关于时尚购物指南的国外APP

著名的quora，国外最大的问答网站。他是emmmm…来自知乎…他用的字体也是衬线

西方衬线强调字母笔画的开头和结尾，棱角分明，便于读者在阅读更多段落时区分每个字母。

推荐几个最常用的英文夹层体

1.半人马

史诗式字体适合表现时间久远的感觉，烘托诗史的氛围。这种字体用于威尼斯圣凯尔大教堂的招牌。指环王的海报也是用这种字体。

2.加拉蒙字体

Garamond是一种诗意的传统，字体柔和纤细，是古罗马文字的代表字体。它没有很强的个性，容易阅读，这是它受欢迎的原因，经常被大公司用来复制。

3.卡斯隆罗马体字母铅字

戏剧家萧伯纳曾经说过“我会坚持用卡斯龙直到死”，翻译过来就是:我会用卡斯龙直到死。

卡斯隆是美国独立宣言中的词。想想这个字体的粗细。

这是英国历史上第一个原创设计。印刷厂发现Caslon优雅、清晰、适合阅读，因此在印刷时期广受欢迎。还有一句类似的有意思的话“犹豫不决的时候，用Caslon”。

4.英国泰晤士报(1785 年创刊)

它可能是最常见和最著名的衬线字体之一，最初是在《英国时报》上采用的。在字体设计上属于过渡衬线，对后来的字体影响深远。此外，由于其规则稳定的经典外观，经常被选为标准字体之一。

西文字体-无衬线

无衬线(Sans-serif)是指西方语言中没有衬线的字体，对应于汉字中的黑体。

与严肃的衬布相比，衬布给人一种休闲放松的感觉。随着现代生活和时尚潮流的变化，现在的人们越来越喜欢使用无衬里的身体，因为它们看起来“更干净”。

使用线程向导的应用程序

Twitter，Twitter是社交网络和微博服务的热门应用，可耻地抄袭了我们的微博。使用的字体是无衬线字体。

Instagram，Instagram (Photo Wall)是一款运行在移动终端上的社交应用，以一种快速、精彩、有趣的方式分享你随时捕捉到的图片。也是无衬线。

Panna，一个视频美食食谱社区，是海外美食家的聚集地。也是无衬线。

无衬线字体崇尚绝对理性、客观、系统化。字体简洁美观，适合提高短句的美感。如今，它在追求极简风格的UI设计中极为流行。

推荐几个最常用的英文无衬线体

1.（德）未来

Futura，意为拉丁语的未来，现代，几何，是现在主流的热门字体。

尤其需要突出时尚和设计。制作过程受到包豪斯运动的影响。是LV和Omega的商标词，也是现在很多杂志的首选字体。

2.ＯＰＴIＭＵＭ的复数

带有古典气息，笔画两头粗中间细，气质优雅。

《时代》杂志的字体变化和雅虎2013年全新logo的设计基准都证明了这种字体的流行。

3.neo sans

塞巴斯蒂安·莱斯特(Sebastian Lester)的设计师塞巴斯蒂安·莱斯特(Sebastian Lester)形容他的“新西斯”系列“清晰而中立，一丝不苟，不让人分心”。

Neo Sans系列有一个圆形的无边框字母形式，有六种重量，从轻到超，用斜体表示。其前瞻性的个性使其成为品牌项目和编辑或出版设计的绝佳选择。

4.open sans

Open Sans是由Google委托Steve Matteson设计的无衬线字体，其设计理念是诚实、开放的表达和中性但亲和的外观。

Droid Sans主要用于一些Android手机上的用户界面字体，而Open Sans则用于一些Google网页及其打印和在线广告。

5.Helvetica

重点看这个字体。知道字体的同学会比较熟悉。

Helvetica是苹果电脑的默认字体，微软常用的Arial字体就是来源于此。2007年，helvetica诞生了50年。作为一种在平面设计和商业上流行且成功的字体，英国导演加利·哈斯特维特专门为她拍摄了一部纪录片《Helvetica》。

视频链接:https://www.bilibili.com/video/av14868042/

Helvetica在全世界的拉丁和西里尔国家被广泛使用。同样的风格被移植到希腊字母、希伯来字母和汉字上。

Helvetica被广泛用于标志、电视、新闻标题和无数商标。如3M、爱克发、巴斯夫、美国航空空、美国服装、宝马、板条箱&:、爱普生、汉莎空、芬迪、J.C. Penny、Jeep、川崎重工、克诺尔、英特尔、无印良品、雀巢、松下、微软、三菱电机、摩托罗拉、丰田、帕尔马拉特、SAAB(Helvetica 83黑体)、三星、渣打

也就是说，Helvetica是我们日常生活中最常见的英文字体。

Helvetica的成功归功于它与整个瑞士平面设计风格的融合。两者共同构成了一套完整的理念:崇尚绝对理性、客观、系统化。但这并不完美，也有相应的缺点。

Helvetica的设计哲学是一致性和去个性化。字母整体形状为圆形，缺乏阅读节奏，不适合小字阅读优化。今天，有了丰富的优秀字体和细分领域，Helvetica的优势被削弱了。

中立也是一把双刃剑:冷静客观，但也抹杀了情感，忽略了形式可能带给用户的愉悦。

中文字体-白色字体(衬线)

中国传统印刷字体都是白色字体，相当于英文的serif。

在重印印刷时代，为了方便刻画，汉字和模板的纹理历史是纵向的，所以更容易横向刻汉字；木纹的竖十字需要更粗一些，防止两边碎木纹磨损严重，无法辨认。代表字体:宋体、仿宋体、楷体。

带白色字符的APP

录词，找共鸣，一个字用中文衬线字体。

该报是一个关注政治和思想的互联网平台，也使用中文衬线字体。

くらしのこよみ (time training ),一款由日本平凡社推出的24节气应用，以及东亚汉字系统的日语应用也使用中文衬线字体。

中文衬布形状为方形，横竖笔画，棱角分明，结构严谨，工整均匀，笔画规律性强，让人在阅读时感觉舒适醒目

推荐中文衬线正文

1.歌曲风格

宋体是最常用的字体，宋体的基本笔画有点、横、竖、撇、压、勾、挑、折等。其结构饱满，端庄典雅，整洁美观。宋体不仅适合印刷雕刻，也适合人们的基本阅读需求，所以一直沿用至今。歌曲风格在财经杂志的刊头字体设计中使用频率最高，在教育杂志的刊头字体设计中使用频率最低。

2.斜体

楷书是楷书技术中的规范字体，类似于手写体，通顺和谐，富有韵味。通常用于文本和解释性文本。

楷书在新闻杂志的标题设计中使用频率最高，而在娱乐类、女性类、情感类杂志的标题设计中使用频率最低或极少。

3.方正清刻本宋岳

字体精致优雅。类似的字体还有方正宋版，显示简体字和方正博雅宋。清版比宋版长，所以竖版更漂亮。根据字体样式选择排版。

4.文悦古典明代风格

典雅，繁体字，中国风，笔画整理感强，字体类似康熙字典。

中文字体-粗体(无衬线)

我们手机里安装的APP使用的文字，我们每天电脑上网页上的文字，我们每天阅读的广告站牌上的文字，以及我们每天接触到的所有文字信息，98%都是中文无衬线字体。

无衬线字体的特点非常突出:方正、简洁、简洁、无装饰、清晰、视觉相等、头尾方正、黑白均匀等。，这占据了生活的方方面面。你现在在知乎浏览的我的文章是无衬线字体。

用无衬线APP？不想截图，太多了…

推荐的无衬线字体

1.扁平字体

苹果在iOS 9中引入了中文字体，针对中文进行了深度优化，增加了字间距，提高了可读性。同样的字体大小和颜色下更清晰。

2.兰亭黑体

创始人兰亭黑源自黎齐老师为微软设计的微软雅黑。微软雅黑面对的是每英寸像素只有96 dpi(Windows操作系统默认缩放比例)的电子显示设备。在这种情况下，使用大文字和大宫殿的设计可以占用尽可能多的像素，同时更好地安排字符的帧间结构。

3.中文粗体

和Chinese Black一样，是Mac OS X9之前操作系统的中文默认字体，也是iOS 8之前的中文默认字体。值得一提的是，iOS 8之前iOS Developer使用的默认中文字体是中文粗体(Heiti SC)，而iOS Designer在ps设计中使用的是粗体-Jane或者Heiti SC，设置为粗细。

4.思源黑体

Source Han Sans是Adobe和Google的合资公司，结合了设计质量、完整字数(对于国内使用环境尤其重要)和通用性，竞争非常激烈。思源黑体的七个字基本符合国内和港台多年电子阅读和网络环境使用的字体，最重要的是没有版权。

5.霍利黑体

Hiragino Sans GB(ヒラギノ简体中文)是由大日本屏和北京汉仪开发的简体中文字体。2009年，苹果将其添加到苹果OS X 10.6雪豹系统中。在日文版中，字体是严格按照中文标准GB18030-2000进行修改的，也是日本生产的第一款通过中国政府认证的字体。用作iOS和OS X系统字体的内部参考版本。

6.小米兰亭