移动端字体字号及颜色的使用规范

一、字体的使用:

字体分为两种:衬线和非衬线

衬线:字型方正,棱角分明,有极强的笔画规律,从而使人在阅读的时候有一种舒适醒目的感觉,结尾或开头有装饰性的笔画,中文如 : 宋体, 英文如 : Caslo;

非衬线:朴素简洁,无装饰,视觉相等,黑白均匀,

IOS 的如 : 苹方,英文如:San Francisco,Helvetica,

Andriod的如:思源黑体,英文如:Roboto。

手机上的文字,网页,日常生活文字,98%都是非衬线字体。

二、字号的使用:(2倍图为例说明)

导航栏主标题40-36px,

正文(主要现实的内容)34px,

副文(备注及内容)28px (32px),

辅助说明文字(一般是日期,时间)24px,

图标文字:20px

大按钮文字:36px

三、文字颜色的使用:

一级文字#333333

二级文字,#666666

副文(备注及内容)#999999

辅助说明文字(一般是日期,时间)#999999

反白文字:#FFFFFF

——————以上只是参考,具体请以实际视觉效果为准。

想聊聊文中的方向?

我们从产品设计到上线交付都在做,可以先聊聊你的实际场景。

深圳小助手科技有限公司 · 0755-82494862 · 13760424861

联系我们

← 返回新闻动态