07 颜色和字体

手机游戏用户体验基础之:07 颜色和字体。本篇分为颜色、字体两部分;尤其要注意交互元素和非交互元素的颜色使用。

1、选择一种颜色来表达交互和状态

1)考虑选择一种颜色来表达交互和状态。
2)交互元素和非交互元素避免使用同一种颜色。
3)不要让颜色分散用户的注意力,通常让颜色起到微妙增强的作用。
例:看下面两张图的对比
20131023_yanseheziti_yansejiaohu
[左图]互动元素的颜色超过4种,界面上的操作重点不明显,整体感觉混乱。
[右图]基本用红色来表达互动颜色,主要操作重点突出。

2、关注色盲

20131023_yanseheziti_semang

关注色盲,在同一个界面中不要使用红色和绿色来区分同一个元素的状态。

3、注意不同环境下的颜色对比

注意不同环境下的颜色对比,尤其注意在室外较强时,所用颜色能很好的区分清楚。
例:下图为在强光下的效果,有些设计不好的图标已经分辨不出了。
20131023_yanseheziti_huanjing

4、研究不同国家如何使用颜色 

花时间研究不同国家如何使用颜色,不要违拗当地文化。

5、同种内容保持字体样式的统一

20131023_yanseheziti_zitiyizhi
[左图]为字体一致性的正确用法;[右图]为错误用法。

6、字体始终清晰可辨

20131023_yanseheziti_zitiqingxi
1)文本不小于22PX。
2)标题和正文使用相同的字体样式,标题应加粗以示区别。
3)在同一种内容的表现上,保持文本样式的一致性。
4)考虑用户设置字体大小时,是否随之调整界面布局。

例:图示中,标题和正文区分明显。

 

 

 

 

为您推荐

发表评论

电子邮件地址不会被公开。 必填项已用*标注