網易資深設計師(shī):我用這(zhè)7個流程做(zuò)LOGO設計

因為(wèi)感性的東西(xī)跟個人(rén)平時(shí)的積累、經驗、生活閱曆等等相關。不是什麽大神,寫的都(dōu)是自(zì)己慢(màn)慢(màn)沉澱下(xià)來的方式方法。

大部分視(shì)覺設計師(shī)在工(gōng)作(zuò)中都(dōu)會遇到Logo設計,每個設計師(shī)都(dōu)有自(zì)己獨特的思路和(hé)方法。在設計過程中有理性的方法也有感性的發揮,我接下(xià)來講的理性的部分比較多,因為(wèi)感性的東西(xī)跟個人(rén)平時(shí)的積累、經驗、生活閱曆等等相關。不是什麽大神,寫的都(dōu)是自(zì)己慢(màn)慢(màn)沉澱下(xià)來的方式方法。

Logo的意義和(hé)重要(yào)性,在這(zhè)不再贅述,我主要(yào)講logo設計的每個階段個人(rén)覺得比較重要(yào)的幾點。

我做(zuò)Logo大體有以下(xià)幾個過程:

前期準備

信息消化及設計方向分析

靈感素材搜集

草圖繪制(手繪+快(kuài)速矢量)

甄選+細化階段

提案準備

設計完善

一(yī). 前期準備

前期準備包括産品信息了(le)解和(hé)競品分析兩點,這(zhè)些是最基本也是最重要(yào)的。
我一(yī)般會重點問(wèn)一(yī)下(xià)需求方(或者客戶,下(xià)面都(dōu)統一(yī)為(wèi)需求方)以下(xià)幾個問(wèn)題:

顔色方面是怎麽想的?——顔色

想要(yào)表達的先後順序?——寓意

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

聊一(yī)下(xià)需求方對公司或者産品的未來的憧憬——整體氣質

問(wèn)以上(shàng)4個問(wèn)題的目的:

使需求方的需求更加具象一(yī)些(你有沒有遇到過需求方隻會告訴你需要(yào)高大上(shàng)的?),分别從(cóng)顔色、寓意、形式、整體氣質進行(xíng)的溝通(tōng)。

預防後期無修止改稿,需求方失去對設計師(shī)的信任感。

即使需求方前期并沒有明(míng)确的想法,也能(néng)從(cóng)側面促使他(tā)們去思考一(yī)下(xià)這(zhè)些事情,如(rú)果他(tā)們在出方案階段再去想這(zhè)些事情,那(nà)對一(yī)個設計師(shī)來說是無比悲劇的。

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

這(zhè)一(yī)步的名字有點長(cháng),說起來比較複雜(zá),總結起來就是三個事:

1.從(cóng)搜集到的所有的信息中提取所有覺得有用的信息或者元素,并且把他(tā)們總結成關鍵詞或者一(yī)句話,實體産品圖片也要(yào)作(zuò)為(wèi)一(yī)個元素擺出來。例如(rú)一(yī)個美妝品牌,可(kě)能(néng)得到以下(xià)的關鍵詞和(hé)元素,20-30歲女(nǚ)性、産品名稱、年(nián)輕、美麗(lì)、活力、品質生活、現代女(nǚ)性、還有産品造型圖片等等,依次把他(tā)們寫下(xià)來。

信息或者元素.png

2. 利用這(zhè)些關鍵詞,開(kāi)動大腦做(zuò)思維發散,把所有能(néng)想到的都(dōu)寫下(xià)來,如(rú)果是團隊的話,這(zhè)時(shí)候可(kě)以開(kāi)一(yī)個腦暴會議(yì)。例如(rú)有一(yī)個關鍵詞是“建築”,可(kě)以聯想到樓房、建築材料、立方體、空間(jiān)等等……把他(tā)們都(dōu)寫出來,甚至畫(huà)一(yī)點草圖。

畫(huà)一(yī)點草圖.png

