做好LOGO排版,讓LOGO漲價10倍!

語言: CN / TW / HK

這次的教程給大家帶來的內容是關於LOGO的排版!很多初學者啊,他就是不知道這個排版的重要性,LOGO做的像模像樣,排版整的一坨屎,總體下來就是拉稀!沒辦法,先用一個案例給你們看一下排版的重要性和神奇之處。

這個LOGO大家覺得怎麼樣,很簡單吧!是不是有手就行?然後用你們經常用的排版排一下看看:

200塊錢,不能再多了…我們再看一下原作者的排版:

怎麼說?2000塊錢怕是拿不下來這個LOGO吧?所以無論你的LOGO做的是簡單還是複雜,一個合適的排版都會為你的LOGO增加成倍的價值!

OK,廢話不多說,讓我們開始吧~~!

所謂謀定而後動,知止而有得。我們在做LOGO的時候,通常會先根據不同的行業和命題選擇相對合適的構成方式來表現。

比如企業類的一般會用字母類、幾何重複、中英文這種簡約大氣的構成方式,你用一個擬人化卡通標誌提交過去,客戶肯定會讓你滾犢子,而像餐飲、文娛這類命題就可以選擇更為親民,感染力更強的表現形式。

同樣的,LOGO的排版在選擇上也應遵循行業和圖形本身所體現的氣質來進行選擇。我們這裡分三個點來看一下。

LOGO中的文字編排,通常都是為了更好的對品牌進行資訊傳遞及整體美觀性而服務的,所以我們在字型的選擇上要考慮適不適合這個LOGO所體現的調性。

我們拿小米的LOGO來舉個例子,雖然200w的經費主要體現在LOGO裡,但是在字型的設計上也是遵循了LOGO裡MI的調性來匹配的,非常幾何化同時加入了小圓角。

而當我們將字型換成一個文化氣質更加濃厚的襯線體時,你會發現這是啥玩意,200w瞬間變成20w。

那我們再換一個偏幾何一點,所謂“設計感更強”的字型,得,連20w都沒有了…

英文如此,中文同樣如此,比如下方的山島小食府案例,圖形LOGO本身是非常具有文化氣質的,而如果你選擇幾何化或者常規的黑體,則也是完全不匹配的。

上面的案例都是關於調性匹配的,還有一個點是 圖形與文字的灰度匹配。

如果圖形是比較厚重粗一點的時候,如果你的字型選擇的很細,也是非常不和諧的,有生活閱歷的朋友應該都知道尺寸合適的重要性…(如下圖)

那到底該如何知道到底咋樣才算不粗、不細呢,這個東西其實沒有一個評判標準,一般情況下會遵循以下規律:

如果你是面構成的稍微厚重一點的圖形,則字型的粗度在Medium-bold左右差不多,可以拿字型檔比對一下;如果你是線構成的字型,則字型的粗度差不多比你的線的描邊粗度粗一丟丟即可。

大多數情況下,我們都是要給LOGO搭配標準中文和英文的。根據字型的特徵點,我們大致可以將常用中英文字型分為以下幾類:

我們在進行字型搭配的時候,一般情況也是遵循這個規律來進行搭配即可。

比如黑體配非襯線體、宋體配襯線體、圓體配圓體等,需要注意的是當中文以書法體為主的時候,英文通常都不會再選擇手寫的英文字型了,會比較混亂,一般會搭配同樣具有文化氣質的襯線體作為裝飾。

這幾種搭配的形式都是LOGO排版裡比較基礎、常規且不容易犯錯的安全範圍,肯定也有黑體+襯線體這種不同搭配的形式存在,但是作為一個小白,還是先老老實實的按照常規操作來進行搭配!先保證不犯錯,再玩花活…

我們先看一些案例來找一找規律。

可以看到上面這些偏大型 企業類一點的行業,一般選擇的排版都比較簡約 ,往往單個字母或者簡單中英文搭配即可,不會有過多的輔助元素出現,我們再看一些。

而上面這些LOGO,都有或多或少的輔助線或輔助文字元素來進行裝飾,因為與 大型企業注重品牌傳播識別度不同,也有很多LOGO是需要一些裝飾來提升整體的美感和氣質。

我們用兩個案例來實操一下看看。

左邊的LOGO是比較精緻簡約的幾何化LOGO,所以我們用簡單的英文搭配就會非常高階;而右邊的LOGO,我們加入一些裝飾文字和裝飾線來排版。

