移动端字体字号及颜色的使用规范
一、字体的使用:
字体分为两种:衬线和非衬线
衬线:字型方正,棱角分明,有极强的笔画规律,从而使人在阅读的时候有一种舒适醒目的感觉,结尾或开头有装饰性的笔画,中文如 : 宋体, 英文如 : Caslo;
非衬线:朴素简洁,无装饰,视觉相等,黑白均匀,
IOS 的如 : 苹方,英文如:San Francisco,Helvetica,
Andriod的如:思源黑体,英文如:Roboto。
手机上的文字,网页,日常生活文字,98%都是非衬线字体。
二、字号的使用:(2倍图为例说明)
导航栏主标题40-36px,
正文(主要现实的内容)34px,
副文(备注及内容)28px (32px),
辅助说明文字(一般是日期,时间)24px,
图标文字:20px
大按钮文字:36px
三、文字颜色的使用:
一级文字#333333
二级文字,#666666
副文(备注及内容)#999999
辅助说明文字(一般是日期,时间)#999999
反白文字:#FFFFFF
——————以上只是参考,具体请以实际视觉效果为准。
想了解更多?现在就开始免费体验