經(jīng)常看到設(shè)計(jì)師接到一個(gè)App的Logo設(shè)計(jì)需求，不知從哪入手？別慌，看完這篇文章你就知道該怎么做了…

內(nèi)容大綱

一、Logo設(shè)計(jì)3要素

二、從圖形元素分類

三、從表現(xiàn)手法分類

四、Logo設(shè)計(jì)流程

五、制圖規(guī)范及提案

推薦3個(gè)好用的Logo設(shè)計(jì)網(wǎng)站

一、App的Logo設(shè)計(jì)3要素

Logo在產(chǎn)品中起到舉足輕重的作用，對(duì)于產(chǎn)品的點(diǎn)擊率來說也是有很大的影響，一個(gè)成功的Logo則需要具備以下幾點(diǎn)要素：

1、識(shí)別性

Logo要容易識(shí)別，容易記住。盡量用簡(jiǎn)潔的形狀來清晰表達(dá)產(chǎn)品。

2、特異性

Logo不僅要看起來讓人心情愉悅，產(chǎn)生好感，更需要區(qū)別于同類品牌Logo，要有自己的特性。

3、內(nèi)涵性

Logo一定要有自己的含義、企業(yè)內(nèi)在文化、象征的意義。

二、從圖形元素分類

接下來講App的Logo設(shè)計(jì)常用的風(fēng)格形式，從2方面來進(jìn)行分類，先從圖形元素來說，分別有6大類：

1、文字類

特點(diǎn)：直接將產(chǎn)品名稱文字圖形化，便于記憶。

形式：多以產(chǎn)品名字的首字母、產(chǎn)品一個(gè)核心的文字或產(chǎn)品全稱作為Logo的

注意：文字Logo容易相同，所以在設(shè)計(jì)字體時(shí)需添加自身特色，以區(qū)別于相同的文字

2、圖形類

特點(diǎn)：圖形感強(qiáng)，容易做后續(xù)拓展

形式：根據(jù)產(chǎn)品的功能、用途提取相關(guān)具象/抽象的圖形

3、圖形與文字組合類

特點(diǎn)：記住名字同時(shí)了解產(chǎn)品屬性。

形式：結(jié)合前面2種特色，將文字于圖形創(chuàng)意結(jié)合起來

對(duì)比：相比前面2種，它的細(xì)節(jié)更多，造型更豐富，同時(shí)也造成不易記的缺點(diǎn)

適用：同一家公司擁有不同系列的產(chǎn)品，這樣既可以保持統(tǒng)一性，同時(shí)體現(xiàn)差異化

4、吉祥物類

特點(diǎn)：有人情味，更容易讓用戶產(chǎn)生好感，拉近與用戶的距離，幫助用戶腦補(bǔ)視覺畫面

形式：通過擬人、趣味的手法傳達(dá)產(chǎn)品屬性和功能

適用：針對(duì)年輕、活力、愛玩人群的App

5、游戲類

特點(diǎn)：從圖標(biāo)開始的帶入感

形式：插畫形式來表現(xiàn)，采用游戲場(chǎng)景、人物截圖等

缺點(diǎn)：圖標(biāo)不夠簡(jiǎn)潔，過于復(fù)雜

適用：游戲類產(chǎn)品

6、節(jié)日類

特點(diǎn)：互聯(lián)網(wǎng)日益發(fā)達(dá)，在眾多App的市場(chǎng)環(huán)境下，通過Logo換膚來提醒用戶產(chǎn)品進(jìn)行的節(jié)日、促銷活動(dòng)正在進(jìn)行中

形式：將原始Logo添加節(jié)日氣氛的元素

好處：在變著戲法取悅用戶，打破一塵不變的形象，彰顯公司活力。

三、從表現(xiàn)手法分類

表現(xiàn)手法上同樣有6大類，分別是：極簡(jiǎn)風(fēng)、格式塔風(fēng)格、漸變色風(fēng)格、同色系風(fēng)格、加投影風(fēng)格、微質(zhì)感風(fēng)格。

1、極簡(jiǎn)風(fēng)

形式：線性、面性、剪影造型的提煉

2、格式塔

當(dāng)一個(gè)不完整的圖形出現(xiàn)在人的視覺當(dāng)中時(shí)，人的視覺思維會(huì)傾向于自動(dòng)將其補(bǔ)全

3、漸變色

自從Instagram把寶麗萊相機(jī)Logo換成霓虹色的漸變后，便興起了一陣漸變色Logo風(fēng)潮。關(guān)于配色方法可以看我寫的《玩兒抖音提高了我的配色技能》篇哦

4、類似色

形式：同色相的明度、飽和度組合，形成一種有層次感的效果。

5、加投影風(fēng)格

形式：加投影、加質(zhì)感，形成一種層次感、立體感的效果。

6、微質(zhì)感

形式：擬人或擬物的表現(xiàn)形式，給Logo賦予材質(zhì)

四、Logo設(shè)計(jì)流程

Logo設(shè)計(jì)方式有很多種，掌握規(guī)范的設(shè)計(jì)流程，能夠幫助準(zhǔn)確、有效地設(shè)計(jì)出成功的Logo作品

1、產(chǎn)品定位

首先要清楚產(chǎn)品是什么行業(yè)？做什么的？產(chǎn)品名稱有什么含義在里面？品牌理念是什么？還有對(duì)用戶群體進(jìn)行分析

2、競(jìng)品分析

搜集同行Logo樣式，分析當(dāng)下流行的風(fēng)格趨勢(shì)、表現(xiàn)手法、使用的元素。這樣既避免撞車，又能幫助后面的Logo設(shè)計(jì)出來具有行業(yè)屬性。

