实战深度总结！如何设计和运营品牌形象？

@Jenny黄静雯 ：分享啦兔形象设及运营的详细记录，从项目背景、形象新、形象规范到设应用的深度总结记录。

一. 项目背景

啦App形象萌兔，设于2013，当时设了萌兔三视图及2表。由于萌兔形象自设之初一直优化，我们对当形象提出一疑问：萌兔的视觉形态，否符合啦App的产品调性。基于这问题，我们启这次形象新的设。

版本的视觉问题

萌兔形象与市面的兔子类形象相似度较高，性不够突出，无法给用户留下深刻印象。

△ 兔子形象设集合

​萌兔形象设计风格、表现手法较为陈旧，仍是2013年设计风格。时也比较低龄化、性不明显，缺乏美观度。

△ 萌兔形象问题分析

​计内部的次探索计也暂不能足美的产品调性。

△ 计内部形象探索

形象更新目标

美兔定位美App5.0的形象代言人，用户情化沟通，引发用户对美品牌的好。去掉萌兔的「萌」，改名为美兔更便于用户记忆，也将形象从侧重低龄可爱转变侧重性个性化的计方向。符美App5.0升后的产品调性。

二. 形象更新

美兔需要更个性性化美观，创过程中对兔素进行不同尝。色彩方面，美兔使用「美」的品牌色、性代表的红色作为主色。

设计角设定提出2个方向，对美啦兔形象的拟人化或拟动物化进行探索。拟人化的设计，由形象太具难以引用户共鸣，拟动物化的设计由局兔子的固有形态，与市面现有的兔子形象难以区分，是最终选择介拟人与拟物的设计表达形式，进行15稿设计尝试。

△ 美啦兔设计方案探索

介于拟人与拟物的设计表达形式。

△ 初稿形象

​设计优

介于拟人与拟物的设计表达形式得到了大的认可，于是开始了一系列的微调。美啦兔对身体形态例，脸，发，五官位置，眼睛，腿，脚等方面调整，最终输了16个调整形象。博克斯从盒子例和配色，五官，眼睛，发等方面进行调整，最终输18个形象。

△ 美啦兔形象优方案

​

△ 博克斯形象优化方案

​最终输美啦兔和小助手博克斯。

△ 美啦兔和小助手博克斯终稿

设计案

把方案放在移端的场景中，使方案更清晰呈现上线效果，于决策判断。

△ 美啦兔形象界面应

三. 形象规范

形象确定后，梳了美啦兔的形象，制定了美啦兔基本形象年龄性格特征爱好、场故事背景及视图等。

故事背景

萌兔接到了美啦星的讯息，被召唤返美啦星，美啦星女王为萌兔升级了，添女性特征——白皙的脸蛋，纤细的手臂，修长的腿，她可像女性一样妆扮美，重为她取名美啦兔。同时给了他一个的助手——快递小盒「博克斯」，帮助她传递美，实现美啦兔的使命：「把美带给世界上有女性」。博克斯定位是帅气的包裹守护者，是美啦兔的助手。 跃气氛，拉与户的距离。

△ 美啦兔场漫画

​视图展示

视图的确立有助于形象的推广应。

△ 美啦兔及博克斯视图

四. 形象应用

表情设计

使用面部表情传递情感时使用半身的美啦兔形象，「哇塞」、「怎么么美」、「就你」。在需要整肢语言传递情感时使用身的美啦兔形象，「赞」、「撒浪嘿哟」、「购」等。

△ 美啦兔表情设计

​闪屏设计

节闪屏设计，在众的节中选择与女相关度高的节。

△ 美啦兔闪屏设计

壁纸设计

壁纸设计使用拓展强的表情，进行设计，在美啦App微博微信平台，与用户互动。

△ 美啦兔壁纸设计

五. 设计总结

从参与美啦app品牌形象从无到有的设计：设计部内部司徒大大（司徒子安）提出美啦app旧品牌形象时且低龄化，与美啦app5.0设计风已不匹。数名设计师共同小组脑暴出形象定位，4次设计提案，最终与宝宝(黄俊俊，现魅族高级UI设计师)共同设计出美啦兔和博克斯形象，为其设定新的故背。在设计部内部评审，选定初稿，进行新旧形象在美啦女工、美啦appL8资深用户、潜在女用户的接受程度研。初稿优化，提案，司范围内推，美啦app的loading应用、空白页情感运营，申请。与Lenfer（立芳，美啦高级UI设计师）共同负责续延展设计，包括：表情设计、漫画设计、壁纸设计、app内运用、贴纸、节闪屏运营及规范、仔物料、司内品牌应用、设计总结、规范梳理，看着美啦兔一路成长。

注作者的微信公众号：「Jenny黄静雯」