随着UI设计行业热度的逐渐走高,推动了越来越多用户对于UI界面交互的需求提升,而当下app都乐意走国际化路线,这边对UI设计师对于英文排版的把控和运用提出了更高的要求。
怎样才能做出清晰简洁用户体验舒适的界面设计呢?我们通过研究大量海外文献,再融合自身的行业经验,总结出了以下8条英文排版技巧。
1.X轴的高度
在英文排版中,用户阅读到的大部分字体是小写字体,因此,大写字母和小写字母的比例关系往往导致阅读的清晰度,也是决定用户第一印象的重要指标之一。
2.特殊字母处理
在牙刷中有种做法,英文O、U、D以及数字0这些字母如果字体没有选择好,会非常容易混淆;所以牙刷会在这些字母两边添加空格,在设计中我们在选择字体时,尽量注意是否容易混淆,从而做出预备。
3.字重
在大面积阅读的时候,字重小的比字重大的更容易阅读,国外专业领域总结出的最佳字符比划粗细是“高度18%的X高度”。
4.字母间距
据分析,当字号越大的时候,字母之间的间距不宜过大,过大会让字母不够紧凑,这时候需要手动调整间距。
5.尽量使用无衬线字体便于阅读
诚然,衬线字体更加清晰,适合于打印、纸、书,能在纸上面加强大块面积阅读感,但是在移动端设计中,用户阅读时更加喜欢简单的字体,手机端不同于纸张,用户并不适合在手机端阅读大量长文。
6.英文行间距-黄金比例
有3个英文行间距的黄金比例在国外大量流行和使用,分别为字号1.3倍、字号1.45倍、字号1.618倍,这三种密度可以根据不同场景来使用。
7.英文单行最佳字数宽度50~75之间
英文排版中,如果文字单行宽度文本太宽,会让人很难找到下一行,文本太窄又很容易让人视觉跳跃打乱阅读,影响体验;所以,我们还是借鉴较多从业者比较认同的,单行字数50~75这个较优区间吧。
8.页面层级
通过不同对比度、文字大小、字体粗细、间距、边距等来强调层级关系。