如何做出高級(jí)感的單字母LOGO?

2022-4-7    seo達(dá)人


 

圖片

 

朋友們晚上好,我又來(lái)了!又到了夜深人靜的時(shí)刻,都餓了嗎,哈哈哈~給大家看這個(gè)圖片的初衷并不是想激起大家的食欲,相信大家都知道上面這個(gè)圖形就是餓了么的品牌標(biāo)志。一個(gè)小寫(xiě)字母e,通過(guò)傾斜變化和切割,形成了一個(gè)吞噬食物的圖形感,可以說(shuō)灰常的簡(jiǎn)約精致。嗯?到底想干啥,不著急,我們?cè)倏磶讖垐D。 
圖片 
 
Timi~啊,多么親切可愛(ài)的聲音,我已經(jīng)好久沒(méi)有聽(tīng)到了,十分懷念,但是這不重要,我們看一下騰訊游戲的 logo,以靈感火花為設(shè)計(jì)創(chuàng)意出發(fā)點(diǎn),用一個(gè)個(gè)放射幾何圖形組合成了字母 T,讓這個(gè) logo 擁有了無(wú)限可能。
圖片 
 
這個(gè)標(biāo)志大家一定不陌生,WPS 的軟件大家每天都在用,可以看到它通過(guò)線(xiàn)段的不斷穿插形成了一個(gè)造型優(yōu)美的字母 W,既是一本打開(kāi)的書(shū)和筆又是一個(gè)象征職場(chǎng)的衣領(lǐng)。
圖片 
你懷念 18 年的那個(gè)夏天嗎,有紙短情長(zhǎng),有體面,有帶你去浪漫的土耳其,還有起風(fēng)了……是的,抖音這幾年的火爆為我們帶來(lái)了無(wú)數(shù)經(jīng)典的回憶和感動(dòng)……扯遠(yuǎn)了,設(shè)計(jì)師沒(méi)有感情,我們看一下抖音的 logo,故障風(fēng)的表現(xiàn)形式營(yíng)造了抖動(dòng)的立體感字母 D,同時(shí)也是結(jié)合了音符的造型,兼具了平面圖形簡(jiǎn)潔和立體圖形的美感。 
 
 
圖片 
 
啊,這不是我們吃飯的家伙么……Adobe 的 logo 大家再熟悉不過(guò)了,我們看一下它的結(jié)構(gòu),將一個(gè)極簡(jiǎn)的字母 A 融入到了一個(gè)正方形里面,彌補(bǔ)了 A 的上部空缺,整體更加大氣穩(wěn)重。 
 
 
圖片
特斯拉近幾年也是頗受年輕人的喜愛(ài),我身邊的很多朋友都入手了,推背感恐怖如斯!看一下它的 logo,由字母 T 變形而來(lái),造型尖銳,且融入了方向盤(pán)等創(chuàng)意元素,與特斯拉主營(yíng)的電動(dòng)汽車(chē)產(chǎn)品相吻合。 
 
 
圖片
確認(rèn)過(guò)眼神,是我死去的青春。如今再看到這個(gè) logo,滿(mǎn)腦子只有它的設(shè)計(jì)創(chuàng)意,沒(méi)錯(cuò),通過(guò)正負(fù)形的方式將 Z 字母融入到了星星里面??粗@個(gè)負(fù)形 Z,有沒(méi)有想起你曾經(jīng)的年少無(wú)知和情竇初開(kāi)?在哭了,在哭了……
行了,青春也回憶了,生活也復(fù)盤(pán)了,咱們也就不藏著掖著了,今天我們探討的主題就是讓廣大同學(xué)們頭疼難受的單字母 logo!當(dāng)然了,主要是安利一些它常見(jiàn)的表現(xiàn)手法。 
 
 
單字母 logo 在表現(xiàn)的過(guò)程中還是比較困難的,因?yàn)樗幌穸鄠€(gè)字母可以有多種的組合變化,想想看,兩個(gè)人生一個(gè)孩子還是比較容易的,通過(guò)兩者的友好交融或者其他的各種各樣的姿勢(shì)都可以完成,但是你一個(gè)人想要生一個(gè)孩子,那還是十分困難的。所以,如何把一個(gè)簡(jiǎn)簡(jiǎn)單單的字母做出差異化、符號(hào)化,同時(shí)兼顧識(shí)別性,是很多朋友十分困擾的問(wèn)題。那到底如何做好單字母的 logo?
我們回過(guò)頭來(lái)再看一下前面的幾張圖,其實(shí)已經(jīng)給到了一些答案。  
 
 
圖片
當(dāng)然肯定還有其他很多種辦法,這里列舉的六種是我認(rèn)為最常用最出效果,也最適合初學(xué)者上手的方法。當(dāng)然,這些方法都是可以互相結(jié)合使用的。
 
