1. 前期準(zhǔn)備

2. 信息消化及設(shè)計(jì)方向分析

3. 靈感素材搜集

4. 草圖繪制（手繪 快速矢量）

5. 甄選 細(xì)化階段

6. 提案準(zhǔn)備

7. 設(shè)計(jì)完善

一、前期準(zhǔn)備

前期準(zhǔn)備包括產(chǎn)品信息了解和競(jìng)品分析兩點(diǎn)，這些是最基本也是最重要的。

我一般會(huì)重點(diǎn)問(wèn)一下需求方（或者客戶，下面都統(tǒng)一為需求方）以下幾個(gè)問(wèn)題：

• 顏色方面是怎么想的？——顏色

• 想要表達(dá)的先后順序？——寓意

• 喜歡什么樣式的logo，有沒(méi)有喜歡的案例？——形式

• 聊一下需求方對(duì)公司或者產(chǎn)品的未來(lái)的憧憬——整體氣質(zhì)

問(wèn)以上4個(gè)問(wèn)題的目的：

1. 使需求方的需求更加具象一些（你有沒(méi)有遇到過(guò)需求方只會(huì)告訴你需要高大上的？），分別從顏色、寓意、形式、整體氣質(zhì)進(jìn)行的溝通；

2. 預(yù)防后期無(wú)修止改稿，需求方失去對(duì)設(shè)計(jì)師的信任感。

3. 即使需求方前期并沒(méi)有明確的想法，也能從側(cè)面促使他們?nèi)ニ伎家幌逻@些事情，如果他們?cè)诔龇桨鸽A段再去想這些事情，那對(duì)一個(gè)設(shè)計(jì)師來(lái)說(shuō)是無(wú)比悲劇的！

二、信息消化及設(shè)計(jì)方向分析

這一步的名字有點(diǎn)長(zhǎng)，說(shuō)起來(lái)比較復(fù)雜，總結(jié)起來(lái)就是三個(gè)事：

