服务热线:
18971120504
图文展示
衍果视觉设计培训学校

【UI设计】APP界面设计中文字使用规范

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


【UI设计】APP界面设计中文字使用规范


1.移动端的常用字体

(1)ios

英文字体:Helvetica、Aral

文字体:华文黑体或冬青黑体(冬青黑体被很多设计师认为是效果最好的字体)。


【UI设计】APP界面设计中文字使用规范


(2) Android

英文字体:Roboto

中文字体:Noto


【UI设计】APP界面设计中文字使用规范


2.移动端的常用字号

(1)导航标题字号

导航标题字号通常为400p×-42px,偏小的40p×字号,常显得更为精致。


【UI设计】APP界面设计中文字使用规范


(2)正文字号

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


【UI设计】APP界面设计中文字使用规范


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


【UI设计】APP界面设计中文字使用规范


3)选择偶数字号

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


【UI设计】APP界面设计中文字使用规范


3.Pc端界面的常用字体

英文字体:Ana

中文字体:微软雅黑、方正中黑、方正兰亭系列。


【UI设计】APP界面设计中文字使用规范


4.PC端界面的常用字号

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


【UI设计】APP界面设计中文字使用规范


5.常用的字体颜色

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


【UI设计】APP界面设计中文字使用规范


联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504