3、頭腦風(fēng)暴

發(fā)散思維，提取關(guān)鍵詞，從產(chǎn)品行業(yè)屬性、核心功能、產(chǎn)品理念、大的愿景、應(yīng)用場(chǎng)景、未來目標(biāo)期望、用戶群體、寓意、情感傳遞等方面提取關(guān)鍵詞

4、制作情緒板

在所有關(guān)鍵詞中提取出3-4個(gè)最能體現(xiàn)產(chǎn)品定位的關(guān)鍵詞，通過關(guān)鍵詞去搜索對(duì)應(yīng)圖片的素材，再通過圖片提取造型，以便于我們參考和運(yùn)用

5、草圖繪制

這個(gè)階段已經(jīng)對(duì)Logo樣式有基本了解，可以根據(jù)情緒板提取出的元素進(jìn)行發(fā)揮創(chuàng)作了，上面（二/三段）也講過Logo常用的幾種設(shè)計(jì)手法，可以按這些手法在紙上都繪制一遍，再從草圖中篩選出最能表達(dá)產(chǎn)品定位的表現(xiàn)形式，選擇3-4種方案即可。

6、細(xì)節(jié)優(yōu)化

現(xiàn)在開始電腦繪制這3-4種方案了，這時(shí)候千萬別急著上色，用黑白無色系來表現(xiàn)，繪制完檢查依然能作為一個(gè)合格的Logo存在，再賦予品牌色、材質(zhì)等。

7、上色

如果公司沒有定品牌色，那情緒板又可以派上用場(chǎng)了，可以在上面提取符合產(chǎn)品定位的顏色，再運(yùn)用到Logo中。

五、制圖規(guī)范

優(yōu)化好Logo細(xì)節(jié)，接下來是設(shè)計(jì)提案了，這時(shí)候如果僅拿前面的設(shè)計(jì)稿給老板看肯定不行，還要會(huì)以下包裝方法：

1、輔助線

1）黃金分割（1:0.618）

這個(gè)比例具有嚴(yán)格的藝術(shù)性、和諧性，能夠引起人們的美感，被認(rèn)為是建筑和藝術(shù)中最理想的比例

2）白銀分割（1:1.414）

這是日本推崇的一個(gè)審美比例，運(yùn)用很廣泛，例如：日本天空樹鐵塔、動(dòng)漫人物哆啦A夢(mèng)、海報(bào)排版等

切記分割比例只是用來幫助我們協(xié)調(diào)版面的，不要為了比例而設(shè)計(jì)，根據(jù)內(nèi)容的需要選擇合適的分割比例即可。

3）Logo參數(shù)比例

設(shè)置最小比例為a，其他間距為a的倍數(shù)，因?yàn)?/span>Logo會(huì)根據(jù)各種應(yīng)用場(chǎng)景不同而被放大或縮小，所以是無法固定數(shù)值的。

注意：App的Logo長寬比不宜過大

2、樣機(jī)效果

套用樣機(jī)模板，把Logo放在實(shí)際應(yīng)用的場(chǎng)景中，這樣有個(gè)心理預(yù)期，也方便老板選擇理想的方案。

3、輔助圖形

在Logo上提取具有代表性的元素，再進(jìn)行延展設(shè)計(jì)，作為配合Logo的輔助圖形來使用，為不同場(chǎng)合的需求而設(shè)計(jì)。

總結(jié)：將“Logo設(shè)計(jì)流程”和“制圖規(guī)范”結(jié)合起來做成設(shè)計(jì)提案，再向老板講解你的整個(gè)設(shè)計(jì)過程的思考，通過率也會(huì)大大提高，會(huì)覺得你很有誠意，在用心做設(shè)計(jì)。

照例推薦3個(gè)Logo設(shè)計(jì)網(wǎng)站

以下3個(gè)網(wǎng)站推薦，能幫助你在Logo設(shè)計(jì)中提供靈感，同時(shí)設(shè)計(jì)完成后還能檢測(cè)一下，給你提供修改意見。

1、https://logolab.app/home  （Logo檢測(cè)網(wǎng)站）

適合檢測(cè)Logo在哪些方面還可以進(jìn)行改進(jìn)。從平衡、顏色、可擴(kuò)展性、包裝、像素化、模糊辨識(shí)度、局部辨識(shí)度、移動(dòng)設(shè)備上的圖標(biāo)效果等幾個(gè)方面做檢測(cè)。

2、http://www.iconsfeed.com/（收集應(yīng)用市場(chǎng)上的Logo網(wǎng)站）

是iOS系統(tǒng)App圖標(biāo)收集的素材網(wǎng)站，通過行業(yè)分類搜索同行產(chǎn)品Logo，方便作參考

3、http://www.logobook.com/directory/  （Logo圖形網(wǎng)站）

里面的圖形參考分類很全，可以根據(jù)字母、數(shù)字、形狀、對(duì)象、大自然、行業(yè)來進(jìn)行選擇，為設(shè)計(jì)師提供豐富的素材和靈感

更多推薦：

從0到1 —— 一組圖標(biāo)的誕生

輕松幾步搞定熟悉城市線性插畫

設(shè)計(jì)思維中的共通性和差異性了解一下

--關(guān)于我們---

UI中國 專業(yè)用戶體驗(yàn)設(shè)計(jì)平臺(tái)

主站：www.ui.cn

新浪微博：@UI中國

合作請(qǐng)加微信：18931333875