需要注意的是,識(shí)別性永遠(yuǎn)是字母標(biāo)志的首位的條件,我們?cè)谠O(shè)計(jì)圖形的時(shí)候要首先抓好字母的特征,保證它的識(shí)別性,然后再進(jìn)行設(shè)計(jì)手法的選擇。
 
行了,方法給到胃了,注意事項(xiàng)也明確了,下面就可以開(kāi)吃了……我們用這幾個(gè)方法分別品嘗一下,看看究竟味道如何!
  
 

圖片

所謂幾何圖形的應(yīng)用,就是字面的意思,利用幾何圖形的規(guī)則性和延展性不斷地進(jìn)行重復(fù)排列和大小對(duì)比,這種方式做出來(lái)的圖形往往更具精致感和圖形感,我們多看一些案例就可以摸索到其中的規(guī)律。 
 
 
圖片 
 
OK,其實(shí)方法有很多,首先第一個(gè)案例我們用一個(gè)比較快捷的方法,就是網(wǎng)格繪制大法!先繪制出統(tǒng)一角度的網(wǎng)格,然后用【形狀生成工具】或【實(shí)時(shí)上色工具】在里面進(jìn)行繪制,這個(gè)方法的好處就是它會(huì)幫你統(tǒng)一好角度,角度統(tǒng)一了也就自帶了規(guī)則性,我們用這個(gè)方法做一下 E 字母。
圖片 
 
是不是很方便快捷,又很容易出效果呢,這個(gè)角度不一定非得是 60 度,可以根據(jù)你的喜好來(lái)定,需要注意的是繪制好后不要容易滿(mǎn)足,最好再進(jìn)行二次創(chuàng)作,這樣才不容易撞車(chē),做出更多有趣的創(chuàng)意,總之,多嘗試一定沒(méi)錯(cuò)。 
 
圖片
 
 
接下來(lái)我們?cè)偻纥c(diǎn)兒好玩的,嘗試用一些不規(guī)則的圖形來(lái)拼接排列成新的字母圖形,話(huà)不多說(shuō),看一下下面的案例。
圖片 
 
 
是不是打開(kāi)了新世界的大門(mén),這特么竟然是五角星變來(lái)的?其實(shí)五角星也好,六角形也好,都是借助了他們特有的角度和邊來(lái)進(jìn)行組合,最終我們的目的還是要達(dá)到字母的識(shí)別性,大家可以用這個(gè)方法自己嘗試摸索一下。
圖片
小結(jié):我們?cè)谶M(jìn)行幾何圖形排列的時(shí)候切記,不一定非得是用矩形、圓形這些正正方方的圖形,像三角形、橢圓形、梯形等各種圖形都可以大膽的進(jìn)行嘗試摸索,最后呈現(xiàn)的結(jié)果一定不要太復(fù)雜,用最簡(jiǎn)單的方式來(lái)詮釋。
 
 
 
 

圖片

 

 

線(xiàn)條是個(gè)好東西??!它們交叉在一起會(huì)產(chǎn)生千千萬(wàn)萬(wàn)的變化!無(wú)論是什么類(lèi)型的 logo 這個(gè)方法都很受用,我們來(lái)看一下單字母的線(xiàn)條穿插都有哪些特點(diǎn)。
圖片 
 
