新互动儿童教育品牌设定

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用-相同方式共享
9812 20 455 2018-04-19

ABCmouse,一款全美知名、深受父母与儿童喜爱的英语启蒙教育App,拥有美国原汁原味的内容资源、地道发音、益智游戏与学习方法。

本次和腾讯强强联手,除了内容本身的提升,腾讯ISUX设计团队也为产品塑造更优、更完整的品牌和用户体验设计,打造全新专业少儿英语课程。


Image title



产品目标与设计定位


业界现状

首先,我们针对产品提炼了两个核心关键词,分别是“儿童”与“教育”,随后我们搜集整理了与此相关的两大类产品视觉特点,作为品牌风格塑造的参考基点,在具备精品内容作为敲门砖的同时,更高效精准的将当下设计流行趋势带入到ABCmouse的全新品牌当中。

Image title



差异化:用户群的核心与潜在诉求

另外,我们也着重思考如何在在众多同类竞品中寻求“差异化”优势,在满足ABCmouse产品性质所决定的“儿童趣味性”核心诉求,同时更多关注核心消费群体“家长”对产品内容及包装“高品质感”的潜在诉求。通过对用户群的超前与深度洞察,以此挖掘总结关键的品牌升级体系。

Image title




设计语言

长年积累下来的老用户群体,是我们不可或缺且十分珍惜的用户群,我们需要尊重老用户对原品牌认知的习惯与记忆,拿捏更加合适的重塑分寸,以不破坏老用户适应新视觉舒适度为前提,提炼并保留核心品牌元素,从细节上进行调整和打磨,升级品牌语言。


设计现状

原品牌Logo及App界面整体风格稍显陈旧繁复,缺乏视觉活力与品牌系统性,我们以“IP”及“品名”两大核心品牌识别元素作为首要的切入点,对其细节做减法与优化;目标保留经典的品牌记忆,又更符合现代设计审美。

Image title



提炼基础识别

一套风格明亮、色彩缤纷、充满活力的视觉语言,是儿童类产品最不可或缺的品牌特征。这一次的升级,我们着重“去繁化简”,试图用更几何形态的、纯净鲜明的设计手法,来诠释崭新的IP形象、Logo、色彩、图标、字体。

Image title


1. IP形象

Image title




2. Logo

Image title

Image title

Image title




3. 品牌色彩


我们保留“红”、“黄”、“蓝”作为品牌主色,希望给予孩子对于色彩的认知,是从最本初的“三原色”开始接触,并对应“ABC”三个字母,希望遵循“三色记忆法则”,提供最舒适的记忆容值,轻松获得孩子与家长对品牌的认知与视觉好感。

Image title

Image title


[三色记忆法则] “儿童对于色彩认知与记忆容值,三色及以内为最佳。” —— Maria Montessori




4. 延展图形


我们试图从品牌核心识别元素着手,挖掘更具延展性的图形提取。


ABC是英语学习的最基本元素,我们在字面造型上进行几何抽象化,得到“圆、方、三角”三个对应图形,寓意着万物形态的本初,也是儿童在图形认知初期最易被感知与记忆的三大初始形状。再将“圆方三角”运用到UI界面、组件元素、版式设定及动效拓展等方面,为ABCmouse增添趣味性的同时,又不失品牌系统性的视觉语言延展。

Image title

Image title


Image title

Image title

Image title

Image title




5. 图标设计


我们运用“圆方三角”作为系统图标的基础形,开始塑造出基础造型;颜色定义为“ABC主黄+延展色”的搭配规律,再基于可爱圆润的造型添加渐变及叠加阴影,让图标更完整丰满富有质感,而不至于单薄呆寡缺乏层次感。

Image title

Image title



6. 字体设计


制作一套符合Logo字形特征的字体设计,能够更好的运用到平面排版、品牌推广、运营活动等诸多宣传场景,无形中可以更好的加深用户对品牌风格的认知与记忆度;我们也将这套字体灵活运用到线下学习物料当中,希望孩子无时无刻都能够将ABCmouse做为学习伙伴,给予孩子一个随时随地学英语的缤纷世界。

