品牌設計(jì)如何做出高(gāo)級感的(de)單字母LOGO?

2022-03-17品牌視(shì)覺

這(zhè)裏是品牌設計(jì)西(xī)九裏顔究社,今天看(kàn)到一款特别好(hǎo)的(de)文(wén)章(zhāng)分享給大家(jiā)如何做出高(gāo)級感的(de)單字母LOGO?

image.png

朋友(yǒu)們晚上(shàng)好(hǎo),我又(yòu)來(lái)了!又(yòu)到了夜深人(rén)靜的(de)時(shí)刻,都(dōu)餓了嗎(ma),哈哈哈~給大家(jiā)看(kàn)這(zhè)個(gè)圖片的(de)初衷并不是想激起大家(jiā)的(de)食欲,相(xiàng)信大家(jiā)都(dōu)知道(dào)上(shàng)面這(zhè)個(gè)圖形就是餓了麽的(de)品牌标志(zhì)。一個(gè)小(xiǎo)寫字母e,通(tōng)過傾斜變化(huà)和(hé)切割,形成了一個(gè)吞噬食物(wù)的(de)圖形感,可以說(shuō)灰常的(de)簡約精緻。嗯?到底想幹啥,不着急,我們再看(kàn)幾張圖。


image.png

Timi~啊,多麽親切可愛的(de)聲音(yīn),我已經好(hǎo)久沒有(yǒu)聽(tīng)到了,十分懷念,但(dàn)是這(zhè)不重要,我們看(kàn)一下(xià)騰訊遊戲的(de) logo,以靈感火花(huā)為(wèi)設計(jì)創意出發點,用一個(gè)個(gè)放(fàng)射幾何圖形組合成了字母 T,讓這(zhè)個(gè) logo 擁有(yǒu)了無限可能。


image.png

這(zhè)個(gè)标志(zhì)大家(jiā)一定不陌生(shēng),WPS 的(de)軟件(jiàn)大家(jiā)每天都(dōu)在用,可以看(kàn)到它通(tōng)過線段的(de)不斷穿插形成了一個(gè)造型優美(měi)的(de)字母 W,既是一本打開(kāi)的(de)書(shū)和(hé)筆(bǐ)又(yòu)是一個(gè)象征職場(chǎng)的(de)衣領。

image.png

你(nǐ)懷念 18 年(nián)的(de)那(nà)個(gè)夏天嗎(ma),有(yǒu)紙短情長(cháng),有(yǒu)體(tǐ)面,有(yǒu)帶你(nǐ)去(qù)浪漫的(de)土(tǔ)耳其,還(hái)有(yǒu)起風(fēng)了…...是的(de),抖音(yīn)這(zhè)幾年(nián)的(de)火爆為(wèi)我們帶來(lái)了無數經典的(de)回憶和(hé)感動…...扯遠(yuǎn)了,設計(jì)師(shī)沒有(yǒu)感情,我們看(kàn)一下(xià)抖音(yīn)的(de) logo,故障風(fēng)的(de)表現(xiàn)形式營造了抖動的(de)立體(tǐ)感字母 D,同時(shí)也是結合了音(yīn)符的(de)造型,兼具了平面圖形簡潔和(hé)立體(tǐ)圖形的(de)美(měi)感。


image.png

啊,這(zhè)不是我們吃(chī)飯的(de)家(jiā)夥麽...…Adobe 的(de) logo 大家(jiā)再熟悉不過了,我們看(kàn)一下(xià)它的(de)結構,将一個(gè)極簡的(de)字母 A 融入到了一個(gè)正方形裏面,彌補了 A 的(de)上(shàng)部空缺,整體(tǐ)更加大氣穩重。


image.png

特斯拉近(jìn)幾年(nián)也是頗受年(nián)輕人(rén)的(de)喜愛,我身(shēn)邊的(de)很(hěn)多朋友(yǒu)都(dōu)入手了,推背感恐怖如斯!看(kàn)一下(xià)它的(de) logo,由字母 T 變形而來(lái),造型尖銳,且融入了方向盤等創意元素,與特斯拉主營的(de)電(diàn)動汽車産品相(xiàng)吻合。



image.png

