浅谈儿童设计移动应用界面的技巧

奔跑的犀利牛

奔跑的犀利牛

2016-02-16 23:39

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的浅谈儿童设计移动应用界面的技巧,过去的都会过去,迎接崭新的开始,释放更美好的自己。

本文是爱奇艺无线UED负责人晓生 在项目工作中学习到的知识,针对儿童的习惯,从 配色、线条、布局、声音等都作了图文分析,如果有设计师刚好在开发儿童类产品,这篇小结会是不错的学习经验唷。

最近处于项目需要,开始研究儿童产品的界面设计。在此之前,对儿童如何使用移动产品和如何设计知之甚少。优质的移动应用,为儿童带来乐趣的同时可以帮助儿童认知事物。越来越多的儿童使用移动设备,接触虚拟社区的时间甚至早于真实世界,如何设计儿童产品是一个非常值得深入研究的课题。

本文简单地从视觉、界面层级关系和交互等方面分析儿童与成人界面之间的差异性。

颜色

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

细心的朋友会发现儿童家具明显有别于其他家具,最明显的特征就是颜色,这是因为儿童视力到8岁才能发育完全,对色彩的认知也是从简单的三原色开始,儿童偏向于喜欢高纯度和高明度的原色。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

iPad版奇艺动画片的启动界面以品牌绿为主,配合多种红蓝黄等颜色,整体写实蓝天绿草地的真实意境,营造轻松有趣的氛围。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

线条

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

儿童家具一般有保护措施,避免儿童在缺乏自我保护意识的情况下被误伤,界面设计同样如此。避免繁杂的细节,边缘通常使用圆角处理。

字体

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

家长通常担心儿童使用电子设备影响视力,界面中很少使用小号字体,电子书字号通常比成人界面大2-4号。而奇艺动画片以图片和视频为主,儿童通过卡通形象可以轻松识别内容,相比较故事书而已,文字并不是那么重要。

声音

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

个别界面无法避免使用文字时,奇艺动画片增加了声音提示,巧妙地降低儿童的阅读难度。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

故事书通常有阅读声音,一方面是儿童的识字并不多,另一方面是儿童注意力通常只能集中20分钟左右,有趣的界面辅以声音可以吸引儿童注意力。

随意点击

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

儿童对于界面是否可以操作没有明确的概念,以探索性操作为主,在既定的任务中需要避免儿童随意点击导致界面跳出或者误触发其他操作。奇艺动画片在播放时可以锁屏,退出播放需要较高成本儿童不易学会的长按操作。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

个别电子书在设计时不是有意地避免这个问题,而是利用儿童的探索性操作触发动画效果,鼓励儿童点击界面中的物体,增加的界面的趣味性,但这种设计的实现成本很高。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

如不需要儿童点击操作也能正常执行的任务,比如电子书,界面中的按钮通常采用半透明设计,避免吸引儿童去点击。

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/pmsj/)

如可能,操作尽量放置界面上方,有效地防止儿童的误点击操作。

布局

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

浅谈儿童设计移动应用界面的技巧,PS教程,图老师教程网

儿童应用的界面设计比其他简单的很多,故事书是线性的按页码播放,奇艺动画片的主要界面只有播放器和选择动画片,层级关系简单。

小结

除了以上的内容,儿童界面设计还有很多细节值得细细推敲,比如:

强化点击反馈

增加进度条的趣味性

过于显眼吸引儿童点击但容易遭家长反感的广告

避免搜索

对于低年龄儿童避免界面的滚动操作

不再一一以界面案例举例说明,这些只是基础知识,最重要是掌握儿童的操作行为规律,更多内容请关注iPad版奇艺动画片的界面设计。

展开更多 50%)
分享

猜你喜欢

浅谈儿童设计移动应用界面的技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈儿童设计移动应用界面的技巧

理解移动界面的隐喻设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
理解移动界面的隐喻设计

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详解移动应用空白情况页面的设计技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详解移动应用空白情况页面的设计技巧

详细解析移动界面设计中的渐变应用技巧

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析移动界面设计中的渐变应用技巧

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

移动应用的空状态界面设计心得

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
移动应用的空状态界面设计心得

浅谈移动应用交互动效设计经验分享

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈移动应用交互动效设计经验分享

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

详细解析通过设计让APP变快的6个方法

详细解析通过设计让APP变快的6个方法

详细解析如何轻松打造iOS7风格图标

详细解析如何轻松打造iOS7风格图标
下拉加载更多内容 ↓