網(wǎng)易資深設(shè)計(jì)師:我用這7個(gè)流程做LOGO設(shè)計(jì)

      作者:cyRotel
      2017-06-29
      7944

      因?yàn)楦行缘臇|西跟個(gè)人平時(shí)的積累、經(jīng)驗(yàn)、生活閱歷等等相關(guān)。不是什么大神,寫的都是自己慢慢沉淀下來的方式方法。

      大部分視覺設(shè)計(jì)師在工作中都會(huì)遇到Logo設(shè)計(jì),每個(gè)設(shè)計(jì)師都有自己獨(dú)特的思路和方法。在設(shè)計(jì)過程中有理性的方法也有感性的發(fā)揮,我接下來講的理性的部分比較多,因?yàn)楦行缘臇|西跟個(gè)人平時(shí)的積累、經(jīng)驗(yàn)、生活閱歷等等相關(guān)。不是什么大神,寫的都是自己慢慢沉淀下來的方式方法。

      Logo的意義和重要性,在這不再贅述,我主要講logo設(shè)計(jì)的每個(gè)階段個(gè)人覺得比較重要的幾點(diǎn)。

      我做Logo大體有以下幾個(gè)過程:

      前期準(zhǔn)備

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

      靈感素材搜集

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

      甄選+細(xì)化階段

      提案準(zhǔn)備

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

      一. 前期準(zhǔn)備

      前期準(zhǔn)備包括產(chǎn)品信息了解和競品分析兩點(diǎn),這些是最基本也是最重要的。
      我一般會(huì)重點(diǎn)問一下需求方(或者客戶,下面都統(tǒng)一為需求方)以下幾個(gè)問題:

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

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

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

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

      問以上4個(gè)問題的目的:

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

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

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

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

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

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

      信息或者元素.png

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

      畫一點(diǎn)草圖.png

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

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

      文字形式

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

      文字形式.png

      字母形式

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

      字母形式.png

      具象圖形

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

      具象圖形.png

      抽象圖形

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

      抽象圖形.png

      三. 靈感素材搜集

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

      例如你的設(shè)計(jì)方向里面有一個(gè)A字母的方案,那就要去找一些A字母的設(shè)計(jì),或者有一個(gè)比較抽象的關(guān)鍵詞“科技感”。那就去找網(wǎng)上搜一下科技感,看看你都能看到些什么,把有靈感的圖片存下來,把每一個(gè)元素每一個(gè)關(guān)鍵詞都找一些。
      我們這么做得原因一是搜集靈感庫,二是避免撞衫,logo撞衫的事情很多,在這一步就盡量了解清楚。

      靈感素材搜集.png

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

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

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

      快速矢量.png

      五. 甄選+細(xì)化階段

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

      顏色選擇

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

      顏色選擇.png

      方案疊加

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

      方案疊加.png

      更換表現(xiàn)形式

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

      更換表現(xiàn)形式.png

      中英文字體設(shè)計(jì)

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

      中英文字體設(shè)計(jì).png

      流行趨勢

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

      流行趨勢.png

      設(shè)計(jì)細(xì)節(jié)調(diào)整

      多問自己幾個(gè)問題,這個(gè)方案寓意是不是到了,顏色舒服么,形式有沒有可能更完美等等。實(shí)在不行去找些設(shè)計(jì)的好的logo放到旁邊進(jìn)行一下對(duì)比。

      六. 提案準(zhǔn)備

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

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

      方案釋義

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

      方案釋義.png

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

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

      嚴(yán)謹(jǐn)制圖.png

      貼圖效果

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

      貼圖效果.jpg

      貼圖效果1.png

      后期延展

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

      后期延展.png

      后期延展.1png.png

      視頻

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

      視頻.gif

      語言組織

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

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

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

      嚴(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é)工具。

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

      不同場景下的不同版本

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

      不同場景下的不同版本.png

      后期使用過程的細(xì)化

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

      后期使用過程的細(xì)化.png

      后期使用過程的細(xì)化1.png

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


      2
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務(wù)聯(lián)系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯(lián)系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學(xué)科技園東區(qū)9號(hào)樓2層

      版權(quán)信息

        移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)

      主站蜘蛛池模板: 亚洲AV无码一区二区三区系列| 亚洲一区日韩高清中文字幕亚洲 | 黑巨人与欧美精品一区| 国产亚洲综合一区二区三区| 中文字幕一区二区三区日韩精品| 国产精品亚洲综合一区在线观看| 99久久精品日本一区二区免费| 三上悠亚日韩精品一区在线| 国产精品资源一区二区| 国产欧美一区二区精品仙草咪| 三上悠亚国产精品一区| 亚洲AV无码一区二三区| 视频精品一区二区三区| 国产一区风间由美在线观看| 日本一道高清一区二区三区| 国产福利一区二区三区在线观看 | 成人无码一区二区三区| 怡红院AV一区二区三区| 一本久久精品一区二区| 一区二区三区无码被窝影院| 亚洲综合av一区二区三区| 91在线一区二区| 99无码人妻一区二区三区免费| 精品国产一区二区三区四区| 精品亚洲AV无码一区二区| 亚洲国产成人久久综合一区| 88国产精品视频一区二区三区| 人妻无码视频一区二区三区| 日韩好片一区二区在线看| 中文字幕日韩丝袜一区| 中文字幕无线码一区二区| 亚洲av色香蕉一区二区三区蜜桃| 久久蜜桃精品一区二区三区| 国产成人一区二区三区电影网站 | 精品一区精品二区| 中文字幕在线观看一区二区 | 一区二区高清视频在线观看| 久久精品人妻一区二区三区| 日本一区二区三区精品中文字幕 | 一区二区三区免费视频网站| 香蕉在线精品一区二区|