3. 分析這(zhè)些關鍵詞能(néng)用什麽形式表現出來,在腦子裏稍微(wēi)加工(gōng)處理一(yī)下(xià)。當然在後面的設計階段會逐個思考每個方向的設計方式。在這(zhè)個時(shí)候就做(zuò)一(yī)些大體形式的思考,以便于搜集靈感素材的方向更加明(míng)确。

大體的logo形式有這(zhè)麽幾種:

文字形式

通(tōng)常是利用産品名稱或者公司名稱的文字作(zuò)為(wèi)主體元素進行(xíng)設計。

文字形式.png

字母形式

以公司或者産品名稱中的字母進行(xíng)處理,通(tōng)常對首字母進行(xíng)設計。

字母形式.png

具象圖形

提煉特征形态符号,來傳達企業的關鍵信息。可(kě)以是用一(yī)種動物(wù),也可(kě)以是一(yī)個符号,把企業的理想和(hé)氣質含蓄的表達出來,比較常見(jiàn)的設計方法。

具象圖形.png

抽象圖形

通(tōng)過抽象的符号,例如(rú)幾何圖形、點線面、空間(jiān)、肌理等組合來體現想要(yào)表達的意思,喚起人(rén)們對于某一(yī)抽象意義、觀念或情緒的記憶。

抽象圖形.png

三. 靈感素材搜集

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

例如(rú)你的設計方向裏面有一(yī)個A字母的方案,那(nà)就要(yào)去找一(yī)些A字母的設計,或者有一(yī)個比較抽象的關鍵詞“科技感”。那(nà)就去找網上(shàng)搜一(yī)下(xià)科技感,看(kàn)看(kàn)你都(dōu)能(néng)看(kàn)到些什麽,把有靈感的圖片存下(xià)來,把每一(yī)個元素每一(yī)個關鍵詞都(dōu)找一(yī)些。
我們這(zhè)麽做(zuò)得原因一(yī)是搜集靈感庫,二是避免撞衫,logo撞衫的事情很(hěn)多,在這(zhè)一(yī)步就盡量了(le)解清楚。

靈感素材搜集.png

四. 草圖階段(手繪+快(kuài)速矢量)

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

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

快(kuài)速矢量.png

五. 甄選+細化階段

從(cóng)所有的草圖中找出可(kě)以作(zuò)為(wèi)最終方案的去細化,從(cóng)以下(xià)方面細化方案。

顔色選擇

前期準備階段應該想好了(le)大體的顔色,對每個方案進行(xíng)上(shàng)色,配色方法可(kě)以參照相關配色文章(zhāng)。

顔色選擇.png

方案疊加

有的方案看(kàn)起來不成熟,但(dàn)我們把兩個方案進行(xíng)結合,也許就是不錯的方向了(le)。

方案疊加.png

更換表現形式

有些方案看(kàn)起來不完美,也許就是元素表現形式不合适。例如(rú)方案中有一(yī)個“熊”元素,方案整體看(kàn)起來并不是很(hěn)協調,這(zhè)時(shí)候看(kàn)看(kàn)自(zì)己的靈感素材或者去網上(shàng)找找熊的圖片,嘗試新的表現形式。

更換表現形式.png

中英文字體設計

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

中英文字體設計.png

流行(xíng)趨勢

緊密關注當下(xià)設計趨勢,當下(xià)流行(xíng)的是否可(kě)以應用自(zì)己的設計裏面,比如(rú)當下(xià)流行(xíng)的彩色投影、雙色調設計等等,考慮一(yī)下(xià)是否可(kě)以融合進去。

流行(xíng)趨勢.png

設計細節調整

多問(wèn)自(zì)己幾個問(wèn)題,這(zhè)個方案寓意是不是到了(le),顔色舒服麽,形式有沒有可(kě)能(néng)更完美等等。實在不行(xíng)去找些設計的好的logo放到旁邊進行(xíng)一(yī)下(xià)對比。

六. 提案準備

經過這(zhè)一(yī)系列的努力,手上(shàng)有很(hěn)多個方案了(le),接下(xià)來就是準備提案了(le)。