确認過眼神,是我死去(qù)的(de)青春。如今再看(kàn)到這(zhè)個(gè) logo,滿腦子(zǐ)隻有(yǒu)它的(de)設計(jì)創意,沒錯(cuò),通(tōng)過正負形的(de)方式将 Z 字母融入到了星星裏面。看(kàn)着這(zhè)個(gè)負形 Z,有(yǒu)沒有(yǒu)想起你(nǐ)曾經的(de)年(nián)少無知和(hé)情窦初開(kāi)?在哭了,在哭了…...


行了,青春也回憶了,生(shēng)活也複盤了,咱們也就不藏着掖着了,今天我們探讨的(de)主題就是讓廣大同學們頭疼難受的(de)單字母 logo!當然了,主要是安利一些它常見的(de)表現(xiàn)手法。

單字母 logo 在表現(xiàn)的(de)過程中還(hái)是比較困難的(de),因為(wèi)他(tā)不像多個(gè)字母可以有(yǒu)多種的(de)組合變化(huà),想想看(kàn),兩個(gè)人(rén)生(shēng)一個(gè)孩子(zǐ)還(hái)是比較容易的(de),通(tōng)過兩者的(de)友(yǒu)好(hǎo)交融或者其他(tā)的(de)各種各樣的(de)姿勢都(dōu)可以完成,但(dàn)是你(nǐ)一個(gè)人(rén)想要生(shēng)一個(gè)孩子(zǐ),那(nà)還(hái)是十分困難的(de)。所以,如何把一個(gè)簡簡單單的(de)字母做出差異化(huà)、符号化(huà),同時(shí)兼顧識别性,是很(hěn)多朋友(yǒu)十分困擾的(de)問(wèn)題。那(nà)到底如何做好(hǎo)單字母的(de) logo?

我們回過頭來(lái)再看(kàn)一下(xià)前面的(de)幾張圖,其實已經給到了一些答(dá)案。


image.png

當然肯定還(hái)有(yǒu)其他(tā)很(hěn)多種辦法,這(zhè)裏列舉的(de)六種是我認為(wèi)最常用最出效果,也最适合初學者上(shàng)手的(de)方法。當然,這(zhè)些方法都(dōu)是可以互相(xiàng)結合使用的(de)。


需要注意的(de)是,識别性永遠(yuǎn)是字母标志(zhì)的(de)首位的(de)條件(jiàn),我們在設計(jì)圖形的(de)時(shí)候要首先抓好(hǎo)字母的(de)特征,保證它的(de)識别性,然後再進行設計(jì)手法的(de)選擇。

行了,方法給到胃了,注意事(shì)項也明(míng)确了,下(xià)面就可以開(kāi)吃(chī)了…...我們用這(zhè)幾個(gè)方法分别品嘗一下(xià),看(kàn)看(kàn)究竟味道(dào)如何!


所謂幾何圖形的(de)應用,就是字面的(de)意思,利用幾何圖形的(de)規則性和(hé)延展性不斷地(dì)進行重複排列和(hé)大小(xiǎo)對(duì)比,這(zhè)種方式做出來(lái)的(de)圖形往往更具精緻感和(hé)圖形感,我們多看(kàn)一些案例就可以摸索到其中的(de)規律。


image.png

OK,其實方法有(yǒu)很(hěn)多,首先第一個(gè)案例我們用一個(gè)比較快捷的(de)方法,就是網格繪制大法!先繪制出統一角度的(de)網格,然後用【形狀生(shēng)成工(gōng)具】或【實時(shí)上(shàng)色工(gōng)具】在裏面進行繪制,這(zhè)個(gè)方法的(de)好(hǎo)處就是它會幫你(nǐ)統一好(hǎo)角度,角度統一了也就自(zì)帶了規則性,我們用這(zhè)個(gè)方法做一下(xià) E 字母。


image.png

是不是很(hěn)方便快捷,又(yòu)很(hěn)容易出效果呢(ne),這(zhè)個(gè)角度不一定非得是 60 度,可以根據你(nǐ)的(de)喜好(hǎo)來(lái)定,需要注意的(de)是繪制好(hǎo)後不要容易滿足,最好(hǎo)再進行二次創作(zuò),這(zhè)樣才不容易撞車,做出更多有(yǒu)趣的(de)創意,總之,多嘗試一定沒錯(cuò)。