我們違背這個規律,用相反的方式來做一下,可以看到所體現的氣質完全不一樣了,左邊的LOGO變得複雜,而右邊的LOGO則變得單調。

說是危險區域,其實也可以算是新手禁忌區域,也就是絕不應該犯的一些排版問題!當然了,市面上肯定有一些LOGO是超脫區域之外的,所以給自己留了個臺階,哈哈哈,下面我們來看一下都有哪些需要注意的細節?

首先我們先將LOGO劃分群組,可以分為圖形部分、文字部分、裝飾文字(宣傳語等)、裝飾圖形部分。其中裝飾部分都是可有可無的(根據前面所講的選擇性新增)。

絕大多數情況下! 文字與圖形之間的間距要保持一個合理的空間,不能太大,也不能太小, 就像愛情一樣,太遠了不行,容易淡,太膩了也不行,容易煩。

我們要知道文字、裝飾文字它們是一個組別的物件,所以在編排時也要將他們編排在一起,他們之間的 間距不能超過與圖形之間的間距。

無論是居中對齊,還是左對齊右對齊,最好都要貫徹到底,因為 如果不對齊,就會產生額外的負空間,導致整體不美觀,不穩定。

什麼叫階梯狀呢?就是從圖形到文字按照 從長到短 ,或者從 短到長 的順序進行排列,學過排版或者對排版有一定了解的同學應該都知道, 這種排法往往不具備設計感和無法滿足視覺上的審美 ,如下圖:

其實就和我們的人生是一樣的,我們不會一直幸運的向上,這樣生活沒有挑戰,而且也不會一直向下,會徹底廢掉,有起有落,有長處有短處,才是最有意義的人生!

通常我們都會選擇長短長、或者短長短這種有錯落感的排布方式。

裝飾文字,一般是指我們放置的品牌slogan或是一些不那麼重要的小文字。既然不那麼重要,我們就不能對他過度的進行設計和強調,這裡一般會出現兩種錯誤:

一般情況下, 裝飾文字都是文字組內最小的字號 ,如果是因為不放大而導致排列邏輯出了問題,則可以增加字間距來解決; 且裝飾文字由於佔地面積較小,所以一般會選擇閱讀性較好的普通黑體或宋體等 ,過多的設計感反而影響了主次關係。

裝飾圖形的存在,一般是為了彌補空間和強調某些品牌的調性,類似於補丁的作用,所以它也不應該太大太複雜,往往以LOGO中某個小元素演變而來,或者以印章的形式存在。

而很多同學為了裝飾而裝飾,直接將LOGO拿過來作為輔助圖形擺放…這完全就是畫龍點龍、畫蛇添蛇的做法- -!

還有一點是 關於參考線的粗細問題 ,很多同學拿捏不準, 一般情況下,參考線的粗細,會比你所以文字組中最細的筆畫再略粗一點點即可, 大家平時一定要多觀察優秀LOGO的處理方式,多洗洗眼睛!!

這裡指的就是我們常說的標準字型的設計,因為客戶畢竟花錢了嘛,往往都希望得到一個專屬於自己品牌的字型,而不是常見的字型檔字,所以一般會字型設計的同學做LOGO都比較容易做的出彩一些,關於標準字的設計,前些時間猴子哥哥已經寫了一篇詳細的教程,大家可以翻回去學習一下。(指路→品牌標準字怎麼設計?)

這裡提到字型設計是因為很多同學都不明白為什麼要設計字型?或者不瞭解它的重要性。我們拿站酷舉例子,隨便放兩張我們自己同學的作品:

可以看到,兩組的LOGO都很棒,強哥的二火如果單看LOGO的話妥妥是首頁級別的,但是就差在了字型設計和圖文編排上面,所以無論你的LOGO做的有多出彩,字型設計也是必不可少的環節!

而字型設計就太深奧了,不可能用很短的篇幅來進行概括的,這裡主要為不會字型設計的同學提供一種快速提升標準字設計感的思路及方法!

因為LOGO中的標準字更多的還是起到識別性閱讀性的作用,不需要很複雜的設計,所以我們可以將某些筆畫進行斷開,再不影響識別性的同時來提升設計感。

你看,簡簡單單,也就20秒的功夫,字型的設計感立馬提升了一個檔次,你說這需要字型設計基礎嗎?不需要吧,完全是用字型檔改的…中文同樣如此!

斷筆的時候需要注意,選擇同樣的筆畫進行斷開,而不要這裡斷一下,那裡斷一下,很混亂無章法,且數量不要太多,會容易碎,適當來幾下就可以了。

