浅谈儿童设计移动应用界面的技巧
文章来源于 优设，感谢作者 佚名 给我们带来经精彩的文章！本文是爱奇艺无线UED负责人晓生 在项目工作中学习到的知识，针对儿童的习惯，从 配色、线条、布局、声音等都作了图文分析，如果有设计师刚好在开发儿童类产品，这篇小结会是不错的学习经验唷。
最近处于项目需要，开始研究儿童产品的界面设计。在此之前，对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用，为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备，接触虚拟社区的时间甚至早于真实世界，如何设计儿童产品是一个非常值得深入研究的课题。
本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。
颜色
细心的朋友会发现儿童家具明显有别于其他家具，最明显的特征就是颜色，这是因为儿童视力到8岁才能发育完全，对色彩的认知也是从简单的三原色开始，儿童偏向于喜欢高纯度和高明度的原色。
iPad版奇艺动画片的启动界面以品牌绿为主，配合多种红蓝黄等颜色，整体写实蓝天绿草地的真实意境，营造轻松有趣的氛围。
线条
儿童家具一般有保护措施，避免儿童在缺乏自我保护意识的情况下被误伤，界面设计同样如此。避免繁杂的细节，边缘通常使用圆角处理。
字体
家长通常担心儿童使用电子设备影响视力，界面中很少使用小号字体，电子书字号通常比成人界面大2-4号。而奇艺动画片以图片和视频为主，儿童通过卡通形象可以轻松识别内容，相比较故事书而已，文字并不是那么重要。
声音
个别界面无法避免使用文字时，奇艺动画片增加了声音提示，巧妙地降低儿童的阅读难度。
故事书通常有阅读声音，一方面是儿童的识字并不多，另一方面是儿童注意力通常只能集中20分钟左右，有趣的界面辅以声音可以吸引儿童注意力。
随意点击
儿童对于界面是否可以操作没有明确的概念，以探索性操作为主，在既定的任务中需要避免儿童随意点击导致界面跳出或者误触发其他操作。奇艺动画片在播放时可以锁屏，退出播放需要较高成本儿童不易学会的长按操作。
个别电子书在设计时不是有意地避免这个问题，而是利用儿童的探索性操作触发动画效果，鼓励儿童点击界面中的物体，增加的界面的趣味性，但这种设计的实现成本很高。
如不需要儿童点击操作也能正常执行的任务，比如电子书，界面中的按钮通常采用半透明设计，避免吸引儿童去点击。
如可能，操作尽量放置界面上方，有效地防止儿童的误点击操作。
布局
儿童应用的界面设计比其他简单的很多，故事书是线性的按页码播放，奇艺动画片的主要界面只有播放器和选择动画片，层级关系简单。
小结
除了以上的内容，儿童界面设计还有很多细节值得细细推敲，比如：
强化点击反馈
增加进度条的趣味性
过于显眼吸引儿童点击但容易遭家长反感的广告
避免搜索
对于低年龄儿童避免界面的滚动操作
不再一一以界面案例举例说明，这些只是基础知识，最重要是掌握儿童的操作行为规律，更多内容请关注iPad版奇艺动画片的界面设计。
情非得已
-
21个Sketch实用高频小技巧2019-02-15
-
25款值得收藏的优秀网站模板免费下载2015-09-16
-
20套高质量的免费网页模版PSD素材2013-09-02
-
20款国外时尚大气的按钮开关PSD素材下载2013-07-31
-
CSS实例教程：十步学会用CSS建站2011-10-05
-
网页设计师：浅淡网页BANNER设计2010-09-27
-
网页细节教程：WEB设计精确点滴2010-09-13
-
网页设计中的点滴细节把握2010-09-01
-
总结交互组件创新的四种方式2010-06-28
-
最全的国外电子商务CSS模板下载2010-06-18
-
详细解析UI设计中搜索栏设计的技巧
相关文章6092019-03-31
-
21个Sketch实用高频小技巧
相关文章6572019-02-15
-
UI设计师必学栅格设计原理和技巧
相关文章4992018-11-29
-
设计师必须知道的版式设计三原则
相关文章4012018-10-10
-
设计师解读超全面的标签栏设计
相关文章1722018-10-10
-
设计师解读聊天气泡框不为人知的技巧
相关文章2182018-10-10
-
详解深色系网站界面的设计技巧
相关文章2092018-05-10
-
解析2018年移动端UI设计趋势预测
相关文章5272018-01-11