image.png

接下(xià)來(lái)我們再玩(wán)點兒(ér)好(hǎo)玩(wán)的(de),嘗試用一些不規則的(de)圖形來(lái)拼接排列成新的(de)字母圖形,話(huà)不多說(shuō),看(kàn)一下(xià)下(xià)面的(de)案例。

image.png

是不是打開(kāi)了新世界的(de)大門,這(zhè)特麽竟然是五角星變來(lái)的(de)?其實五角星也好(hǎo),六角形也好(hǎo),都(dōu)是借助了他(tā)們特有(yǒu)的(de)角度和(hé)邊來(lái)進行組合,最終我們的(de)目的(de)還(hái)是要達到字母的(de)識别性,大家(jiā)可以用這(zhè)個(gè)方法自(zì)己嘗試摸索一下(xià)。


image.png

小(xiǎo)結:我們在進行幾何圖形排列的(de)時(shí)候切記,不一定非得是用矩形、圓形這(zhè)些正正方方的(de)圖形,像三角形、橢圓形、梯形等各種圖形都(dōu)可以大膽的(de)進行嘗試摸索,最後呈現(xiàn)的(de)結果一定不要太複雜(zá),用最簡單的(de)方式來(lái)诠釋。


線條是個(gè)好(hǎo)東西(xī)啊!它們交叉在一起會産生(shēng)千千萬萬的(de)變化(huà)!無論是什麽類型的(de) logo 這(zhè)個(gè)方法都(dōu)很(hěn)受用,我們來(lái)看(kàn)一下(xià)單字母的(de)線條穿插都(dōu)有(yǒu)哪些特點。


image.png

可以看(kàn)到大部分的(de)案例也都(dōu)是基于比較規則的(de)幾何圖形來(lái)做出的(de),都(dōu)是比較簡潔幹淨的(de)呈現(xiàn),可見想要做出高(gāo)級感,就不能過于複雜(zá)!我們在設計(jì)的(de)時(shí)候首先注意提取字母的(de)識别性,其他(tā)的(de)事(shì)情,插就完事(shì)!來(lái)吧(ba),我們先做一個(gè) X 找找感覺。



image.png

大家(jiā)注意到雖然我在過程中有(yǒu)用到內(nèi)部的(de)雙線結構,但(dàn)是也隻是提取了需要的(de)部分,最後并沒有(yǒu)保留過多的(de)內(nèi)部線條,這(zhè)樣會幹淨耐看(kàn)很(hěn)多。


image.png

ok,非常耐斯,我們再玩(wán)稍微(wēi)難一點的(de),上(shàng)面的(de) X 是先畫(huà)出字母的(de)結構然後進行設計(jì),下(xià)面我們試一下(xià)先堆積幾何圖形,然後再用線穿插出字母的(de)結構。

image.png

怎麽樣,是不是相(xiàng)當的(de)神奇!這(zhè)特麽也可以?沒有(yǒu)什麽不可以,隻要你(nǐ)試的(de)夠多…...這(zhè)個(gè)方法雖然不容易做,但(dàn)是卻能挖掘出線的(de)更多可能性。



image.png

小(xiǎo)結:無論是先從(cóng)字母的(de)結構出發,還(hái)是從(cóng)圖形出發來(lái)挖掘結構,都(dōu)建立在規則的(de)圖形和(hé)字母識别性之上(shàng)。



為(wèi)什麽是立體(tǐ)效果平面化(huà)處理(lǐ)呢(ne)?因為(wèi)單純的(de)立體(tǐ) logo 會偏單調一些,且多數需要添加漸變來(lái)呈現(xiàn),但(dàn)是很(hěn)多同學又(yòu)玩(wán)不好(hǎo),就容易變得很(hěn) low,所以這(zhè)個(gè)方法就是在平面圖形的(de)基礎上(shàng),做出立體(tǐ)效果的(de)感覺。



image.png