Image title

Image title

Image title



通用字体

Image title





APP界面升级

学习路径


我们打散重组APP核心学习路径的规划,从根本的内容架构上入手,以“时间轴”与“空间轴”相辉映的手法,建立一个全新的英语学习“世界观”。


我们打造一条从“生命的起源”、“文明发源国”、“特色地貌”、“现代城市首都”、“科学博物馆”到“太空宇宙”的长轴化故事线来统筹Level1 - Level6的学习内容,本质上打破传统瀑布流式的学习流程,试图创造一个“和玩伴一起边探索边学习”的ABCmouse独特的英语世界。

Image title




新版APP概貌

有了最核心的品牌识别系统,我们首先对内容框架做整体梳理和重组,再将品牌视觉语言以“母子层级”的关系,运用到不同模块的界面当中,形成一个完整有序、又不失童趣的全新App。


主调:大面积浅蓝/白作为App界面主调,希望主要衬托内容资源,提供给孩子沉着冷静、沉浸细思的学习氛围;


辅调: 柠檬黄与橘色作为强调色用以突出关键信息,增强孩子的敏思行为与判断。

Image title

Image title

儿童与教育,是现今社会备受瞩目的焦点之一,也是团队比较陌生的领域,关于ABCmouse品牌和体验设计,我们的宗旨是:给予孩子一段精彩缤纷、纯粹本真的学习旅程。所以我们更多的从儿童本身的视角出发,尽量以最简单易记的图形和颜色来诠释我们的设计概念。通过这个项目我们虽然初有小成,但也迈过许多弯路,希望借ISUX这个平台,借这篇文章可以跟行业各位精英分享与探讨更佳的品牌与体验设计。


ABCmouse品牌篇大致为大家呈现如上,我们也针对产品核心“学习路径篇”,以及“少儿教育篇”背后的一些心得,还有更多的想法和探讨话题会跟大家分享,敬请期待后续各专题篇章。

Image title


全部评论:20

  • 比迪迪欧

    2019-05-07 18:36

    高,实在是高

  • 原来是叶子啊

    2018-05-07 11:03

    视觉统一与品牌印象做的很好

  • 零一软件设计

    2018-05-04 10:18

    好厉害

  • adoge

    2018-05-02 09:11

    20%的白... 真的很棒,就是打错字了,轻微强迫症希望能改回来,更完美点总是更好的

  • lulu2020

    2018-04-28 09:45

    很棒的案子

  • 牛肉火锅

    2018-04-25 08:54

    @Shiika: hahahahha

  • 风息堡

    2018-04-24 09:46

    终于改版了!我孩子幼儿园用的就是这套软件,每次孩子做作业我真的是被杂乱无章的交互搞到炸毛,使用体验极度不好,而且手机端app的界面布局一看就是从pc端直接搬过来的.

  • Shiika

    2018-04-23 16:36

    胸肌瞩目……强身健体从娃娃抓起

  • jiangjianglei

    2018-04-23 13:44

    感觉和猫和老鼠

  • 腾讯ISUX

    2018-04-21 21:06

    @ShawnXX: 没错,而且这个鼠标造型这次已经简化过了,而且人家很多时候没有露胸,你们不要盯着看

  • 我就是来看看123

    2018-04-21 09:21

    太强了

  • ShawnXX

    2018-04-20 18:38

    胸口的灰线很显然是鼠标的意象化。你们不要乱讲。

  • HeNgrY

    2018-04-20 16:54

    非常详细的品牌改版,棒! PS:个人也觉得老鼠的“胸肌”线条可以再淡化一下

  • Song民咕咕_

    2018-04-20 15:59

    一个有胸肌的老鼠。XD

  • Racinere

    2018-04-20 14:39

    卡通形象让我想起了Jerry和Tom...

  • 斩龙的ninja

    2018-04-20 13:58

    感谢分享

  • 像素时光

    2018-04-20 13:51

    ip形象胸口的灰线去掉更好

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票