要素二:文字
1. 字体简介
中文字体种类大致分为:宋体、黑体、仿宋、楷体、其它(变体字)。
西文字体种类大致分为:无衬线体、罗马正体或衬线体、意大利斜体、手写体、黑字体(哥特体)。
这次主要给大家介绍一下比较常用的衬线体和无衬线体。
1.1 衬线体
衬线字体在笔画末端具有附加的装饰线条或者“韵脚”。衬线字体字母的横线较细、竖线较粗,如Times New Roman、Georgia等字体属于衬线体。
衬线体具有复古传统的曲线美、个性鲜明、张力十足,通常用在时尚奢侈品牌、复古海报等设计领域中。
1.2 无衬线体
无衬线体顾名思义,就是指“没有衬线的字体”。衬线指的是字母结构笔画之外的装饰性线条,无衬线字体字母的竖线和横线粗细基本相同,像经典的Helvetica和Futula等字体就属于无衬线体。
无衬线体通常比较简约、具有现代感,适用于 Web、App 等互联网科技领域的设计中。
2. 文字使用规则
不同平台的界面设计中规范的字体会有不同,像移动端界面的设计就会有固定的字体样式,网页中会有常用的几个字体。
2.1 移动端常规字体
在 iOS 设备上,系统默认的英文字体为SanFrancisco,中文字体为PingFang。值得注意的是,SanFrancisco 字体会随着字号的变化自动调整字母之间的间距,以确保任何情况下都能很清晰地阅读。
在 Android 设备上,原生系统英文字体使用DroidSans或Roboto,但国内的 Rom 大都是第三方厂商定制而成,对原生系统字体有所变动。大家在设计时可以使用Noto作为中文字体来使用。
2.2 网页端常用字体
在 Windows 系统中,常用字体有微软雅黑、黑体、宋体等,最小字号推荐 12px,正文字号推荐 14px,标题字号推荐 18px、20px、24px、28px、32px 等,尽可能使用偶数。而行间距一般为字号的 1.5-1.8 倍。
在 Mac OS 系统中,常用中文字体有苹方、思源黑体、华文细黑等,英文字体有Helvetica、SanFrancisco等。
值得一提的是:Helvetica 曾被评为是设计师最爱的字体,简洁现代的线条,非常受到追捧。在 Mac 下被认为是最佳的网页字体,在 Windows 下由于 Hinting 的原因显示很糟糕。