移动app界面设计规范字体篇.docx
- 文档编号:23767784
- 上传时间:2023-05-20
- 格式:DOCX
- 页数:14
- 大小:850.47KB
移动app界面设计规范字体篇.docx
《移动app界面设计规范字体篇.docx》由会员分享,可在线阅读,更多相关《移动app界面设计规范字体篇.docx(14页珍藏版)》请在冰豆网上搜索。
移动app界面设计规范字体篇
移动app界面设计规范——字体篇
字体排版的缩放和基本样式(TypographicScale&BasicStyles)
同时使用过多的字体尺寸和样式可以很轻易的毁掉布局。
字体排版的缩放是包含了有限个字体尺寸的集合,并且他们能够良好的适应布局结构。
最基本的样式集合就是基于12、14、16、20和34号的字体排版缩放。
这些尺寸和样式在经典应用场合中让内容密度和阅读舒适度取得平衡。
字体尺寸是通过SP(可缩放像素数,scaleablepixels)指定的,让大尺寸字体获得更好的可接受度。
"显示(Display)"样式的例子
"头条(Headline)"样式的例子
就任何表格元素来讲,AppBar中出现的所有标题都要使用"标题"样式。
"标题(Title)"样式的例子
在某些特定场合中,要使用"次要标题"样式,而不用较小的"主体"样式。
这些个体包含了一小段文字预览,或者有标题与一行"主体"样式的文字一同出现。
"主体(Body)"样式的例子
"按钮(Button)"样式的例子
基本色/色彩对比度(Basiccolors/Colorcontrast)
最基本的常识是,相同颜色的背景和文字是很难阅读的。
但有些人不知道的是,带有过强对比度的文本会有些炫目,同样难以阅读。
这一点在深色背景下尤其明显。
要获得良好的辨识度,文本应当满足一个最低的对比度,也就是4.5:
1(依据明度计算)。
7:
1的对比度是最适合阅读的。
这些色彩的组合同样要考虑到某些非典型用户对于对比度的不同反应。
行高(LineHeight)
行高是通过每个样式各自的尺寸和粗细决定的,以获得良好的可读性和合适的间距。
只有"主体"、"次要标题"、"大纲"等类似的样式中才允许使用自动换行。
其它所有样式应当以单行形式出现。
样例对比
换行规则/连字符(Linebreakingrules/Hypenation)
要
|
不要
每行长度包含的字符(Charactersperlinelengths)
可读性和行长度参考了来自BaymardInstitute的建议:
"要得到良好的阅读效果,每行应当包含60个字符左右。
每行所包含的字符数量是决定阅读舒适度的关键因素。
"
"过宽:
如果每行文本过多,用户的眼睛将难以找到在文本上对焦。
这是因为过长的文字导致用户难以判断一行的起始点,甚至在大段文字中出现读错行的现象。
"
"过窄:
如果每行文本过少,会导致眼睛来回扫视过于频繁,破坏阅读的节奏。
过短的内容还会给人压力,导致用户完成本行阅读前过早跳转到下一行阅读(因此会错过潜在的重要信息)。
"
字间距(Trackingandkerning)
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 移动 app 界面设计 规范 字体
![提示](https://static.bdocx.com/images/bang_tan.gif)