ABCmouse，一款全美知名、深受父母與兒童喜愛的英語啟蒙教育App，擁有美國原汁原味的內(nèi)容資源、地道發(fā)音、益智游戲與學(xué)習(xí)方法。本次和騰訊強強聯(lián)手，除了內(nèi)容本身的提升，騰訊ISUX設(shè)計團隊也為產(chǎn)品塑造更優(yōu)、更完整的品牌和用戶體驗設(shè)計，打造全新專業(yè)少兒英語課程。

產(chǎn)品目標(biāo)與設(shè)計定位

業(yè)界現(xiàn)狀

首先，我們針對產(chǎn)品提煉了兩個核心關(guān)鍵詞，分別是“兒童”與“教育”，隨后我們搜集整理了與此相關(guān)的兩大類產(chǎn)品視覺特點，作為品牌風(fēng)格塑造的參考基點，在具備精品內(nèi)容作為敲門磚的同時，更高效精準(zhǔn)的將當(dāng)下設(shè)計流行趨勢帶入到ABCmouse的全新品牌當(dāng)中。

差異化：用戶群的核心與潛在訴求

另外，我們也著重思考如何在在眾多同類競品中尋求“差異化”優(yōu)勢，在滿足ABCmouse產(chǎn)品性質(zhì)所決定的“兒童趣味性”核心訴求，同時更多關(guān)注核心消費群體“家長”對產(chǎn)品內(nèi)容及包裝“高品質(zhì)感”的潛在訴求。通過對用戶群的超前與深度洞察，以此挖掘總結(jié)關(guān)鍵的品牌升級體系。

設(shè)計語言

長年積累下來的老用戶群體，是我們不可或缺且十分珍惜的用戶群，我們需要尊重老用戶對原品牌認(rèn)知的習(xí)慣與記憶，拿捏更加合適的重塑分寸，以不破壞老用戶適應(yīng)新視覺舒適度為前提，提煉并保留核心品牌元素，從細(xì)節(jié)上進行調(diào)整和打磨，升級品牌語言。

設(shè)計現(xiàn)狀

原品牌Logo及App界面整體風(fēng)格稍顯陳舊繁復(fù)，缺乏視覺活力與品牌系統(tǒng)性，我們以“IP”及“品名”兩大核心品牌識別元素作為首要的切入點，對其細(xì)節(jié)做減法與優(yōu)化；目標(biāo)保留經(jīng)典的品牌記憶，又更符合現(xiàn)代設(shè)計審美。

提煉基礎(chǔ)識別

一套風(fēng)格明亮、色彩繽紛、充滿活力的視覺語言，是兒童類產(chǎn)品最不可或缺的品牌特征。這一次的升級，我們著重“去繁化簡”，試圖用更幾何形態(tài)的、純凈鮮明的設(shè)計手法，來詮釋嶄新的IP形象、Logo、色彩、圖標(biāo)、字體。

（1）IP形象

（2）Logo

（3）品牌色彩

我們保留“紅”、“黃”、“藍”作為品牌主色，希望給予孩子對于色彩的認(rèn)知，是從最本初的“三原色”開始接觸，并對應(yīng)“ABC”三個字母，希望遵循“三色記憶法則”，提供最舒適的記憶容值，輕松獲得孩子與家長對品牌的認(rèn)知與視覺好感。

[三色記憶法則] “兒童對于色彩認(rèn)知與記憶容值，三色及以內(nèi)為最佳?！?—— Maria Montessori

（4）延展圖形

我們試圖從品牌核心識別元素著手，挖掘更具延展性的圖形提取。

ABC是英語學(xué)習(xí)的最基本元素，我們在字面造型上進行幾何抽象化，得到“圓、方、三角”三個對應(yīng)圖形，寓意著萬物形態(tài)的本初，也是兒童在圖形認(rèn)知初期最易被感知與記憶的三大初始形狀。再將“圓方三角”運用到UI界面、組件元素、版式設(shè)定及動效拓展等方面，為ABCmouse增添趣味性的同時，又不失品牌系統(tǒng)性的視覺語言延展。

（5）圖標(biāo)設(shè)計

我們運用“圓方三角”作為系統(tǒng)圖標(biāo)的基礎(chǔ)形，開始塑造出基礎(chǔ)造型；顏色定義為“ABC主黃+延展色”的搭配規(guī)律，再基于可愛圓潤的造型添加漸變及疊加陰影，讓圖標(biāo)更完整豐滿富有質(zhì)感，而不至于單薄呆寡缺乏層次感。

（6）字體設(shè)計

制作一套符合Logo字形特征的字體設(shè)計，能夠更好的運用到平面排版、品牌推廣、運營活動等諸多宣傳場景，無形中可以更好的加深用戶對品牌風(fēng)格的認(rèn)知與記憶度；我們也將這套字體靈活運用到線下學(xué)習(xí)物料當(dāng)中，希望孩子無時無刻都能夠?qū)BCmouse做為學(xué)習(xí)伙伴，給予孩子一個隨時隨地學(xué)英語的繽紛世界。

① 專用字體

② 通用字體

APP界面升級

學(xué)習(xí)路徑

我們打散重組APP核心學(xué)習(xí)路徑的規(guī)劃，從根本的內(nèi)容架構(gòu)上入手，以“時間軸”與“空間軸”相輝映的手法，建立一個全新的英語學(xué)習(xí)“世界觀”。

我們打造一條從“生命的起源”、“文明發(fā)源國”、“特色地貌”、“現(xiàn)代城市首都”、“科學(xué)博物館”到“太空宇宙”的長軸化故事線來統(tǒng)籌Level1 – Level6的學(xué)習(xí)內(nèi)容，本質(zhì)上打破傳統(tǒng)瀑布流式的學(xué)習(xí)流程，試圖創(chuàng)造一個“和玩伴一起邊探索邊學(xué)習(xí)”的ABCmouse獨特的英語世界。

新版APP概貌

有了最核心的品牌識別系統(tǒng)，我們首先對內(nèi)容框架做整體梳理和重組，再將品牌視覺語言以“母子層級”的關(guān)系，運用到不同模塊的界面當(dāng)中，形成一個完整有序、又不失童趣的全新App。

• 主調(diào)：大面積淺藍/白作為App界面主調(diào)，希望主要襯托內(nèi)容資源，提供給孩子沉著冷靜、沉浸細(xì)思的學(xué)習(xí)氛圍；
• 輔調(diào)： 檸檬黃與橘色作為強調(diào)色用以突出關(guān)鍵信息，增強孩子的敏思行為與判斷。

兒童與教育，是現(xiàn)今社會備受矚目的焦點之一，也是團隊比較陌生的領(lǐng)域，關(guān)于ABCmouse品牌和體驗設(shè)計，我們的宗旨是：給予孩子一段精彩繽紛、純粹本真的學(xué)習(xí)旅程。所以我們更多的從兒童本身的視角出發(fā)，盡量以最簡單易記的圖形和顏色來詮釋我們的設(shè)計概念。通過這個項目我們雖然初有小成，但也邁過許多彎路，希望借ISUX這個平臺，借這篇文章可以跟行業(yè)各位精英分享與探討更佳的品牌與體驗設(shè)計。

ABCmouse品牌篇大致為大家呈現(xiàn)如上，我們也針對產(chǎn)品核心“學(xué)習(xí)路徑篇”，以及“少兒教育篇”背后的一些心得，還有更多的想法和探討話題會跟大家分享，敬請期待后續(xù)各專題篇章。

來源：騰訊ISUX

題圖由作者提供