編者按：為一款軟件做形象設(shè)計的流程是怎樣的？今天騰訊設(shè)計師@Veles?把參加形象設(shè)計比賽后寫的設(shè)計心得分享出來，包括前期思考，形象選定，后期展示等，全是干貨，建議閱讀。

故事開始前言：

科普：KM 是公司內(nèi)部溝通軟件。

KM里面內(nèi)容豐富，各種干貨交流等等，簡直~簡直~是個大學(xué)內(nèi)部論壇的感覺~（好吧，它確實(shí)是個內(nèi)部論壇，里面潛伏各種大神）以后每逢有時間空隙，必抓起手機(jī)，擼起KM，讓我看的不要~不要的~

好吧，話不多說，偶然一日看到了一篇KM征集吉祥物的廣告文章，里面說明 征集吉祥物，再看看獎品，Word媽~有 iPad Pro?。。。?/p>

好吧，其實(shí)我只是旨在參與，其實(shí)獎品什么的都是浮云，提高自己能力嘛，增加自己經(jīng)驗這個才是主要的對吧？不說太多廢話了，形象大概從這樣的思路開始想象的~

一，初步提取一些關(guān)鍵文字

· 8個年頭（ 陪伴時間長）

· 沉淀50萬篇文章 （沉淀海量知識）

· 承載數(shù)以萬計的活動與投票，工作生活必不可少（承載許多溝通，聯(lián)系，表達(dá)的使命）

再從基本品牌吉祥物中提出一些通用點(diǎn)包括：

· 可愛（讓人容易接受喜愛）

· 方便延展（一旦做出吉祥物，后續(xù)有許多地方都需要用到延展，所以設(shè)計造型要考慮方便延展性）

· 容易記憶（一眼就能有印象）

同時我也覺得KM是一個讓我這樣的新人可以快速了解公司，融入這個大家庭一個重要的窗口，所以這里可以加多幾個關(guān)鍵詞（嫩芽，生長，生機(jī)等）

二，細(xì)化關(guān)鍵字，讓它轉(zhuǎn)化為圖形語言

· 沉淀海量知識---------（海洋？鯨魚？機(jī)器人？）
· 承載許多溝通，聯(lián)系，表達(dá)---------（SMS？氣泡對話框？）
· 生長，生機(jī)-------（新生嫩芽？植物？成長？）
· 容易記憶--------（動物？可愛？大眾認(rèn)知？）

綜合以上歸納有了以下一張關(guān)鍵字說明：

然后收集相關(guān)參考圖片，讓設(shè)計構(gòu)思更加清晰：

最終提煉設(shè)計元素：

1. 猶如鯨魚般的海量知識體（海量·知識·遨游）

2. 氣泡對話框式的表達(dá)方式（溝通·表達(dá)·聯(lián)系）

3. 讓新人生根發(fā)芽的使命感（嫩芽·生長·生機(jī)）

三，那么開始畫草稿吧！

一開始還沒最終確定用鯨魚為原型之前，也出過幾個稿，想過一些其他想法，例如延續(xù)企鵝？還是說用機(jī)器人？龍感覺也很聰明可愛~不過最后 個人還是感覺 鯨魚的代表性比較強(qiáng)~

鯨魚神秘又神奇的一種生物~原鯨科動物均出現(xiàn)在5000萬年前，歷史悠久遨游在海洋的哺乳類動物，巨大的身軀感覺像蘊(yùn)涵了大量的知識體系~所以后面就出了 鯨魚的設(shè)計稿，反正構(gòu)思也不是一瞬間想到~也是經(jīng)歷了構(gòu)思推翻 構(gòu)思推翻的一系列過程~最后選擇自己喜歡且覺得最符合的一種來表達(dá)：

鯨魚身上一般是噴水的，假如直接噴水會不會顯得太單調(diào)，不夠特別~繼續(xù)想??！有水（又要表達(dá)出生機(jī)，成長這一理念）

有水，有生命（生命~~？植物）感覺頭頂加個植物 也是毫無違和感的??！那就加一個茁壯成長的小植物吧！(⊙_⊙;)

最后一個陽光燦爛的小鯨魚頭頂發(fā)芽的小植物誕生啦~（發(fā)芽的植物以后會不會開花？是不是會跳出鯨魚的頭頂變成一個可愛的植物人？）

小萌芽 到底是怎么在鯨魚頭頂上生長的？（這里面感覺信息量好大~~哈哈哈 可以繼續(xù)深挖）

四，草稿確定以后，大方向已經(jīng)塵埃落定，后面就是各種優(yōu)化配色啦！

配色方面，一開始是沿用KM的藍(lán)色來做，不過用在形象身上的時候，顏色顯得有點(diǎn)深沉，所以就把藍(lán)色的飽和度 稍微提亮了。

讓藍(lán)色更加海藍(lán)一些再搭配了一些翠綠色~所以最終形象配色如下圖：

形象主要圓溜溜鼓鼓的~可愛想捏的感覺，側(cè)面或者45°角看 大致像一個氣泡對話框，加個小尾巴，遨游知識的海洋~

當(dāng)完成這一步，我個人覺得 骨架已經(jīng)完成了~后面就是增加血肉 情感的一些東西啦~例如豐富下表情，使用場景等等啦。

先大概構(gòu)思草稿階段~

為了方便后續(xù)延展設(shè)計跟使用，設(shè)計主要是用矢量方式來制作~

主要工具包括：

1. SAI?（起草稿）??2. PS（鋼筆圖形工具完善設(shè)計稿）

工具因人而異啦~自己喜歡跟習(xí)慣哪個就用哪個，沒有太多局限喔！~

下面是一些設(shè)計的延展，包括周邊產(chǎn)品設(shè)計，APP UI界面形象使用場景~

五，結(jié)語

每次形象設(shè)計都是一次新的挑戰(zhàn)，除了要表達(dá)出表面的含義，也要符合實(shí)質(zhì)內(nèi)在的含義。

設(shè)計的時候也從里里外外不斷的挖掘信息，思考如何才能最切實(shí)的表達(dá)。對于每一個形象設(shè)計，都應(yīng)反復(fù)思考和打磨，只為給用戶呈現(xiàn)最佳的體驗效果。考慮讓形象如何融入產(chǎn)品，更好的豐富產(chǎn)品等等~為KM樹立一個鮮明的品牌形象。

很高興參與這么有意思的活動，希望以后參與更多KM有趣的活動~

哇哈哈···謝謝大家的觀看與支持！！~Thank you！mua~

作品已經(jīng)商用，最終版權(quán)歸tencent所有~

「人氣過萬的優(yōu)秀實(shí)戰(zhàn)案例教程」

大眾點(diǎn)評：《大眾點(diǎn)評智慧餐廳LOGO設(shè)計全過程總結(jié)》

紅包預(yù)熱HTML 5：《聊聊刷一刷紅包預(yù)熱HTML 5背后的設(shè)計過程》

火影游戲HTML 5：《揭秘騰訊火影游戲HTML 5背后的設(shè)計故事》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量180萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com