界面文字的规范设计 界面设计文字使用规则有哪些

来源:PingMianDesigner(平面设计)
在不同的终端平台,界面设计对于字体的要求是不同的 。在移动平台,常用的字体比较固定,而在PC端就没有绝对的固定要求,但却有设计师们经常会选用的几个字体 。

界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
1.移动端的常用字体
(1)ios
英文字体:Helvetica、Aral
中文字体:华文黑体或冬青黑体(冬青黑体被很多设计师认为是效果最好的字体) 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
(2) Android
英文字体:Roboto
中文字体:Noto
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
2.移动端的常用字号
(1)导航标题字号
导航标题字号通常为400p×-42px,偏小的40p×字号,常显得更为精致 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
(2)正文字号
大的正文字号通常为320p×,副文则通常是260p×,最小的文字信息则通常是20 。需要注意的是,在正文字号的使用中根据不同类型的App会有所区别 。如新闻等文字阅读类的更注重文本的阅读便捷性,因此经常会为正文选用36p×的字号 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
而列表形式、工具化的则普遍是正文32p,副文案260p×,最小文字20p× 。此外,为了能拉开按钮的层次、加强主要按钮的引导性,360p×的字号还经常被运用在页面的大按钮 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
3)选择偶数字号
一般情况下,在选用字体大小的时候通常都要选择偶数的字号 。因为在开发界面的时候,字号大小换算是要除以二的 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
3.Pc端界面的常用字体
英文字体:Ana
中文字体:微软雅黑、方正中黑、方正兰亭系列 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
4.PC端界面的常用字号
在PC端,正文通常会使用的字号是120p×或14px(无状态) 。其他内容的字号往往根据具体项目的需要而定 。与移动端相同的是,一般也需要使用偶数字号,单数字号的文字在显示的时候通常会有毛边 。
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图
5.常用的字体颜色
在界面中的文字一般分为3个层级:主文、副文、提示文案 。在白色的背景下,字体的颜色层次通常分别是黑、深灰、灰色 。
【界面文字的规范设计 界面设计文字使用规则有哪些】
界面文字的规范设计 界面设计文字使用规则有哪些

文章插图