手游用户体验设计之六:颜色和字体

移动开发 移动应用
手机游戏用户体验基础之颜色和字体,本篇分为颜色、字体两部分,尤其要注意交互元素和非交互元素的颜色使用。

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

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

1)考虑选择一种颜色来表达交互和状态。

2)交互元素和非交互元素避免使用同一种颜色。

3)不要让颜色分散用户的注意力,通常让颜色起到微妙增强的作用。

例:看下面两张图的对比

20131023_yanseheziti_yansejiaohu

[左图]互动元素的颜色超过4种,界面上的操作重点不明显,整体感觉混乱。

[右图]基本用红色来表达互动颜色,主要操作重点突出。

2、关注色盲

20131023_yanseheziti_semang

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

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

注意不同环境下的颜色对比,尤其注意在室外较强时,所用颜色能很好的区分清楚。

例:下图为在强光下的效果,有些设计不好的图标已经分辨不出了。

20131023_yanseheziti_huanjing

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

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

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

20131023_yanseheziti_zitiyizhi

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

6、字体始终清晰可辨

1)文本不小于22点。

2)标题和正文使用相同的字体样式,标题应加粗以示区别。

3)在同一种内容的表现上,保持文本样式的一致性。

4)考虑用户设置字体大小时,是否随之调整界面布局。

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

20131023_yanseheziti_zitiqingxi

责任编辑:闫佳明 来源: qiyu
相关推荐

2014-01-03 14:52:23

手游用户体验设计动画

2014-01-03 14:15:59

手游用户体验设计交互方式

2014-01-03 15:10:10

手游用户体验设计适应平台

2014-01-03 15:01:17

手游用户体验设计图标

2014-01-03 13:50:39

手游用户体验设计启动和停止

2014-01-03 13:56:00

手游用户体验设计启动和停止

2014-01-03 14:05:26

手游用户体验设计启动和停止

2013-11-01 13:21:43

Testin手游用户体验

2013-07-29 11:13:32

2014-08-07 13:51:27

2013-03-05 12:01:27

手游手机游戏手机网游

2016-04-18 09:18:28

用户体验设计产品

2013-05-09 09:45:29

2014-01-06 03:58:44

手游见面设计同质化手游工具

2015-06-04 13:44:53

2015-10-12 17:17:50

用户体验设计错误

2018-09-04 13:45:54

华为云

2013-01-11 15:59:23

2015-03-31 16:25:35

Cocos
点赞
收藏

51CTO技术栈公众号