可以看到大部分的案例也都是基于比較規(guī)則的幾何圖形來(lái)做出的,都是比較簡(jiǎn)潔干凈的呈現(xiàn),可見(jiàn)想要做出高級(jí)感,就不能過(guò)于復(fù)雜!我們?cè)谠O(shè)計(jì)的時(shí)候首先注意提取字母的識(shí)別性,其他的事情,插就完事!來(lái)吧,我們先做一個(gè) X 找找感覺(jué)。 
 
圖片 
大家注意到雖然我在過(guò)程中有用到內(nèi)部的雙線(xiàn)結(jié)構(gòu),但是也只是提取了需要的部分,最后并沒(méi)有保留過(guò)多的內(nèi)部線(xiàn)條,這樣會(huì)干凈耐看很多。
圖片
ok,非常耐斯,我們?cè)偻嫔晕㈦y一點(diǎn)的,上面的 X 是先畫(huà)出字母的結(jié)構(gòu)然后進(jìn)行設(shè)計(jì),下面我們?cè)囈幌孪榷逊e幾何圖形,然后再用線(xiàn)穿插出字母的結(jié)構(gòu)。 
 
圖片 
 
怎么樣,是不是相當(dāng)?shù)纳衿妫∵@特么也可以?沒(méi)有什么不可以,只要你試的夠多……這個(gè)方法雖然不容易做,但是卻能挖掘出線(xiàn)的更多可能性。
圖片
小結(jié):無(wú)論是先從字母的結(jié)構(gòu)出發(fā),還是從圖形出發(fā)來(lái)挖掘結(jié)構(gòu),都建立在規(guī)則的圖形和字母識(shí)別性之上。 
  
 
 
圖片 
 
為什么是立體效果平面化處理呢?因?yàn)閱渭兊牧Ⅲw logo 會(huì)偏單調(diào)一些,且多數(shù)需要添加漸變來(lái)呈現(xiàn),但是很多同學(xué)又玩不好,就容易變得很 low,所以這個(gè)方法就是在平面圖形的基礎(chǔ)上,做出立體效果的感覺(jué)。
圖片 
 
看完這些案例,是不是能 get 到一些了呢?不多說(shuō)了,我們案例走起,這里也是介紹兩種思路。首先第一個(gè)思路就是先畫(huà)出立體圖形的平面結(jié)構(gòu)圖,然后通過(guò)刪減線(xiàn)段和提取結(jié)構(gòu)面的形式來(lái)得到字母的識(shí)別性,ok,我們先用 H 試一下。 
 
圖片 
 
可以看到當(dāng)我們畫(huà)出立體圓柱的時(shí)候,中間部分似乎就已經(jīng)形成了一個(gè) H 的造型,這個(gè)時(shí)候我們?cè)龠M(jìn)行創(chuàng)作的時(shí)候,自然就簡(jiǎn)單很多,所以根據(jù)字母的特點(diǎn)選擇合適的立體造型,也是十分的關(guān)鍵。
圖片 
 
好的,第一個(gè)思路就是這樣,下面我們看一下第二個(gè)思路!先畫(huà)出平面的圖形,然后在內(nèi)部尋找立體的可能性!啥意思呢,我們來(lái)看一下案例。
圖片 
 
明白了吧,先畫(huà)出字母的平面圖形,在它的結(jié)構(gòu)內(nèi)部或者負(fù)空間部分進(jìn)行立體的造型創(chuàng)意,這里是為你打開(kāi)了一扇創(chuàng)意之門(mén)!當(dāng)然你也可以嘗試其他的造型。
圖片
小結(jié):我們可以先畫(huà)出立體圖形,然后去提取字母的識(shí)別,也可以先畫(huà)出字母的平面圖形,再去創(chuàng)造立體圖形,都可以,但是盡量做得簡(jiǎn)約一些,巧妙一些,揚(yáng)立體之長(zhǎng),避立體之短! 
 
 

圖片

Buff 這個(gè)詞真不是白用的,假如你是一個(gè)菜狗,有了 Buff 你就可以在野區(qū)各路橫著走。同樣的,無(wú)論你做的東西是什么狗屎,加入了外框后,會(huì)掩蓋很多味道,也會(huì)增添很多味道……當(dāng)然了,狗屎也分三六九等,你不能做的太辣眼了,不然啥 Buff 也拯救不了你…… 
 
