UI设计中的字体分类、使用标准及测量内容
一. 字体分类:
字体在字样层面依据是否有装饰性衬线分为衬线体和无衬线体两种。
衬线(衬托线)指在字的开始和收尾处的装饰线条。
-
衬线体
可能有用的例子(西文):
Garamond字体,多用于红酒商和一些大公司。
Caslon字体,美国《独立宣言》用字,英国第一款原创设计字样。可能有用的例子(中文)(汉字的衬线体称为白体字):
宋体、仿宋和楷体。 -
无衬线字体(字体笔画末端无装饰性细节)
可能有用的例子(西文):
futura字体,受包豪斯运动的影响。多用于时尚杂志,是LV的商用字。
Helvetica字体,现代字体中最经典最流行的字体。结构严谨,没有情绪导向,提供强烈安全感。中性。缺点:没有针对小字进行弱化。
San Francisco字体,ios9.0字体,多达九个字重。
可能有用的例子(中文):
苹方字体,苹果为UI设计的字体。
冬青黑字体,日本和方正一起开发的字体。锤子科技使用过的中文字体。
思源黑体,Adobe和Google合作开发的字体。集设计感与完整字数于一
二.字体使用标准:
-
基本单位:
px:像素单位。
ppi:分辨率Pixel per inches,每英寸像素数。ppi=对角线上的像素数/对角线长度。
pt:绝对单位。1pt=1/72磅。pt=(ppi/163)*px。 -
间距比:
字母间距<字间距<行间距<段间距 -
行间距:
行间距约为字体大小的1.2-1.45倍之间 -
每行容量:
英文每行45-90字节,中文每行35-60字节。 -
强调部分:
被强调的部分不超过正文的10% -
标题与正文比例(移动端)
标题字:正文字=1.382:1
三.字体的测量内容:大小、粗细、颜色、字间距和行间距 五点。