看(kàn)完這(zhè)些案例,是不是能 get 到一些了呢(ne)?不多說(shuō)了,我們案例走起,這(zhè)裏也是介紹兩種思路(lù)。首先第一個(gè)思路(lù)就是先畫(huà)出立體(tǐ)圖形的(de)平面結構圖,然後通(tōng)過删減線段和(hé)提取結構面的(de)形式來(lái)得到字母的(de)識别性,ok,我們先用 H 試一下(xià)。


image.png

可以看(kàn)到當我們畫(huà)出立體(tǐ)圓柱的(de)時(shí)候,中間(jiān)部分似乎就已經形成了一個(gè) H 的(de)造型,這(zhè)個(gè)時(shí)候我們再進行創作(zuò)的(de)時(shí)候,自(zì)然就簡單很(hěn)多,所以根據字母的(de)特點選擇合适的(de)立體(tǐ)造型,也是十分的(de)關鍵。



image.png

好(hǎo)的(de),第一個(gè)思路(lù)就是這(zhè)樣,下(xià)面我們看(kàn)一下(xià)第二個(gè)思路(lù)!先畫(huà)出平面的(de)圖形,然後在內(nèi)部尋找立體(tǐ)的(de)可能性!啥意思呢(ne),我們來(lái)看(kàn)一下(xià)案例。



image.png

明(míng)白了吧(ba),先畫(huà)出字母的(de)平面圖形,在它的(de)結構內(nèi)部或者負空間(jiān)部分進行立體(tǐ)的(de)造型創意,這(zhè)裏是為(wèi)你(nǐ)打開(kāi)了一扇創意之門!當然你(nǐ)也可以嘗試其他(tā)的(de)造型。



image.png

小(xiǎo)結:我們可以先畫(huà)出立體(tǐ)圖形,然後去(qù)提取字母的(de)識别,也可以先畫(huà)出字母的(de)平面圖形,再去(qù)創造立體(tǐ)圖形,都(dōu)可以,但(dàn)是盡量做得簡約一些,巧妙一些,揚立體(tǐ)之長(cháng),避立體(tǐ)之短!


Buff 這(zhè)個(gè)詞真不是白用的(de),假如你(nǐ)是一個(gè)菜狗,有(yǒu)了 Buff 你(nǐ)就可以在野區(qū)各路(lù)橫着走。同樣的(de),無論你(nǐ)做的(de)東西(xī)是什麽狗屎,加入了外(wài)框後,會掩蓋很(hěn)多味道(dào),也會增添很(hěn)多味道(dào)…...當然了,狗屎也分三六九等,你(nǐ)不能做的(de)太辣眼了,不然啥 Buff 也拯救不了你(nǐ)…...

image.png

這(zhè)裏我們接着介紹兩種利用外(wài)框 Buff 來(lái)設計(jì)的(de)思路(lù)。首先第一個(gè)就是先畫(huà)好(hǎo)字母的(de)造型,然後加入外(wài)框并與之進行呼應連接,我們來(lái)看(kàn)一下(xià)設計(jì)過程。


image.png

這(zhè)個(gè)方法也是各類 logo 設計(jì)中都(dōu)比較常用的(de),如果你(nǐ)的(de)圖形不夠穩定,又(yòu)或者比較單一,可以試試加入一個(gè)外(wài)框,需要注意的(de)是我們最好(hǎo)讓圖形與外(wài)框能有(yǒu)所呼應,這(zhè)樣往往才會更加的(de)舒适耐看(kàn)。


image.png

ok,接着介紹第二個(gè)方法,就是先畫(huà)出外(wài)框,然後在裏面進行圖形的(de)繪制!我們看(kàn)一下(xià)下(xià)面案例。


image.png

這(zhè)個(gè)方法的(de)優勢就在于我們先給到了外(wài)框,相(xiàng)當于這(zhè)個(gè)字母是含着金(jīn)鑰匙誕生(shēng)的(de),天生(shēng)自(zì)帶穩定性,這(zhè)誰受得了!當然這(zhè)個(gè)方法也最好(hǎo)要與外(wài)框進行呼應一下(xià),比如該拉圓角的(de)部分和(hé)适當突破出來(lái)的(de)部分,所以這(zhè)個(gè)方法告訴我們,就算(suàn)你(nǐ)是個(gè)富二代,自(zì)己不努力,也隻能是個(gè)有(yǒu)錢的(de)廢物(wù)!(嗯?好(hǎo)像大家(jiā)都(dōu)挺願意做個(gè)有(yǒu)錢的(de)廢物(wù)的(de)…)