圖片  
 
 
這里我們接著介紹兩種利用外框 Buff 來(lái)設(shè)計(jì)的思路。首先第一個(gè)就是先畫(huà)好字母的造型,然后加入外框并與之進(jìn)行呼應(yīng)連接,我們來(lái)看一下設(shè)計(jì)過(guò)程。
圖片 
 
 
這個(gè)方法也是各類(lèi) logo 設(shè)計(jì)中都比較常用的,如果你的圖形不夠穩(wěn)定,又或者比較單一,可以試試加入一個(gè)外框,需要注意的是我們最好讓圖形與外框能有所呼應(yīng),這樣往往才會(huì)更加的舒適耐看。
圖片 
 
 
ok,接著介紹第二個(gè)方法,就是先畫(huà)出外框,然后在里面進(jìn)行圖形的繪制!我們看一下下面案例。
圖片
這個(gè)方法的優(yōu)勢(shì)就在于我們先給到了外框,相當(dāng)于這個(gè)字母是含著金鑰匙誕生的,天生自帶穩(wěn)定性,這誰(shuí)受得了!當(dāng)然這個(gè)方法也最好要與外框進(jìn)行呼應(yīng)一下,比如該拉圓角的部分和適當(dāng)突破出來(lái)的部分,所以這個(gè)方法告訴我們,就算你是個(gè)富二代,自己不努力,也只能是個(gè)有錢(qián)的廢物?。ㄠ牛亢孟翊蠹叶纪υ敢庾鰝€(gè)有錢(qián)的廢物的…)
圖片
小結(jié):做 logo 就和品人生一樣,如果你出身普通,那就通過(guò)自己的努力給自己的人生套上 Buff!如果你生來(lái)優(yōu)秀,也請(qǐng)猥瑣發(fā)育,好好利用自己的資源。成功沒(méi)有好辦法,努力是唯一的捷徑!
 
 
 
 

圖片

什么叫結(jié)構(gòu)的變形替換呢,通俗一些講,就是把羊頭換成狗頭,把豬尾巴換成龍尾巴…這么講好像有些暴力,其實(shí)就是利用字母的正形部分,結(jié)合行業(yè)屬性進(jìn)行創(chuàng)意結(jié)合。
圖片 
 
這個(gè)方法非常好用,但也容易用得過(guò)度,很多同學(xué)在做的時(shí)候容易做的復(fù)雜,比如結(jié)合一條龍,你把龍須龍爪龍鱗統(tǒng)統(tǒng)都畫(huà)出來(lái)了,那不扯淡么,我們只需要提取結(jié)合的物體的基本造型即可,龍就是龍頭,鯨魚(yú)就是尾巴。
我們?cè)谠O(shè)計(jì)之前最好先把一個(gè)大體的思路和想法畫(huà)出草圖,然后再進(jìn)行上機(jī)操作。第一個(gè)案例我們做一個(gè) Z 字母結(jié)合鳳凰的創(chuàng)意,看一下設(shè)計(jì)過(guò)程。 
 
圖片 
 
這個(gè)構(gòu)成方式主要就是拼你的結(jié)構(gòu)!想要做的精致一些,線(xiàn)條必須流暢,注意看頭部與 Z 字母結(jié)合的部分,都要處理的非常絲滑~當(dāng)然如果你覺(jué)得造型還是有點(diǎn)死板,也可以加入漸變,讓整體更生動(dòng)靈活。
圖片
那有的同學(xué)可能會(huì)講,我草圖畫(huà)不好,或者說(shuō)字母畫(huà)的非常的丑,結(jié)合啥也不好看,那咋辦呢,這里再給大家講一個(gè)比較快捷的思路,就是用字庫(kù)的結(jié)構(gòu)進(jìn)行二次創(chuàng)作!
尤其是一些手寫(xiě)字庫(kù),它往往具有更多變靈活的結(jié)構(gòu),相信大家的電腦里一定裝了很多亂七八糟千奇百怪的字庫(kù),平時(shí)不用,這個(gè)時(shí)候就可以用起來(lái)了!
圖片 
 
