第346期：【字体设计】界面英文字体设计锦囊X10

概述：字数：1104。耗时：3分钟。适合人群：产品经理，UI。本篇主要介绍了：字体设计和阅读习惯概述。文字可读的部分因素以及设计注意10个干条。

界面字体在界面设计中非常重要，但是也是我们往往容易忽视的地方。

★字体设计概述

字体即界面设计的基石在用户界面中，每一个词语和字母都至关重要。好的字体等于好的设计。字体成了界面设计的基石，而设计师，则是这些这类信息基石的修造者。

虽然在界面设计上，有很有多微小的细节需要考虑：比如平衡、定位、层级和结构，但是有了好的文案和字体，就成功了95%。

★阅读习惯概述

当我们阅读长句时，眼睛并不是顺着句子中单词一个一个看的，而是有选择性跳读的，这个动作被称作扫视。

跳读提升了阅读效率，使阅读时可以忽略掉一些功能性单词成为可能。这点要深记于心，因为用户界面上大都是一个个独立的单词，也就意味着「扫视」在UI设计中不起作用了。

★文字可读因素

阅读是一种习惯，有良好阅读习惯的人肯定读得越顺畅。我们怎么可能知道影响字母可读性的因素是什么？为了便于理解，我们需要首先把句子分解成单词，单词分解成字母，字母分解成更小的元素，然后解剖出更多细微层面的细节。

首先，线条终止的方式对于字母辨识起着至关重要的作用。在设计字体的这个区域时，不仅应该考虑阅读的一般性和习惯性，而且需要把每个字母的差异性也考虑进来。

结果显示，细长的字母拉宽一些，就会变得更具辨识度，而X字高的字符，如果增加升部和降部的长度则更具辨识度。

★设计注意方向

1辨识度辨识度是需要考虑的首要因素。字母的格式要清晰、可辨认。在UI设计中，清晰可见的字母更具辨识度。

2低调一个完美的UI字体让人意识不到它的存在，绝不会喧宾夺主。字体应该是方便用户完成任务的，而不应为用户添加认知上的负担。

3灵活度UI字体应该具有一定的灵活度。记住，我们是在为各种不同的媒介设计用户体验，我们无法掌握的是——用户的能力、应用场景、所用的浏览器、屏幕大小、连接速度，甚至使用的输入方式。

4高的x-heightX字高是指小写字母「x」的高度。x-height越高，小屏阅读体验就越好。

5宽比例比例是指一个字符的高和宽的比值。宽度的比值越大，字体辨识度越好，小屏阅读体验也越好。

6宽松的字母间距一个重要的原则是，字母之间的间距要比字柜要小。字母周围的空间和字母的内部空间同样重要。

7平顺的笔画好的UI字体应该是笔画平顺。不够平顺的字体在大屏上看起来可能还好，一旦在小屏上显示，细长的笔画就难以辨认。8支持OpenType功能确保你选择的字体支持OpenType功能这一点很重要，因为它能为我们提供更多的自由度

9字体回退机制

要解决这个问题，只需要以非阻碍的方式来加载字体，这样可以大大减少内容加载的时间。

10微调微调是一个过程，是指字体的调整以获得最佳阅读体验。微调能让字体矢量线条更好适应像素网格的显示。

读后感：同样的界面你选择，黑体，微软雅黑，和我们现在所用的楷体，给人的感觉是完全不同的。楷体字给人一种高贵典雅的感觉，而且很中国。而微软雅黑则显得非常正式。上的了大雅之堂。

Powered by Froala Editor