image.png

小(xiǎo)結:做 logo 就和(hé)品人(rén)生(shēng)一樣,如果你(nǐ)出身(shēn)普通(tōng),那(nà)就通(tōng)過自(zì)己的(de)努力給自(zì)己的(de)人(rén)生(shēng)套上(shàng) Buff!如果你(nǐ)生(shēng)來(lái)優秀,也請猥瑣發育,好(hǎo)好(hǎo)利用自(zì)己的(de)資源。成功沒有(yǒu)好(hǎo)辦法,努力是唯一的(de)捷徑!


什麽叫結構的(de)變形替換呢(ne),通(tōng)俗一些講,就是把羊頭換成狗頭,把豬尾巴換成龍尾巴…這(zhè)麽講好(hǎo)像有(yǒu)些暴力,其實就是利用字母的(de)正形部分,結合行業(yè)屬性進行創意結合。


image.png

這(zhè)個(gè)方法非常好(hǎo)用,但(dàn)也容易用得過度,很(hěn)多同學在做的(de)時(shí)候容易做的(de)複雜(zá),比如結合一條龍,你(nǐ)把龍須龍爪龍鱗統統都(dōu)畫(huà)出來(lái)了,那(nà)不扯淡麽,我們隻需要提取結合的(de)物(wù)體(tǐ)的(de)基本造型即可,龍就是龍頭,鲸魚就是尾巴。


我們在設計(jì)之前最好(hǎo)先把一個(gè)大體(tǐ)的(de)思路(lù)和(hé)想法畫(huà)出草圖,然後再進行上(shàng)機(jī)操作(zuò)。第一個(gè)案例我們做一個(gè) Z 字母結合鳳凰的(de)創意,看(kàn)一下(xià)設計(jì)過程。



image.png

這(zhè)個(gè)構成方式主要就是拼你(nǐ)的(de)結構!想要做的(de)精緻一些,線條必須流暢,注意看(kàn)頭部與 Z 字母結合的(de)部分,都(dōu)要處理(lǐ)的(de)非常絲滑~當然如果你(nǐ)覺得造型還(hái)是有(yǒu)點死闆,也可以加入漸變,讓整體(tǐ)更生(shēng)動靈活。


image.png

那(nà)有(yǒu)的(de)同學可能會講,我草圖畫(huà)不好(hǎo),或者說(shuō)字母畫(huà)的(de)非常的(de)醜,結合啥也不好(hǎo)看(kàn),那(nà)咋辦呢(ne),這(zhè)裏再給大家(jiā)講一個(gè)比較快捷的(de)思路(lù),就是用字庫的(de)結構進行二次創作(zuò)!


尤其是一些手寫字庫,它往往具有(yǒu)更多變靈活的(de)結構,相(xiàng)信大家(jiā)的(de)電(diàn)腦裏一定裝了很(hěn)多亂七八糟千奇百怪的(de)字庫,平時(shí)不用,這(zhè)個(gè)時(shí)候就可以用起來(lái)了!

image.png

怎麽樣,有(yǒu)的(de)時(shí)候并不一定隻能融入一個(gè)元素,在不影響識别性的(de)前提下(xià),利用每一處的(de)結構,都(dōu)能産生(shēng)不同的(de)感覺,當然了,你(nǐ)不能瞎結合,都(dōu)需要和(hé)行業(yè)相(xiàng)關才行!

image.png

小(xiǎo)結:我們在進行創意結合的(de)時(shí)候,首先要進行大量的(de)思維擴散,畢竟創意不是憑空出來(lái)的(de),然後要簡化(huà)創意元素,和(hé)字母的(de)整體(tǐ)調性搭配起來(lái),才能做出更整體(tǐ)精緻的(de)圖形!

正負形就不用過多介紹了吧(ba),是最出效果也是最好(hǎo)玩(wán)的(de)一個(gè)創意表達方式,因為(wèi)基本上(shàng)每個(gè)字母都(dōu)有(yǒu)屬于自(zì)己的(de)負空間(jiān),而這(zhè)些負空間(jiān),就是你(nǐ)達到創意高(gāo) c 的(de)入口…...