怎么樣,有的時(shí)候并不一定只能融入一個(gè)元素,在不影響識(shí)別性的前提下,利用每一處的結(jié)構(gòu),都能產(chǎn)生不同的感覺(jué),當(dāng)然了,你不能瞎結(jié)合,都需要和行業(yè)相關(guān)才行!
圖片
小結(jié):我們?cè)谶M(jìn)行創(chuàng)意結(jié)合的時(shí)候,首先要進(jìn)行大量的思維擴(kuò)散,畢竟創(chuàng)意不是憑空出來(lái)的,然后要簡(jiǎn)化創(chuàng)意元素,和字母的整體調(diào)性搭配起來(lái),才能做出更整體精致的圖形!
 
 
 
 

圖片

正負(fù)形就不用過(guò)多介紹了吧,是最出效果也是最好玩的一個(gè)創(chuàng)意表達(dá)方式,因?yàn)榛旧厦總€(gè)字母都有屬于自己的負(fù)空間,而這些負(fù)空間,就是你達(dá)到創(chuàng)意高 c 的入口…… 
 
圖片 
 
 
其實(shí)找到負(fù)形并創(chuàng)意結(jié)合并不難,難得是如何做的高級(jí),所以又回到了我們前面的一些方法,幾何化、規(guī)則化,都是不錯(cuò)的選擇,ok,我們用 Q 字母來(lái)嘗試結(jié)合一下小魚(yú)的造型。
圖片 
 
這個(gè)方法就是在幾何圖形的基礎(chǔ)上進(jìn)行字母的結(jié)構(gòu)識(shí)別和創(chuàng)意設(shè)計(jì),但也是比較難的,因?yàn)橛袝r(shí)候不一定你就能搞出來(lái)你想要的那個(gè)創(chuàng)意,這個(gè)時(shí)候就不要強(qiáng)行進(jìn)入了,適當(dāng)放棄,柳暗花明又一村,換個(gè)創(chuàng)意,又是一條好漢。
圖片 
 
那還有一種方法就是先畫(huà)出字母的結(jié)構(gòu),然后利用負(fù)形部分就行結(jié)合,我們?cè)囈幌?nbsp;F。
圖片 
 
這個(gè)方法就相對(duì)簡(jiǎn)單一些,但也盡量將字母做得秩序規(guī)整,整體才不會(huì)太亂。另外上面這兩種方法最后都加入了一個(gè)眼睛,也就是點(diǎn)睛之筆,這樣會(huì)更生動(dòng)傳神,畢竟畫(huà)魚(yú)點(diǎn)睛和畫(huà)鳥(niǎo)點(diǎn)睛都是歷史上著名的經(jīng)典橋段。
圖片 
 
小結(jié):每個(gè)字母合適的負(fù)空間都基本上是固定的,做的多了就找到規(guī)律了!
 
看完這么多案例,有沒(méi)有勾起你的創(chuàng)作欲望,覺(jué)得我又行了呢?其實(shí)單字母 logo 的應(yīng)用范圍還是很廣泛的,市面上很多品牌尤其大型企業(yè)往往都喜歡這類(lèi)的設(shè)計(jì)形式,因?yàn)樗鼤?huì)讓受眾群體很容易的對(duì)品牌名稱(chēng)進(jìn)行聯(lián)想,形成品牌符號(hào)的記憶性。
比如麥當(dāng)勞的 M、李寧的 L、餓了么的 e,甚至是超人的 S,當(dāng)你腦子里現(xiàn)有它們的名字時(shí),再看到圖形就會(huì)不自覺(jué)地對(duì)它們進(jìn)行連接,形成品牌記憶。
好了,出了這么多個(gè)案例,我累了,你也累了,希望下次再遇到單字母困境的時(shí)候,可以想起今晚我們一起度過(guò)的種種片刻,最后國(guó)際慣例,合個(gè)影,我們結(jié)束。 
圖片 
 

 
作者:告白天
 
轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》如何做出高級(jí)感的單字母LOGO?


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話(huà),可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司



分享本文至:

日歷

鏈接

個(gè)人資料

存檔