把自(zì)己的方案進行(xíng)排序,哪些是自(zì)己推薦的,哪些是陪标的,哪些是需求方要(yào)求做(zuò)的,整理清楚。接下(xià)來就是讓自(zì)己推薦的方案看(kàn)起來更加高大上(shàng),提高他(tā)們被選中的幾率。

方案釋義

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

方案釋義.png

嚴謹制圖

告訴需求方logo是按照一(yī)定的美學基礎做(zuò)的,不是随便幾個元素湊起來,提案階段的方案可(kě)能(néng)還不夠細緻,這(zhè)時(shí)候的制圖并不能(néng)達到最終要(yào)的程度,但(dàn)放到提案裏面可(kě)以為(wèi)你的方案加分,并且需求方能(néng)更加了(le)解你的設計思路。

嚴謹制圖.png

貼圖效果

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

貼圖效果.jpg

貼圖效果1.png

後期延展

如(rú)果有時(shí)間(jiān)可(kě)以做(zuò)一(yī)下(xià)logo的延展使用,例如(rú)品牌圖案的設想,這(zhè)麽周全的方案,被選中的幾率就更大大提升了(le)。例如(rú)下(xià)圖的方案,logo中的紅(hóng)條元素會作(zuò)為(wèi)設計元素貫穿到其他(tā)方面的設計中。

後期延展.png

後期延展.1png.png

視(shì)頻(pín)

如(rú)果你做(zuò)完上(shàng)面的那(nà)些你還有時(shí)間(jiān),并且恰巧你會做(zuò)動效,把你的logo做(zuò)成小視(shì)頻(pín)更能(néng)打動你的需求方,例如(rú)陌陌的logo改版視(shì)頻(pín)。

視(shì)頻(pín).gif

語言組織

組織好語言:1、把你的想法表達清楚;2、把你前期搜集的和(hé)跟需求方溝通(tōng)的資料都(dōu)找出來,想點能(néng)講到他(tā)們心坎裏的話吧。

七. 設計完善

經過提案确定了(le)方案,但(dàn)一(yī)個logo的設計并不是到此為(wèi)止了(le),接下(xià)來還有工(gōng)作(zuò)要(yào)做(zuò)。當然有些方面是在logo的使用過程中不斷完善的,甚至最後做(zuò)成一(yī)套完整的VI手冊。

嚴謹制圖

此時(shí)的嚴謹制圖跟提案階段的不一(yī)樣,提案主要(yào)是為(wèi)了(le)讓需求方更加了(le)解你的設計思路,現在的主要(yào)是為(wèi)了(le)完善logo的每個細節,比例、間(jiān)距、倒角、粗細等等調好每一(yī)個細節,讓logo更加精緻動人(rén),logo制圖當中的那(nà)些标注都(dōu)是設計師(shī)的美學工(gōng)具。

嚴謹制圖1.png

不同場景下(xià)的不同版本

為(wèi)了(le)适用不同的場景,你還要(yào)做(zuò)不同的版本。例如(rú)浏覽器标簽的logo僅僅為(wèi)16*16像素,縮小到這(zhè)種程度會不會糊掉無法辨識?又例如(rú)導視(shì)系統上(shàng)是不是需要(yào)豎版的logo?……所以你要(yào)根據使用場景制作(zuò)相應的版本,并且要(yào)進行(xíng)細節的調整。

不同場景下(xià)的不同版本.png

後期使用過程的細化

在後期的使用過程中也許還會發現一(yī)些現在的logo并不太适合的地(dì)方,你就要(yào)做(zuò)相應的調整,讓産品的logo越來越完善。

後期使用過程的細化.png

後期使用過程的細化1.png

到此一(yī)個logo基本成型,啰啰嗦嗦寫了(le)這(zhè)些,希望對你們有點幫助!

0371-65861326
138 3818 8615
lingpaoad@sina.com
鄭州市中州大道(dào)晨旭路
瑞銀(yín)大廈23樓

Copyright © 2004-2018
京ICP證000000号