@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黃靜雯」

「形象設計實戰」

• 《靠著吉祥物，這款鬧鐘APP成功俘獲了用戶的心》
• 《上億人使用的QQ空間萌寵形象，原來是這么設計出來的！》
• 《沒有美術基礎怎么畫卡通肖像？來看這個方法！》

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備： http://hao.uisdc.com