小助手科技_小程序定制开发图片

小助手科技_小程序定制开发图片

小助手科技_小程序定制开发图片

小助手科技_小程序定制开发图片

小助手科技_小程序定制开发图片

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

作者: 软件开发公司
来源: www.l-helper.com
时间: Aug 15, 2020
当前位置:  小助手科技 > 资讯 > 移动端字体字号及颜色的使用规范

一、字体的使用:

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


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


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

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

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

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



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

导航栏主标题40-36px, 

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

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

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

图标文字:20px 

大按钮文字:36px


三、文字颜色的使用:

一级文字#333333

二级文字,#666666

副文(备注及内容)#999999

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

反白文字:#FFFFFF



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


上一篇: 优秀的UI设计有哪些特点?

想了解更多?现在就开始免费体验

请您留言
深圳市小助手科技有限公司
0755-82494862
小助手科技_姓名图片
小助手科技_电话图片
小助手科技_邮箱图片
类型咨询类型
小助手科技_类型图片
180 0250 1799(微信同号)
0755-8249 4862
services@l-helper.com
深圳市福田区泰然八路18号安华工业园6栋705室
QQ交谈 QQ交谈
友情链接:
网站地图
Copyright 2014-2020 深圳市小助手科技有限公司-版权所有
ICP备案号:粤ICP备15072167号-1