省略某些不影響識別的筆畫,也是常用的一種設計方式。

比如字母A,因為它特有的三角形結構,我們將內部的橫線直接省略掉,也是可以識別出字母A的。

再比如字母E,也可以簡化成三條直線,不過這個變化幅度就比較大了,一般情況下只能當做唯一一個變形使用。

還有小寫字母g,將右下角的連線處斷開,也是具備一個基本的識別性的。

像中文裡的草字頭,將中間連線的地方省略,也完全OK。

其他的型別就太多了,不一一展示了,有興趣的同學可以自己去嘗試一下, 記住任何變化的前提都是保證最基本的識別性就好。

還有一種操作是結構替換,這種通常都是將某個字母的負空間部分替換成和本行業相關的一個小元素,切記替換的元素不能太複雜,越簡單越好。

最常見的就是字母O,因為其內部的空間較大,像咖啡品牌可以在內部填充一個簡約的咖啡豆的形態。

再比如字母i的上面的點,也是一個替換的不錯方向。

基本的排版知識已經講完了,下面來介紹一些常見的組合形式,這裡主要分為了六個方向:

1. 橫排;

2. 豎排;

3. 左右排;

4. 斜排(特殊角度);

5. 環繞排(徽章式);

6. 嵌入排。

橫排是最基礎常見的排版形式,通常會將文字組排在LOGO的右側,也有的時候會排在左邊,根據LOGO的特徵來決定,此類排版基本適用於任何行業的LOGO。

豎排和橫排一樣,也是最基礎的排版形式,通常都是可以互相相互轉換的,同時因為上下方的空間較大,會比橫排有更多創作的可能性。

左右排的形式相較上面的橫豎排不是很常見,它比較適合於偏向對稱形式LOGO,從而保持左右平衡,左右排的好處就是可以自行發揮的空間較大,可以作為橫豎排的一個拓展來進行嘗試。

斜排或者說特殊角度的排版,往往存在於一些偏藝術化、或者抽象化的LOGO中,它可以打破常規的排版方式,給人更耳目一新的感覺。當你的LOGO重心不是很穩定的時候,可以採用這種方式來填補不足的空間,達到整體平衡。

環繞式/徽章式的排版,一般常見在偏卡通或者偏藝術一些的LOGO中,它極大地增強了LOGO整體的趣味性,同時為我們增添一些輔助文字和圖形增加了想象的空間。一般餐飲行業以ip形象為主的LOGO都會增加一個環繞式排版的方向。

嵌入式的排版這個主要取決了LOGO本身的形態,如果LOGO中有很大的空間,則可以嘗試將文字組放入其內,這種方式一般更多的是卡通向的LOGO,比如球隊隊標等,或者LOGO本身不是很複雜的情況下,可以將文字放裡面填補空間(類似文字構成的一種)。

好了朋友們,前面瞭解了LOGO排版中需要注意的一些事項,叨逼叨了那麼多,下面我們分別用不同行業的LOGO實操一下看看排版的可能性。

像這種企業類的LOGO,一般採用基礎的上下左右排即可,現實專案中,可以根據實際應用場景的尺寸,來制定不同的組合形式。

像這類的命題我們可以增加一些裝飾英文和圖案來提升整個LOGO的調性,一些和前面重複的排版這裡就不做演示了,我們嘗試一下其他更多的可能。

好啦好啦朋友們,就到這裡了,LOGO排版的樣式真的是太多了,沒辦法全部展示出來,但是無論怎麼排,都離不開前面講的需要注意的點,最後再來複習一遍。

總結:

1. 抓準品牌的調性,選擇適合品牌的排版方式;

2. 注意排版中常犯的細節錯誤,如間距、編組、對齊、錯落等;

3. 選擇合適的字型進行搭配,適當設計,剋制設計;

4. 通過不同的組合方式進行嘗試,商業稿一般比較剋制,根據實際應用的方向來進行編排,自己練習的時候,則可以嘗試變化不同的排版方式,讓你的logo更出彩。

OK,那麼今天的教程到這裡也就結束了,照例,是很感謝今晚的相伴,如果你對本篇教程很滿意,請三連支援一下!朋友們!giao辭!

作者 | 告白天
來源 | 胡曉波工作室(id:ziyou-design)

推薦:檢視最受歡迎的 301 個設計網站 → http://hao.shejidaren.com

交流:為設計新人提供的設計交流群,請加入UI設計交流群,分享經驗、接單、求職、聊設計。