本文主要分享美啦兔形象設(shè)計及運營的詳細記錄，從項目背景、形象更新、形象規(guī)范到設(shè)計應(yīng)用的深度總結(jié)記錄。enjoy~

一. 項目背景

美啦App形象萌兔，設(shè)計于2013年，當時設(shè)計了萌兔三視圖及2個表情。由于萌兔形象自設(shè)計之初一直沒有優(yōu)化，我們對當前形象提出一個疑問：萌兔的視覺形態(tài)，是否符合美啦App的產(chǎn)品調(diào)性?；谶@個問題，我們開啟這次形象更新的設(shè)計。

現(xiàn)有版本的視覺問題

萌兔形象與市面的兔子類形象相似度較高，個性不夠突出，無法給用戶留下深刻印象。

△ 兔子形象設(shè)計集合

?萌兔形象的設(shè)計風格、表現(xiàn)手法較為陳舊，仍是2013年的設(shè)計風格。同時也比較低齡化、性別不明顯，缺乏美觀度。

△ 萌兔形象問題分析

?設(shè)計內(nèi)部的幾次探索設(shè)計也暫時不能滿足美啦的產(chǎn)品調(diào)性。

△ 設(shè)計內(nèi)部形象探索

形象更新目標

美啦兔定位美啦App5.0的形象代言人，與用戶情感化溝通，引發(fā)用戶對美啦品牌的好感。去掉萌兔的「萌」，改名為美啦兔更便于用戶記憶，也將形象從側(cè)重低齡可愛轉(zhuǎn)變到側(cè)重女性個性化的設(shè)計方向。符合美啦App5.0升級后的產(chǎn)品調(diào)性。

二. 形象更新

美啦兔需要更個性女性化美觀，創(chuàng)意過程中對兔子元素進行不同嘗試。色彩方面，美啦兔使用「美啦」的品牌色、女性代表的粉紅色作為主色。

設(shè)計角色設(shè)定提出了2個方向，對美啦兔形象的擬人化或擬動物化進行探索。過于擬人化的設(shè)計，由于形象太具體難以引起用戶共鳴，擬動物化的設(shè)計由于局限于兔子的固有形態(tài)，與市面現(xiàn)有的兔子形象難以區(qū)分，于是最終選擇介于擬人與擬物的設(shè)計表達形式，進行了15稿設(shè)計嘗試。

△ 美啦兔設(shè)計方案探索

介于擬人與擬物的設(shè)計表達形式。

△ 初稿形象

?設(shè)計優(yōu)化

介于擬人與擬物的設(shè)計表達形式得到了大家的認可，于是開始了一系列的微調(diào)。美啦兔對身體形態(tài)比例，臉型，發(fā)型，五官位置，眼睛，腿型，腳等方面調(diào)整，最終輸出了16個調(diào)整形象。博克斯從盒子比例和配色，五官，眼睛，發(fā)型等方面進行調(diào)整，最終輸出18個形象。

△ 美啦兔形象優(yōu)化方案

△ 博克斯形象優(yōu)化方案

?最終輸出美啦兔和小助手博克斯。

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

設(shè)計提案

把方案放在移動端的場景中，使方案更清晰呈現(xiàn)上線效果，便于決策判斷。

△ 美啦兔形象界面應(yīng)用

三. 形象規(guī)范

形象確定后，梳理了美啦兔的形象，制定了美啦兔基本形象年齡性格特征愛好、出場故事背景及視圖等。

故事背景

萌兔接到了美啦星的訊息，被召喚返回美啦星，美啦星女王為萌兔升級了造型，添加女性化特征——白皙的臉蛋，纖細的手臂，修長的腿，讓她也可以像女性一樣妝扮美麗，重新為她取名美啦兔。同時給了他一個新的助手——快遞小盒「博克斯」，幫助她傳遞美麗，實現(xiàn)美啦兔的新使命：「把美帶給世界上所有女性」。博克斯定位是帥氣的包裹守護者，是美啦兔的助手。 活躍氣氛，拉近與用戶的距離。

△ 美啦兔出場漫畫

?視圖展示

視圖的確立有助于形象的推廣應(yīng)用。

△ 美啦兔及博克斯視圖

四. 形象應(yīng)用

表情設(shè)計

使用面部表情傳遞情感時使用半身的美啦兔形象，如「哇塞」、「怎么這么美」、「就你了」。在需要整體肢體語言傳遞情感時使用了全身的美啦兔形象，如「贊」、「撒浪嘿喲」、「海購」等。

△ 美啦兔表情設(shè)計

?閃屏設(shè)計

節(jié)日閃屏設(shè)計，在眾多的節(jié)日中選擇了與女性相關(guān)度高的節(jié)日。

△ 美啦兔閃屏設(shè)計

壁紙設(shè)計

壁紙設(shè)計使用了可拓展性強的表情，進行設(shè)計，在美啦App微博微信平臺，與用戶互動。

△ 美啦兔壁紙設(shè)計

五. 設(shè)計總結(jié)

從參與美啦app品牌形象從無到有的設(shè)計：設(shè)計部內(nèi)部司徒大大（司徒子安）提出美啦app舊品牌形象過時且低齡化，與美啦app5.0設(shè)計風格已不匹配。數(shù)名設(shè)計師共同小組腦暴出形象定位，4次設(shè)計提案，最終與寶寶(黃俊俊，現(xiàn)魅族高級UI設(shè)計師)共同設(shè)計出美啦兔和博克斯形象，為其設(shè)定了全新的故事背景。

在設(shè)計部內(nèi)部評審，選定初稿，進行新舊形象在美啦女性員工、美啦appL8資深用戶、潛在女用戶的接受程度調(diào)研。初稿優(yōu)化，提案，公司范圍內(nèi)推廣，美啦app的loading應(yīng)用、空白頁情感運營，專利申請。

與Lenfer（張立芳，美啦高級UI設(shè)計師）共同負責續(xù)延展設(shè)計，包括：表情設(shè)計、漫畫設(shè)計、壁紙設(shè)計、app內(nèi)運用、貼紙、節(jié)日閃屏運營及規(guī)范、公仔物料、公司內(nèi)品牌應(yīng)用、設(shè)計總結(jié)、規(guī)范梳理，看著美啦兔一路成長。

作者：Jenny黃靜雯?（微信公眾號：「Jenny黃靜雯」），平安銀行視覺&插畫設(shè)計師。微博設(shè)計美學(xué)博主，花瓣認證設(shè)計師，優(yōu)優(yōu)網(wǎng)入駐設(shè)計講師，深圳市插畫協(xié)會專業(yè)會員，視覺中國簽約設(shè)計師。

本文由 @Jenny黃靜雯 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于 CC0 協(xié)議