杭州UI设计学习|字体设计的属性

公司名称:杭州上元教育咨询有限公司 具体地点:越都商务大厦 联系人:汪老师 　　1.字体大小 　　字号的大小决定了信息的层次和轻重，不规范的使用字号会使页面信息凌乱，不利于用户阅读。设置字体大小规格时，应特别注意 小值和增量值。 　　为了确定 小信息的可读性，以2x图像为例。iOS11系统规定 小字体大小为11pt(22px)，但很多产品仍然将 小字体大小设置为20px，甚至有些产品在粗体标签中使用18px的数字。所以 小字号的设置没有固定值，原则上不影响用户浏览。建议 小字体大小不要低于20px。在设计过程中，可以通过设备实时预览，因为同样的字体大小，在不同的环境、色值、背景下，会有不同的视觉效果。 　　其次，增量值决定了信息层级分化的明显程度。遵循字号越大，增量值越大的原则，常用字号数量控制在6个左右。IOS和Android都采用2折网格系统。为了使字号的层次区分更加明显，字号设置应避免奇数， 小增量值不得低于4px。以下是一些常见的例子: 　　①:20、24、28、32、40、48、64... 　　②:20、24、30、36、42、48、64... 　　③:22、26、30、34、40、48、60... 　　... 　　2.字符间距 　　字距是指两个字符之间的水平间距。在界面排版上，中文通常只保留默认，只有少数场景会手动调整，没有固定的规则，可以保留视觉舒适度。比如:banner、界面标题、重要数字的显示(取码)等。 　　3.行高 　　行高是指字体周围不可见的边框。字体元素的行高高于上边框+下边框+字体大小的总和。 　　因为西文字体的高低不一，可以营造出视觉上的上下空间。通常行高是字体大小的1.2倍，而中文字体没有上下间隙的延伸，行高比较大，一般在1.5倍左右。如果字号小，断线多，行高甚至可以达到字号的2倍。 　　4.单词权重 　　字重是指字体的粗细。不同的词权重可以体现不同的层级关系，给用户完全不同的视觉感受。 　　方平、思源、阿里巴巴普惠等家族字体一般都有若干字重，如极细、细、正、粗、粗。在UI设计中，实用的字重是规则的，加粗的，然后通过颜色和字体大小变成对立的。只有文字内容层次明显打通后，才能保持良好的浏览体验。 　　5.全角和半角 　　这主要是针对标点符号，以英文字母为主。半角是指一个符号占据一个标准字符(英文)的位置，全角是指两个字符占据的位置。 　　众所周知，中文是全角的，英文是半角的，而且会随着中英文的切换而自动变化。然而，有时候，不可避免的是，页面中的一些信息看起来很奇怪，但却不为人知。况且中文信息中的时间/日期大多会使用半角符号，所以设计师在对此有一定了解的情况下，很容易折叠和缩回。