本文主要分享了美麗兔圖像的設(shè)計(jì)和操作的詳細(xì)記錄，從項(xiàng)目背景，圖像更新，圖像規(guī)范到設(shè)計(jì)應(yīng)用的深度。享受?
一，項(xiàng)目背景
2013年設(shè)計(jì)的兔子漂亮的app圖像設(shè)計(jì)有三個(gè)視圖和兩個(gè)表達(dá)。由于兔子的圖像自設(shè)計(jì)開始以來沒有得到優(yōu)化，我們對當(dāng)前圖像有疑問：兔子的視覺形式與梅拉App的產(chǎn)品色調(diào)一致?；诖藛栴}，我們打開了此圖像更新的設(shè)計(jì)。
現(xiàn)有版本的視覺問題
兔子的形象類似于市場上的兔子形象，并且個(gè)性不足以給用戶留下深刻印象。
△兔子圖像設(shè)計(jì)系列
兔子形象的設(shè)計(jì)風(fēng)格和表現(xiàn)形式比較陳舊，仍然是2013年的設(shè)計(jì)風(fēng)格。同時(shí)，它也更年輕，性別不明顯，缺乏美感。
△兔圖像的分析
設(shè)計(jì)中的幾個(gè)勘探設(shè)計(jì)也暫時(shí)無法滿足梅拉的產(chǎn)品色調(diào)。
△設(shè)計(jì)內(nèi)部圖像探索
圖像更新目標(biāo)
美麗的兔子定位了App5.0的形象代言人之美，與用戶進(jìn)行情感交流，引發(fā)用戶對美麗品牌的善意。去除可愛兔子的“萌”，將其名稱更改為美麗的兔子對于用戶來說更方便記憶，并且還將圖像從關(guān)注于年輕時(shí)代轉(zhuǎn)移到關(guān)注女性個(gè)性的設(shè)計(jì)方向。升級App5.0 App后，滿足產(chǎn)品的色調(diào)。
2.圖像更新
美麗的兔子需要更具女性化和美學(xué)上的賞心悅目，并且在創(chuàng)作過程中對兔子元素進(jìn)行了不同的嘗試。在色彩方面，美麗的兔子使用“美麗”的品牌顏色和以女性為代表的粉紅色作為主色。
設(shè)計(jì)角色設(shè)置提出了兩個(gè)方向來探索美麗兔子形象的擬人或偽動(dòng)物化。設(shè)計(jì)過于擬人化。由于圖像太具體而不能與用戶產(chǎn)生共鳴，因此動(dòng)物般的設(shè)計(jì)僅限于兔子的固有形狀，與市場上現(xiàn)有的兔子圖像無法區(qū)分。因此，最終的選擇是在擬人化的設(shè)計(jì)和對象之間。表格，進(jìn)行了15次設(shè)計(jì)嘗試。
△梅麗兔設(shè)計(jì)方案探索
擬人與擬人之間的一種設(shè)計(jì)表達(dá)形式。
△初稿圖像
設(shè)計(jì)優(yōu)化
擬人和偽對象的設(shè)計(jì)表達(dá)已被大家所認(rèn)識，因此開始了一系列的微調(diào)。美麗的兔子調(diào)整了體形比，面部形狀，發(fā)型，五官，眼睛，腿，腳等，最后輸出了16個(gè)調(diào)整圖像。 Box調(diào)整盒子比例和顏色，面部特征，眼睛，發(fā)型等，最后輸出18張圖像。
△Meila兔圖像優(yōu)化程序
△Bocks圖像優(yōu)化程序
美麗的兔子和小助手Box的最終輸出。
△漂亮的兔子和小助手Bocks最終選秀
設(shè)計(jì)方案
將方案放在場景的移動(dòng)端，使得方案可以在線上更清晰地呈現(xiàn)，便于決策。
△Meila兔圖像界面應(yīng)用
III。圖像規(guī)范
確定圖像后，整理出美麗兔子的圖像，設(shè)定美麗兔子的基本特征，個(gè)性特征，背景和外觀。
故事背景
孟兔收到了梅拉星的消息，被召喚回到美麗的明星，美女星女王升級了可愛的兔子形狀，增添了女人味的特征 - mdash; —白臉，修長的手臂，修長的雙腿，讓她也可以像女人一樣打扮，重新命名她美麗的兔子。與此同時(shí)，他給了他一個(gè)新的助手 - ——快樂盒“盒子”幫助她傳遞美麗，實(shí)現(xiàn)美麗兔子的新使命：“為世界上所有女性帶來美麗”。 Box被定位為漂亮的包裹監(jiān)護(hù)人和美麗兔子的助手。活躍的氣氛，接近用戶的距離。
△梅萊兔出場漫畫
查看顯示
視圖的建立有助于促進(jìn)圖像的應(yīng)用。
△梅拉兔和盒子視圖
圖像應(yīng)用
表達(dá)設(shè)計(jì)
當(dāng)使用半長美麗的兔子圖像時(shí)，使用面部表情來表達(dá)情感，例如“哇”，“多么美麗”，“我是”。在需要傳達(dá)全身語言的情感時(shí)，使用諸如“喜歡”，“薩朗”，“海上購買”等美麗兔子的圖像。
△漂亮的兔子表情設(shè)計(jì)
飛濺設(shè)計(jì)
假日閃屏設(shè)計(jì)選擇了許多節(jié)日中與女性高度相關(guān)的節(jié)日。
△漂亮的兔子閃屏設(shè)計(jì)
壁紙?jiān)O(shè)計(jì)
壁紙?jiān)O(shè)計(jì)使用強(qiáng)大的表達(dá)設(shè)計(jì)，并在Meibo App微博平臺上與用戶交互。
△漂亮的兔子壁紙?jiān)O(shè)計(jì)
V.設(shè)計(jì)摘要
來自美拉app品牌形象的參與從零開始設(shè)計(jì)：設(shè)計(jì)部門的內(nèi)部司徒達(dá)（Situ Zian）提出，美麗的應(yīng)用程序的舊品牌形象已經(jīng)過時(shí)和年輕，以及美麗app5的設(shè)計(jì)風(fēng)格。 0沒有匹配。幾位設(shè)計(jì)師聯(lián)合提出了頭腦風(fēng)暴形象和四個(gè)設(shè)計(jì)方案。與寶寶（黃俊軍，現(xiàn)在的魅族高級UI設(shè)計(jì)師）一起，他們設(shè)計(jì)了美麗的兔子和Bocks的形象，為他們設(shè)定了新的故事背景。 。
在設(shè)計(jì)部門的內(nèi)部審查中，選擇了初稿，并對女性員工，美麗的appL8高級用戶和潛在的女性用戶對新舊圖像的接受度進(jìn)行了調(diào)查。初稿優(yōu)化，提案，全公司推廣，Meila app加載應(yīng)用，空白頁情感操作，專利申請。
負(fù)責(zé)與Lenfer（張麗芳，梅麗高級UI設(shè)計(jì)師）的擴(kuò)展設(shè)計(jì)，包括：表情設(shè)計(jì)，漫畫設(shè)計(jì)，壁紙?jiān)O(shè)計(jì)，應(yīng)用程序應(yīng)用，貼紙，假日閃屏操作和規(guī)格，玩偶材料，公司內(nèi)部的品牌應(yīng)用，設(shè)計(jì)總結(jié)，標(biāo)準(zhǔn)梳理，看著美麗的兔子一路成長。
作者：Jenny Huang Jingwen（微信公眾號：“Jenny Huang Jingwen”），平安銀行愿景&插畫。微博設(shè)計(jì)美學(xué)博主，花瓣認(rèn)證設(shè)計(jì)師，優(yōu)優(yōu)網(wǎng)，設(shè)計(jì)指導(dǎo)員，深圳插畫家協(xié)會專業(yè)會員，視覺中國合約設(shè)計(jì)師。
本文最初由@Jenny Huang Jingwen發(fā)表。未經(jīng)許可，禁止復(fù)制。
該地圖來自Unsplash，基于CC0協(xié)議