LOGO UI設計7大要點

2018-4-8    藍藍設計的小編

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

大部分視覺設計師在工作中都會遇到logo UI設計,每個UI設計師都有自己獨特的思路和方法。在設計過程中有理性的方法也有感性的發(fā)揮,我接下來講的理性的部分比較多,因為感性的東西跟個人平時的積累、經(jīng)驗、生活閱歷等等相關。不是什么大神,寫的都是自己慢慢沉淀下來的方式方法。Logo的意義和重要性,在這不再贅述,我主要講logo設計的每個階段個人覺得比較重要的幾點。我做logo UI大體有以下幾個過程:

  1. 前期準備

  2. 信息消化及設計方向分析

  3. 靈感素材搜集

  4. 草圖繪制(手繪 快速矢量)

  5. 甄選 細化階段

  6. 提案準備

  7. 設計完善

一、前期準備

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

我一般會重點問一下需求方(或者客戶,下面都統(tǒng)一為需求方)以下幾個問題:

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

  • 想要表達的先后順序?——寓意

  • 喜歡什么樣式的logo,有沒有喜歡的案例?——形式

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

問以上4個問題的目的:

  1. 使需求方的需求更加具象一些(你有沒有遇到過需求方只會告訴你需要高大上的?),分別從顏色、寓意、形式、整體氣質(zhì)進行的溝通;

  2. 預防后期無修止改稿,需求方失去對設計師的信任感。

  3. 即使需求方前期并沒有明確的想法,也能從側(cè)面促使他們?nèi)ニ伎家幌逻@些事情,如果他們在出方案階段再去想這些事情,那對一個設計師來說是無比悲劇的!

二、信息消化及設計方向分析

這一步的名字有點長,說起來比較復雜,總結(jié)起來就是三個事:

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

LOGO UI設計7大要點

Ui設計

2. 利用這些關鍵詞,開動大腦做思維發(fā)散,把所有能想到的都寫下來,如果是團隊的話,這時候可以開一個腦暴會議。例如有一個關鍵詞是“建筑”,可以聯(lián)想到樓房、建筑材料、立方體、空間等等……把他們都寫出來,甚至畫一點草圖。

LOGO UI設計7大要點

Ui設計

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

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

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

LOGO UI設計7大要點

UI設計

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

LOGO UI設計7大要點

  • 具象圖形 提煉特征形態(tài)符號,來傳達企業(yè)的關鍵信息??梢允怯靡环N動物,也可以是一個符號,把企業(yè)的理想和氣質(zhì)含蓄的表達出來,比較常見的設計方法。

LOGO UI設計7大要點

UI設計

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

LOGO UI設計7大要點

UI設計

三、靈感素材搜集

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

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

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

LOGO UI設計7大要點

UI設計

四、草圖階段(手繪 快速矢量)

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

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

LOGO UI設計7大要點

UI設計

五、甄選 細化階段

從所有的草圖中找出可以作為最終方案的去細化,從以下方面細化方案。

  • 顏色選擇 前期準備階段應該想好了大體的顏色,對每個方案進行上色,配色方法可以參照相關配色文章。

LOGO UI設計7大要點

  • 方案疊加 有的方案看起來不成熟,但我們把兩個方案進行結(jié)合,也許就是不錯的方向了。

LOGO UI設計7大要點

UI設計

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

LOGO UI設計7大要點

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

LOGO UI設計7大要點

  • 流行趨勢 緊密關注當下設計趨勢,當下流行的是否可以應用自己的設計里面,比如當下流行的彩色投影、雙色調(diào)設計等等,考慮一下是否可以融合進去。

LOGO UI設計7大要點

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

六、提案準備

經(jīng)過這一系列的努力,手上有很多個方案了,接下來就是準備提案了。

把自己的方案進行排序,哪些是自己推薦的,哪些是陪標的,哪些是需求方要求做的,整理清楚。接下來就是讓自己推薦的方案看起來更加高大上,提高他們被選中的幾率。

1、方案釋義

利用圖來講清楚你方案的由來,不要只靠語言,盡量讓你的想法具象話,不要讓客戶或者需求方去自己腦補。

LOGO UI設計7大要點

2、嚴謹制圖

告訴需求方logo是按照一定的美學基礎做的,不是隨便幾個元素湊起來,提案階段的方案可能還不夠細致,這時候的制圖并不能達到最終要的程度,但放到提案里面可以為你的方案加分,并且需求方能更加了解你的設計思路。

LOGO UI設計7大要點

3、貼圖效果

告訴需求方在實際運用中的效果。

LOGO UI設計7大要點

LOGO UI設計7大要點

4、后期延展

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

LOGO UI設計7大要點

LOGO UI設計7大要點

5、視頻

如果你做完上面的那些你還有時間,并且恰巧你會做動效,把你的logo做成小視頻更能打動你的需求方,例如陌陌的logo改版視頻。

LOGO UI設計7大要點

6、語言組織

組織好語言:1、把你的想法表達清楚;2、把你前期搜集的和跟需求方溝通的資料都找出來,想點能講到他們心坎里的話吧。

七、設計完善

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

1、嚴謹制圖

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

LOGO UI設計7大要點

2、不同場景下的不同版本

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

LOGO UI設計7大要點

3、后期使用過程的細化

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

LOGO UI設計7大要點

LOGO UI設計7大要點

到此一個logo基本成型,啰啰嗦嗦寫了這些,希望對你們有點幫助!


藍藍設計sillybuy.com )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