朋友們晚上好,我又來了!又到了夜深人靜的時(shí)刻,都餓了嗎,哈哈哈~給大家看這個(gè)圖片的初衷并不是想激起大家的食欲,相信大家都知道上面這個(gè)圖形就是餓了么的品牌標(biāo)志。一個(gè)小寫字母e,通過傾斜變化和切割,形成了一個(gè)吞噬食物的圖形感,可以說灰常的簡約精致。嗯?到底想干啥,不著急,我們再看幾張圖。 Timi~啊,多么親切可愛的聲音,我已經(jīng)好久沒有聽到了,十分懷念,但是這不重要,我們看一下騰訊游戲的 logo,以靈感火花為設(shè)計(jì)創(chuàng)意出發(fā)點(diǎn),用一個(gè)個(gè)放射幾何圖形組合成了字母 T,讓這個(gè) logo 擁有了無限可能。這個(gè)標(biāo)志大家一定不陌生,WPS 的軟件大家每天都在用,可以看到它通過線段的不斷穿插形成了一個(gè)造型優(yōu)美的字母 W,既是一本打開的書和筆又是一個(gè)象征職場的衣領(lǐng)。你懷念 18 年的那個(gè)夏天嗎,有紙短情長,有體面,有帶你去浪漫的土耳其,還有起風(fēng)了……是的,抖音這幾年的火爆為我們帶來了無數(shù)經(jīng)典的回憶和感動(dòng)……扯遠(yuǎn)了,設(shè)計(jì)師沒有感情,我們看一下抖音的 logo,故障風(fēng)的表現(xiàn)形式營造了抖動(dòng)的立體感字母 D,同時(shí)也是結(jié)合了音符的造型,兼具了平面圖形簡潔和立體圖形的美感。 啊,這不是我們吃飯的家伙么……Adobe 的 logo 大家再熟悉不過了,我們看一下它的結(jié)構(gòu),將一個(gè)極簡的字母 A 融入到了一個(gè)正方形里面,彌補(bǔ)了 A 的上部空缺,整體更加大氣穩(wěn)重。 特斯拉近幾年也是頗受年輕人的喜愛,我身邊的很多朋友都入手了,推背感恐怖如斯!看一下它的 logo,由字母 T 變形而來,造型尖銳,且融入了方向盤等創(chuàng)意元素,與特斯拉主營的電動(dòng)汽車產(chǎn)品相吻合。 確認(rèn)過眼神,是我死去的青春。如今再看到這個(gè) logo,滿腦子只有它的設(shè)計(jì)創(chuàng)意,沒錯(cuò),通過正負(fù)形的方式將 Z 字母融入到了星星里面。看著這個(gè)負(fù)形 Z,有沒有想起你曾經(jīng)的年少無知和情竇初開?在哭了,在哭了……行了,青春也回憶了,生活也復(fù)盤了,咱們也就不藏著掖著了,今天我們探討的主題就是讓廣大同學(xué)們頭疼難受的單字母 logo!當(dāng)然了,主要是安利一些它常見的表現(xiàn)手法。 單字母 logo 在表現(xiàn)的過程中還是比較困難的,因?yàn)樗幌穸鄠€(gè)字母可以有多種的組合變化,想想看,兩個(gè)人生一個(gè)孩子還是比較容易的,通過兩者的友好交融或者其他的各種各樣的姿勢都可以完成,但是你一個(gè)人想要生一個(gè)孩子,那還是十分困難的。所以,如何把一個(gè)簡簡單單的字母做出差異化、符號化,同時(shí)兼顧識(shí)別性,是很多朋友十分困擾的問題。那到底如何做好單字母的 logo?我們回過頭來再看一下前面的幾張圖,其實(shí)已經(jīng)給到了一些答案。 當(dāng)然肯定還有其他很多種辦法,這里列舉的六種是我認(rèn)為最常用最出效果,也最適合初學(xué)者上手的方法。當(dāng)然,這些方法都是可以互相結(jié)合使用的。需要注意的是,識(shí)別性永遠(yuǎn)是字母標(biāo)志的首位的條件,我們在設(shè)計(jì)圖形的時(shí)候要首先抓好字母的特征,保證它的識(shí)別性,然后再進(jìn)行設(shè)計(jì)手法的選擇。行了,方法給到胃了,注意事項(xiàng)也明確了,下面就可以開吃了……我們用這幾個(gè)方法分別品嘗一下,看看究竟味道如何!
所謂幾何圖形的應(yīng)用,就是字面的意思,利用幾何圖形的規(guī)則性和延展性不斷地進(jìn)行重復(fù)排列和大小對比,這種方式做出來的圖形往往更具精致感和圖形感,我們多看一些案例就可以摸索到其中的規(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ù)你的喜好來定,需要注意的是繪制好后不要容易滿足,最好再進(jìn)行二次創(chuàng)作,這樣才不容易撞車,做出更多有趣的創(chuàng)意,總之,多嘗試一定沒錯(cuò)。 接下來我們再玩點(diǎn)兒好玩的,嘗試用一些不規(guī)則的圖形來拼接排列成新的字母圖形,話不多說,看一下下面的案例。是不是打開了新世界的大門,這特么竟然是五角星變來的?其實(shí)五角星也好,六角形也好,都是借助了他們特有的角度和邊來進(jìn)行組合,最終我們的目的還是要達(dá)到字母的識(shí)別性,大家可以用這個(gè)方法自己嘗試摸索一下。小結(jié):我們在進(jìn)行幾何圖形排列的時(shí)候切記,不一定非得是用矩形、圓形這些正正方方的圖形,像三角形、橢圓形、梯形等各種圖形都可以大膽的進(jìn)行嘗試摸索,最后呈現(xiàn)的結(jié)果一定不要太復(fù)雜,用最簡單的方式來詮釋。
線條是個(gè)好東西??!它們交叉在一起會(huì)產(chǎn)生千千萬萬的變化!無論是什么類型的 logo 這個(gè)方法都很受用,我們來看一下單字母的線條穿插都有哪些特點(diǎn)。可以看到大部分的案例也都是基于比較規(guī)則的幾何圖形來做出的,都是比較簡潔干凈的呈現(xiàn),可見想要做出高級感,就不能過于復(fù)雜!我們在設(shè)計(jì)的時(shí)候首先注意提取字母的識(shí)別性,其他的事情,插就完事!來吧,我們先做一個(gè) X 找找感覺。 大家注意到雖然我在過程中有用到內(nèi)部的雙線結(jié)構(gòu),但是也只是提取了需要的部分,最后并沒有保留過多的內(nèi)部線條,這樣會(huì)干凈耐看很多。ok,非常耐斯,我們再玩稍微難一點(diǎn)的,上面的 X 是先畫出字母的結(jié)構(gòu)然后進(jìn)行設(shè)計(jì),下面我們試一下先堆積幾何圖形,然后再用線穿插出字母的結(jié)構(gòu)。 怎么樣,是不是相當(dāng)?shù)纳衿妫∵@特么也可以?沒有什么不可以,只要你試的夠多……這個(gè)方法雖然不容易做,但是卻能挖掘出線的更多可能性。小結(jié):無論是先從字母的結(jié)構(gòu)出發(fā),還是從圖形出發(fā)來挖掘結(jié)構(gòu),都建立在規(guī)則的圖形和字母識(shí)別性之上。 為什么是立體效果平面化處理呢?因?yàn)閱渭兊牧Ⅲw logo 會(huì)偏單調(diào)一些,且多數(shù)需要添加漸變來呈現(xiàn),但是很多同學(xué)又玩不好,就容易變得很 low,所以這個(gè)方法就是在平面圖形的基礎(chǔ)上,做出立體效果的感覺。看完這些案例,是不是能 get 到一些了呢?不多說了,我們案例走起,這里也是介紹兩種思路。首先第一個(gè)思路就是先畫出立體圖形的平面結(jié)構(gòu)圖,然后通過刪減線段和提取結(jié)構(gòu)面的形式來得到字母的識(shí)別性,ok,我們先用 H 試一下。 可以看到當(dāng)我們畫出立體圓柱的時(shí)候,中間部分似乎就已經(jīng)形成了一個(gè) H 的造型,這個(gè)時(shí)候我們再進(jìn)行創(chuàng)作的時(shí)候,自然就簡單很多,所以根據(jù)字母的特點(diǎn)選擇合適的立體造型,也是十分的關(guān)鍵。好的,第一個(gè)思路就是這樣,下面我們看一下第二個(gè)思路!先畫出平面的圖形,然后在內(nèi)部尋找立體的可能性!啥意思呢,我們來看一下案例。明白了吧,先畫出字母的平面圖形,在它的結(jié)構(gòu)內(nèi)部或者負(fù)空間部分進(jìn)行立體的造型創(chuàng)意,這里是為你打開了一扇創(chuàng)意之門!當(dāng)然你也可以嘗試其他的造型。小結(jié):我們可以先畫出立體圖形,然后去提取字母的識(shí)別,也可以先畫出字母的平面圖形,再去創(chuàng)造立體圖形,都可以,但是盡量做得簡約一些,巧妙一些,揚(yáng)立體之長,避立體之短!
Buff 這個(gè)詞真不是白用的,假如你是一個(gè)菜狗,有了 Buff 你就可以在野區(qū)各路橫著走。同樣的,無論你做的東西是什么狗屎,加入了外框后,會(huì)掩蓋很多味道,也會(huì)增添很多味道……當(dāng)然了,狗屎也分三六九等,你不能做的太辣眼了,不然啥 Buff 也拯救不了你…… 這里我們接著介紹兩種利用外框 Buff 來設(shè)計(jì)的思路。首先第一個(gè)就是先畫好字母的造型,然后加入外框并與之進(jìn)行呼應(yīng)連接,我們來看一下設(shè)計(jì)過程。這個(gè)方法也是各類 logo 設(shè)計(jì)中都比較常用的,如果你的圖形不夠穩(wěn)定,又或者比較單一,可以試試加入一個(gè)外框,需要注意的是我們最好讓圖形與外框能有所呼應(yīng),這樣往往才會(huì)更加的舒適耐看。ok,接著介紹第二個(gè)方法,就是先畫出外框,然后在里面進(jìn)行圖形的繪制!我們看一下下面案例。這個(gè)方法的優(yōu)勢就在于我們先給到了外框,相當(dāng)于這個(gè)字母是含著金鑰匙誕生的,天生自帶穩(wěn)定性,這誰受得了!當(dāng)然這個(gè)方法也最好要與外框進(jìn)行呼應(yīng)一下,比如該拉圓角的部分和適當(dāng)突破出來的部分,所以這個(gè)方法告訴我們,就算你是個(gè)富二代,自己不努力,也只能是個(gè)有錢的廢物!(嗯?好像大家都挺愿意做個(gè)有錢的廢物的…)小結(jié):做 logo 就和品人生一樣,如果你出身普通,那就通過自己的努力給自己的人生套上 Buff!如果你生來優(yōu)秀,也請猥瑣發(fā)育,好好利用自己的資源。成功沒有好辦法,努力是唯一的捷徑!
什么叫結(jié)構(gòu)的變形替換呢,通俗一些講,就是把羊頭換成狗頭,把豬尾巴換成龍尾巴…這么講好像有些暴力,其實(shí)就是利用字母的正形部分,結(jié)合行業(yè)屬性進(jìn)行創(chuàng)意結(jié)合。這個(gè)方法非常好用,但也容易用得過度,很多同學(xué)在做的時(shí)候容易做的復(fù)雜,比如結(jié)合一條龍,你把龍須龍爪龍鱗統(tǒng)統(tǒng)都畫出來了,那不扯淡么,我們只需要提取結(jié)合的物體的基本造型即可,龍就是龍頭,鯨魚就是尾巴。我們在設(shè)計(jì)之前最好先把一個(gè)大體的思路和想法畫出草圖,然后再進(jìn)行上機(jī)操作。第一個(gè)案例我們做一個(gè) Z 字母結(jié)合鳳凰的創(chuàng)意,看一下設(shè)計(jì)過程。 這個(gè)構(gòu)成方式主要就是拼你的結(jié)構(gòu)!想要做的精致一些,線條必須流暢,注意看頭部與 Z 字母結(jié)合的部分,都要處理的非常絲滑~當(dāng)然如果你覺得造型還是有點(diǎn)死板,也可以加入漸變,讓整體更生動(dòng)靈活。那有的同學(xué)可能會(huì)講,我草圖畫不好,或者說字母畫的非常的丑,結(jié)合啥也不好看,那咋辦呢,這里再給大家講一個(gè)比較快捷的思路,就是用字庫的結(jié)構(gòu)進(jìn)行二次創(chuàng)作!尤其是一些手寫字庫,它往往具有更多變靈活的結(jié)構(gòu),相信大家的電腦里一定裝了很多亂七八糟千奇百怪的字庫,平時(shí)不用,這個(gè)時(shí)候就可以用起來了!怎么樣,有的時(shí)候并不一定只能融入一個(gè)元素,在不影響識(shí)別性的前提下,利用每一處的結(jié)構(gòu),都能產(chǎn)生不同的感覺,當(dāng)然了,你不能瞎結(jié)合,都需要和行業(yè)相關(guān)才行!小結(jié):我們在進(jìn)行創(chuàng)意結(jié)合的時(shí)候,首先要進(jìn)行大量的思維擴(kuò)散,畢竟創(chuàng)意不是憑空出來的,然后要簡化創(chuàng)意元素,和字母的整體調(diào)性搭配起來,才能做出更整體精致的圖形!
正負(fù)形就不用過多介紹了吧,是最出效果也是最好玩的一個(gè)創(chuàng)意表達(dá)方式,因?yàn)榛旧厦總€(gè)字母都有屬于自己的負(fù)空間,而這些負(fù)空間,就是你達(dá)到創(chuàng)意高 c 的入口…… 其實(shí)找到負(fù)形并創(chuàng)意結(jié)合并不難,難得是如何做的高級,所以又回到了我們前面的一些方法,幾何化、規(guī)則化,都是不錯(cuò)的選擇,ok,我們用 Q 字母來嘗試結(jié)合一下小魚的造型。這個(gè)方法就是在幾何圖形的基礎(chǔ)上進(jìn)行字母的結(jié)構(gòu)識(shí)別和創(chuàng)意設(shè)計(jì),但也是比較難的,因?yàn)橛袝r(shí)候不一定你就能搞出來你想要的那個(gè)創(chuàng)意,這個(gè)時(shí)候就不要強(qiáng)行進(jìn)入了,適當(dāng)放棄,柳暗花明又一村,換個(gè)創(chuàng)意,又是一條好漢。那還有一種方法就是先畫出字母的結(jié)構(gòu),然后利用負(fù)形部分就行結(jié)合,我們試一下 F。這個(gè)方法就相對簡單一些,但也盡量將字母做得秩序規(guī)整,整體才不會(huì)太亂。另外上面這兩種方法最后都加入了一個(gè)眼睛,也就是點(diǎn)睛之筆,這樣會(huì)更生動(dòng)傳神,畢竟畫魚點(diǎn)睛和畫鳥點(diǎn)睛都是歷史上著名的經(jīng)典橋段。小結(jié):每個(gè)字母合適的負(fù)空間都基本上是固定的,做的多了就找到規(guī)律了!看完這么多案例,有沒有勾起你的創(chuàng)作欲望,覺得我又行了呢?其實(shí)單字母 logo 的應(yīng)用范圍還是很廣泛的,市面上很多品牌尤其大型企業(yè)往往都喜歡這類的設(shè)計(jì)形式,因?yàn)樗鼤?huì)讓受眾群體很容易的對品牌名稱進(jìn)行聯(lián)想,形成品牌符號的記憶性。比如麥當(dāng)勞的 M、李寧的 L、餓了么的 e,甚至是超人的 S,當(dāng)你腦子里現(xiàn)有它們的名字時(shí),再看到圖形就會(huì)不自覺地對它們進(jìn)行連接,形成品牌記憶。好了,出了這么多個(gè)案例,我累了,你也累了,希望下次再遇到單字母困境的時(shí)候,可以想起今晚我們一起度過的種種片刻,最后國際慣例,合個(gè)影,我們結(jié)束。 轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》如何做出高級感的單字母LOGO?
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(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咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司