## 纯干货|UI设计字体分类、使用标准及测量内容

UI设计中的字体分类、使用标准及测量内容

一. 字体分类
字体在字样层面依据是否有装饰性衬线分为衬线体和无衬线体两种。
衬线(衬托线)指在字的开始和收尾处的装饰线条。

  1. 衬线体
    可能有用的例子(西文):
    Garamond字体,多用于红酒商和一些大公司。
    Caslon字体,美国《独立宣言》用字,英国第一款原创设计字样。

    可能有用的例子(中文)(汉字的衬线体称为白体字):
    宋体、仿宋和楷体

  2. 无衬线字体(字体笔画末端无装饰性细节)

    可能有用的例子(西文):
    futura字体,受包豪斯运动的影响。多用于时尚杂志,是LV的商用字。
    Helvetica字体,现代字体中最经典最流行的字体。结构严谨,没有情绪导向,提供强烈安全感。中性。缺点:没有针对小字进行弱化。
    San Francisco字体,ios9.0字体,多达九个字重。
    可能有用的例子(中文):
    苹方字体,苹果为UI设计的字体。
    冬青黑字体,日本和方正一起开发的字体。锤子科技使用过的中文字体。
    思源黑体,Adobe和Google合作开发的字体。集设计感与完整字数于一

二.字体使用标准

  1. 基本单位:
    px:像素单位。
    ppi:分辨率Pixel per inches,每英寸像素数。ppi=对角线上的像素数/对角线长度。
    pt:绝对单位。1pt=1/72磅。pt=(ppi/163)*px。

  2. 间距比:
    字母间距<字间距<行间距<段间距

  3. 行间距:
    行间距约为字体大小的1.2-1.45倍之间

  4. 每行容量:
    英文每行45-90字节,中文每行35-60字节。

  5. 强调部分:
    被强调的部分不超过正文的10%

  6. 标题与正文比例(移动端)
    标题字:正文字=1.382:1

三.字体的测量内容:大小、粗细、颜色、字间距和行间距 五点。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值