image.png

其實找到負形并創意結合并不難,難得是如何做的(de)高(gāo)級,所以又(yòu)回到了我們前面的(de)一些方法,幾何化(huà)、規則化(huà),都(dōu)是不錯(cuò)的(de)選擇,ok,我們用 Q 字母來(lái)嘗試結合一下(xià)小(xiǎo)魚的(de)造型。

image.png

這(zhè)個(gè)方法就是在幾何圖形的(de)基礎上(shàng)進行字母的(de)結構識别和(hé)創意設計(jì),但(dàn)也是比較難的(de),因為(wèi)有(yǒu)時(shí)候不一定你(nǐ)就能搞出來(lái)你(nǐ)想要的(de)那(nà)個(gè)創意,這(zhè)個(gè)時(shí)候就不要強行進入了,适當放(fàng)棄,柳暗(àn)花(huā)明(míng)又(yòu)一村(cūn),換個(gè)創意,又(yòu)是一條好(hǎo)漢。

image.png

那(nà)還(hái)有(yǒu)一種方法就是先畫(huà)出字母的(de)結構,然後利用負形部分就行結合,我們試一下(xià) F。

image.png

這(zhè)個(gè)方法就相(xiàng)對(duì)簡單一些,但(dàn)也盡量将字母做得秩序規整,整體(tǐ)才不會太亂。另外(wài)上(shàng)面這(zhè)兩種方法最後都(dōu)加入了一個(gè)眼睛,也就是點睛之筆(bǐ),這(zhè)樣會更生(shēng)動傳神,畢竟畫(huà)魚點睛和(hé)畫(huà)鳥點睛都(dōu)是曆史上(shàng)著名的(de)經典橋段。

image.png

小(xiǎo)結:每個(gè)字母合适的(de)負空間(jiān)都(dōu)基本上(shàng)是固定的(de),做的(de)多了就找到規律了!

 
看(kàn)完這(zhè)麽多案例,有(yǒu)沒有(yǒu)勾起你(nǐ)的(de)創作(zuò)欲望,覺得我又(yòu)行了呢(ne)?其實單字母 logo 的(de)應用範圍還(hái)是很(hěn)廣泛的(de),市(shì)面上(shàng)很(hěn)多品牌尤其大型企業(yè)往往都(dōu)喜歡這(zhè)類的(de)設計(jì)形式,因為(wèi)它會讓受衆群體(tǐ)很(hěn)容易的(de)對(duì)品牌名稱進行聯想,形成品牌符号的(de)記憶性。

比如麥當勞的(de) M、李甯的(de) L、餓了麽的(de) e,甚至是超人(rén)的(de) S,當你(nǐ)腦子(zǐ)裏現(xiàn)有(yǒu)它們的(de)名字時(shí),再看(kàn)到圖形就會不自(zì)覺地(dì)對(duì)它們進行連接,形成品牌記憶。

好(hǎo)了,出了這(zhè)麽多個(gè)案例,我累了,你(nǐ)也累了,希望下(xià)次再遇到單字母困境的(de)時(shí)候,可以想起今晚我們一起度過的(de)種種片刻,最後國(guó)際慣例,合個(gè)影,我們結束。


image.png

以上(shàng)內(nèi)容轉自(zì)微(wēi)信公衆号:胡曉波工(gōng)作(zuò)室

相(xiàng)關動态

RELATED NEWS

浙江品融官方公衆号

商務合作(zuò)&運營合作(zuò)

聯系方式:18257175696(微(wēi)信同号)

郵箱:wangyangming@pinkroon.com

杭州總部

杭州市(shì)智慧信息産業(yè)園F座/3幢5樓

抖音(yīn)直播基地(dì)

杭州市(shì)錢塘區(qū)松合文(wén)化(huà)中心

廣州設計(jì)中心

廣州市(shì)海(hǎi)珠區(qū)TIT文(wén)創園12棟102号

© 2024.杭州漫淘品牌管理有限公司.版權所有(yǒu) 京ICP證000000号 浙公網安備 33010602010904号