1. 從搜集到的所有的信息中提取所有覺(jué)得有用的信息或者元素，并且把他們總結(jié)成關(guān)鍵詞或者一句話，實(shí)體產(chǎn)品圖片也要作為一個(gè)元素?cái)[出來(lái)。例如一個(gè)美妝品牌，可能得到以下的關(guān)鍵詞和元素，20-30歲女性、產(chǎn)品名稱、年輕、美麗、活力、品質(zhì)生活、現(xiàn)代女性、還有產(chǎn)品造型圖片等等，依次把他們寫下來(lái)。

Ui設(shè)計(jì)

2. 利用這些關(guān)鍵詞，開(kāi)動(dòng)大腦做思維發(fā)散，把所有能想到的都寫下來(lái)，如果是團(tuán)隊(duì)的話，這時(shí)候可以開(kāi)一個(gè)腦暴會(huì)議。例如有一個(gè)關(guān)鍵詞是“建筑”，可以聯(lián)想到樓房、建筑材料、立方體、空間等等……把他們都寫出來(lái)，甚至畫(huà)一點(diǎn)草圖。

Ui設(shè)計(jì)

3. 分析這些關(guān)鍵詞能用什么形式表現(xiàn)出來(lái)，在腦子里稍微加工處理一下。當(dāng)然在后面的設(shè)計(jì)階段會(huì)逐個(gè)思考每個(gè)方向的設(shè)計(jì)方式。在這個(gè)時(shí)候就做一些大體形式的思考，以便于搜集靈感素材的方向更加明確。

大體的logo形式有這么幾種：

• 文字形式 通常是利用產(chǎn)品名稱或者公司名稱的文字作為主體元素進(jìn)行設(shè)計(jì)。

UI設(shè)計(jì)

• 字母形式 以公司或者產(chǎn)品名稱中的字母進(jìn)行處理，通常對(duì)首字母進(jìn)行設(shè)計(jì)。

• 具象圖形 提煉特征形態(tài)符號(hào)，來(lái)傳達(dá)企業(yè)的關(guān)鍵信息?？梢允怯靡环N動(dòng)物，也可以是一個(gè)符號(hào)，把企業(yè)的理想和氣質(zhì)含蓄的表達(dá)出來(lái)，比較常見(jiàn)的設(shè)計(jì)方法。

UI設(shè)計(jì)

• 抽象圖形 通過(guò)抽象的符號(hào)，例如幾何圖形、點(diǎn)線面、空間、肌理等組合來(lái)體現(xiàn)想要表達(dá)的意思，喚起人們對(duì)于某一抽象意義、觀念或情緒的記憶。

UI設(shè)計(jì)

三、靈感素材搜集

在研究階段想出完美創(chuàng)意的幾率并不高，但肯定已經(jīng)有了很多選擇的方向。接下來(lái)就要為每個(gè)方向找一些相關(guān)或者相似的靈感素材，并不僅限于好的logo，有時(shí)候攝影、繪畫(huà)、廣告設(shè)計(jì)、服裝等等感覺(jué)有相關(guān)的圖片都要搜集一些。

例如你的設(shè)計(jì)方向里面有一個(gè)A字母的方案，那就要去找一些A字母的設(shè)計(jì)，或者有一個(gè)比較抽象的關(guān)鍵詞“科技感”。那就去找網(wǎng)上搜一下科技感，看看你都能看到些什么，把有靈感的圖片存下來(lái)，把每一個(gè)元素每一個(gè)關(guān)鍵詞都找一些。

我們這么做得原因一是搜集靈感庫(kù)，，二是避免撞衫，logo撞衫的事情很多，在這一步的就盡量了解清楚。

UI設(shè)計(jì)

四、草圖階段（手繪 快速矢量）

接下來(lái)進(jìn)入設(shè)計(jì)階段了，把每一個(gè)自己覺(jué)得可能的方案都做成草圖。我的習(xí)慣是快速手繪看效果，然后再快速做成簡(jiǎn)單的矢量方案，盡量多嘗試幾種方式，相關(guān)的元素也會(huì)繪制出來(lái)；即使還不是很成熟的方案，都會(huì)繪制出來(lái)放到旁邊。一眼就看到全部方案，能讓自己發(fā)現(xiàn)不同的組合方式。

有些方向可能不是很好表現(xiàn)，把靈感圖找出來(lái)瞅瞅，也許就想到了，想想正負(fù)形、幾個(gè)方向相加、幾個(gè)元素相加、相同元素不同形式等等……目的就是把自己想到的方向具象起來(lái)。這時(shí)候的方案沒(méi)必要是完美的，能表達(dá)自己想要的方向就可以了。

UI設(shè)計(jì)

五、甄選 細(xì)化階段

從所有的草圖中找出可以作為最終方案的去細(xì)化，從以下方面細(xì)化方案。

• 顏色選擇 前期準(zhǔn)備階段應(yīng)該想好了大體的顏色，對(duì)每個(gè)方案進(jìn)行上色，配色方法可以參照相關(guān)配色文章。

• 方案疊加 有的方案看起來(lái)不成熟，但我們把兩個(gè)方案進(jìn)行結(jié)合，也許就是不錯(cuò)的方向了。

UI設(shè)計(jì)

• 更換表現(xiàn)形式 有些方案看起來(lái)不完美，也許就是元素表現(xiàn)形式不合適。例如方案中有一個(gè)“熊”元素，方案整體看起來(lái)并不是很協(xié)調(diào)，這時(shí)候看看自己的靈感素材或者去網(wǎng)上找找熊的圖片，嘗試新的表現(xiàn)形式。

• 中英文字體設(shè)計(jì) 中英文名稱是logo很重要的部分，一種方法是找一個(gè)相對(duì)合適的現(xiàn)成字體，在此基礎(chǔ)上進(jìn)行調(diào)整。一種自己設(shè)計(jì)字體。字重、傾斜度、襯線、間距所帶來(lái)的力量感、運(yùn)動(dòng)感、優(yōu)雅感等等必須與品牌形象相符合。

• 流行趨勢(shì) 緊密關(guān)注當(dāng)下設(shè)計(jì)趨勢(shì)，當(dāng)下流行的是否可以應(yīng)用自己的設(shè)計(jì)里面，比如當(dāng)下流行的彩色投影、雙色調(diào)設(shè)計(jì)等等，考慮一下是否可以融合進(jìn)去。

• 設(shè)計(jì)細(xì)節(jié)調(diào)整 多問(wèn)自己幾個(gè)問(wèn)題，這個(gè)方案寓意是不是到了，顏色舒服么，形式有沒(méi)有可能更完美等等。實(shí)在不行去找些設(shè)計(jì)的好的logo放到旁邊進(jìn)行一下對(duì)比。

六、提案準(zhǔn)備

經(jīng)過(guò)這一系列的努力，手上有很多個(gè)方案了，接下來(lái)就是準(zhǔn)備提案了。

把自己的方案進(jìn)行排序，哪些是自己推薦的，哪些是陪標(biāo)的，哪些是需求方要求做的，整理清楚。接下來(lái)就是讓自己推薦的方案看起來(lái)更加高大上，提高他們被選中的幾率。

1、方案釋義

利用圖來(lái)講清楚你方案的由來(lái)，不要只靠語(yǔ)言，盡量讓你的想法具象話，不要讓客戶或者需求方去自己腦補(bǔ)。

2、嚴(yán)謹(jǐn)制圖

告訴需求方logo是按照一定的美學(xué)基礎(chǔ)做的，不是隨便幾個(gè)元素湊起來(lái)，提案階段的方案可能還不夠細(xì)致，這時(shí)候的制圖并不能達(dá)到最終要的程度，但放到提案里面可以為你的方案加分，并且需求方能更加了解你的設(shè)計(jì)思路。

3、貼圖效果

告訴需求方在實(shí)際運(yùn)用中的效果。

4、后期延展

如果有時(shí)間可以做一下logo的延展使用，例如品牌圖案的設(shè)想，這么周全的方案，被選中的幾率就更大大提升了。例如下圖的方案，logo中的紅條元素會(huì)作為設(shè)計(jì)元素貫穿到其他方面的設(shè)計(jì)中。

5、視頻

如果你做完上面的那些你還有時(shí)間，并且恰巧你會(huì)做動(dòng)效，把你的logo做成小視頻更能打動(dòng)你的需求方，例如陌陌的logo改版視頻。

6、語(yǔ)言組織

組織好語(yǔ)言：1、把你的想法表達(dá)清楚；2、把你前期搜集的和跟需求方溝通的資料都找出來(lái)，想點(diǎn)能講到他們心坎里的話吧。

七、設(shè)計(jì)完善

經(jīng)過(guò)提案確定了方案，但一個(gè)logo的設(shè)計(jì)并不是到此為止了，接下來(lái)還有工作要做。當(dāng)然有些方面是在logo的使用過(guò)程中不斷完善的，甚至最后做成一套完整的VI手冊(cè)。

1、嚴(yán)謹(jǐn)制圖

此時(shí)的嚴(yán)謹(jǐn)制圖跟提案階段的不一樣，提案主要是為了讓需求方更加了解你的設(shè)計(jì)思路，現(xiàn)在的主要是為了完善logo的每個(gè)細(xì)節(jié)，比例、間距、倒角、粗細(xì)等等調(diào)好每一個(gè)細(xì)節(jié)，讓logo更加精致動(dòng)人，logo制圖當(dāng)中的那些標(biāo)注都是設(shè)計(jì)師的美學(xué)工具。

2、不同場(chǎng)景下的不同版本

為了適用不同的場(chǎng)景，你還要做不同的版本。例如瀏覽器標(biāo)簽的logo僅僅為16*16像素，縮小到這種程度會(huì)不會(huì)糊掉無(wú)法辨識(shí)？又例如導(dǎo)視系統(tǒng)上是不是需要豎版的logo？……所以你要根據(jù)使用場(chǎng)景制作相應(yīng)的版本，并且要進(jìn)行細(xì)節(jié)的調(diào)整。

3、后期使用過(guò)程的細(xì)化

在后期的使用過(guò)程中也許還會(huì)發(fā)現(xiàn)一些現(xiàn)在的logo并不太適合的地方，你就要做相應(yīng)的調(diào)整，讓產(chǎn)品的logo越來(lái)越完善。

到此一個(gè)logo基本成型，啰啰嗦嗦寫了這些，希望對(duì)你們有點(diǎn)幫助！