反垄断|?界面设计文字使用规则!

反垄断|?界面设计文字使用规则!

文章图片

反垄断|?界面设计文字使用规则!

文章图片

反垄断|?界面设计文字使用规则!

文章图片

反垄断|?界面设计文字使用规则!

文章图片

反垄断|?界面设计文字使用规则!

文章图片


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

1.移动端的常用字体
(1)ios
英文字体:Helvetica、Aral
中文字体:华文黑体或冬青黑体(冬青黑体被很多设计师认为是效果最好的字体) 。

(2) Android
英文字体:Roboto
中文字体:Noto

2.移动端的常用字号
(1)导航标题字号
导航标题字号通常为400p×-42px , 偏小的40p×字号 , 常显得更为精致 。

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

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

3)选择偶数字号
一般情况下 , 在选用字体大小的时候通常都要选择偶数的字号 。 因为在开发界面的时候 , 字号大小换算是要除以二的 。

3.Pc端界面的常用字体
英文字体:Ana
【反垄断|?界面设计文字使用规则!】中文字体:微软雅黑、方正中黑、方正兰亭系列 。

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

5.常用的字体颜色
在界面中的文字一般分为3个层级:主文、副文、提示文案 。 在白色的背景下 , 字体的颜色层次通常分别是黑、深灰、灰色 。