2018-4-8 藍藍設計的小編
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
大部分視覺設計師在工作中都會遇到logo UI設計，每個UI設計師都有自己獨特的思路和方法。在設計過程中有理性的方法也有感性的發揮，我接下來講的理性的部分比較多，因為感性的東西跟個人平時的積累、經驗、生活閱歷等等相關。不是什么大神，寫的都是自己慢慢沉淀下來的方式方法。Logo的意義和重要性，在這不再贅述，我主要講logo設計的每個階段個人覺得比較重要的幾點。我做logo UI大體有以下幾個過程：
前期準備
信息消化及設計方向分析
靈感素材搜集
草圖繪制（手繪 快速矢量）
甄選 細化階段
提案準備
設計完善
一、前期準備
前期準備包括產品信息了解和競品分析兩點，這些是最基本也是最重要的。
我一般會重點問一下需求方（或者客戶，下面都統一為需求方）以下幾個問題：
顏色方面是怎么想的？——顏色
想要表達的先后順序？——寓意
喜歡什么樣式的logo，有沒有喜歡的案例？——形式
聊一下需求方對公司或者產品的未來的憧憬——整體氣質
問以上4個問題的目的：
使需求方的需求更加具象一些（你有沒有遇到過需求方只會告訴你需要高大上的？），分別從顏色、寓意、形式、整體氣質進行的溝通；
預防后期無修止改稿，需求方失去對設計師的信任感。
即使需求方前期并沒有明確的想法，也能從側面促使他們去思考一下這些事情，如果他們在出方案階段再去想這些事情，那對一個設計師來說是無比悲劇的！
二、信息消化及設計方向分析
這一步的名字有點長，說起來比較復雜，總結起來就是三個事：
1. 從搜集到的所有的信息中提取所有覺得有用的信息或者元素，并且把他們總結成關鍵詞或者一句話，實體產品圖片也要作為一個元素擺出來。例如一個美妝品牌，可能得到以下的關鍵詞和元素，20-30歲女性、產品名稱、年輕、美麗、活力、品質生活、現代女性、還有產品造型圖片等等，依次把他們寫下來。
Ui設計
2. 利用這些關鍵詞，開動大腦做思維發散，把所有能想到的都寫下來，如果是團隊的話，這時候可以開一個腦暴會議。例如有一個關鍵詞是“建筑”，可以聯想到樓房、建筑材料、立方體、空間等等……把他們都寫出來，甚至畫一點草圖。
Ui設計
3. 分析這些關鍵詞能用什么形式表現出來，在腦子里稍微加工處理一下。當然在后面的設計階段會逐個思考每個方向的設計方式。在這個時候就做一些大體形式的思考，以便于搜集靈感素材的方向更加明確。
大體的logo形式有這么幾種：
文字形式 通常是利用產品名稱或者公司名稱的文字作為主體元素進行設計。
UI設計
字母形式 以公司或者產品名稱中的字母進行處理，通常對首字母進行設計。
具象圖形 提煉特征形態符號，來傳達企業的關鍵信息?？梢允怯靡环N動物，也可以是一個符號，把企業的理想和氣質含蓄的表達出來，比較常見的設計方法。
UI設計
抽象圖形 通過抽象的符號，例如幾何圖形、點線面、空間、肌理等組合來體現想要表達的意思，喚起人們對于某一抽象意義、觀念或情緒的記憶。
UI設計
三、靈感素材搜集
在研究階段想出完美創意的幾率并不高，但肯定已經有了很多選擇的方向。接下來就要為每個方向找一些相關或者相似的靈感素材，并不僅限于好的logo，有時候攝影、繪畫、廣告設計、服裝等等感覺有相關的圖片都要搜集一些。
例如你的設計方向里面有一個A字母的方案，那就要去找一些A字母的設計，或者有一個比較抽象的關鍵詞“科技感”。那就去找網上搜一下科技感，看看你都能看到些什么，把有靈感的圖片存下來，把每一個元素每一個關鍵詞都找一些。
我們這么做得原因一是搜集靈感庫，，二是避免撞衫，logo撞衫的事情很多，在這一步的就盡量了解清楚。
UI設計
四、草圖階段（手繪 快速矢量）
接下來進入設計階段了，把每一個自己覺得可能的方案都做成草圖。我的習慣是快速手繪看效果，然后再快速做成簡單的矢量方案，盡量多嘗試幾種方式，相關的元素也會繪制出來；即使還不是很成熟的方案，都會繪制出來放到旁邊。一眼就看到全部方案，能讓自己發現不同的組合方式。
有些方向可能不是很好表現，把靈感圖找出來瞅瞅，也許就想到了，想想正負形、幾個方向相加、幾個元素相加、相同元素不同形式等等……目的就是把自己想到的方向具象起來。這時候的方案沒必要是完美的，能表達自己想要的方向就可以了。
UI設計
五、甄選 細化階段
從所有的草圖中找出可以作為最終方案的去細化，從以下方面細化方案。
顏色選擇 前期準備階段應該想好了大體的顏色，對每個方案進行上色，配色方法可以參照相關配色文章。
方案疊加 有的方案看起來不成熟，但我們把兩個方案進行結合，也許就是不錯的方向了。
UI設計
更換表現形式 有些方案看起來不完美，也許就是元素表現形式不合適。例如方案中有一個“熊”元素，方案整體看起來并不是很協調，這時候看看自己的靈感素材或者去網上找找熊的圖片，嘗試新的表現形式。
中英文字體設計 中英文名稱是logo很重要的部分，一種方法是找一個相對合適的現成字體，在此基礎上進行調整。一種自己設計字體。字重、傾斜度、襯線、間距所帶來的力量感、運動感、優雅感等等必須與品牌形象相符合。
流行趨勢 緊密關注當下設計趨勢，當下流行的是否可以應用自己的設計里面，比如當下流行的彩色投影、雙色調設計等等，考慮一下是否可以融合進去。
設計細節調整 多問自己幾個問題，這個方案寓意是不是到了，顏色舒服么，形式有沒有可能更完美等等。實在不行去找些設計的好的logo放到旁邊進行一下對比。
六、提案準備
經過這一系列的努力，手上有很多個方案了，接下來就是準備提案了。
把自己的方案進行排序，哪些是自己推薦的，哪些是陪標的，哪些是需求方要求做的，整理清楚。接下來就是讓自己推薦的方案看起來更加高大上，提高他們被選中的幾率。
1、方案釋義
利用圖來講清楚你方案的由來，不要只靠語言，盡量讓你的想法具象話，不要讓客戶或者需求方去自己腦補。
2、嚴謹制圖
告訴需求方logo是按照一定的美學基礎做的，不是隨便幾個元素湊起來，提案階段的方案可能還不夠細致，這時候的制圖并不能達到最終要的程度，但放到提案里面可以為你的方案加分，并且需求方能更加了解你的設計思路。
3、貼圖效果
告訴需求方在實際運用中的效果。
4、后期延展
如果有時間可以做一下logo的延展使用，例如品牌圖案的設想，這么周全的方案，被選中的幾率就更大大提升了。例如下圖的方案，logo中的紅條元素會作為設計元素貫穿到其他方面的設計中。
5、視頻
如果你做完上面的那些你還有時間，并且恰巧你會做動效，把你的logo做成小視頻更能打動你的需求方，例如陌陌的logo改版視頻。
6、語言組織
組織好語言：1、把你的想法表達清楚；2、把你前期搜集的和跟需求方溝通的資料都找出來，想點能講到他們心坎里的話吧。
七、設計完善
經過提案確定了方案，但一個logo的設計并不是到此為止了，接下來還有工作要做。當然有些方面是在logo的使用過程中不斷完善的，甚至最后做成一套完整的VI手冊。
1、嚴謹制圖
此時的嚴謹制圖跟提案階段的不一樣，提案主要是為了讓需求方更加了解你的設計思路，現在的主要是為了完善logo的每個細節，比例、間距、倒角、粗細等等調好每一個細節，讓logo更加精致動人，logo制圖當中的那些標注都是設計師的美學工具。
2、不同場景下的不同版本
為了適用不同的場景，你還要做不同的版本。例如瀏覽器標簽的logo僅僅為16*16像素，縮小到這種程度會不會糊掉無法辨識？又例如導視系統上是不是需要豎版的logo？……所以你要根據使用場景制作相應的版本，并且要進行細節的調整。
3、后期使用過程的細化
在后期的使用過程中也許還會發現一些現在的logo并不太適合的地方，你就要做相應的調整，讓產品的logo越來越完善。
到此一個logo基本成型，啰啰嗦嗦寫了這些，希望對你們有點幫助！
藍藍設計( m.skdbbs.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務