講解logo設(shè)計(jì)中輔助線的使用(4)

來源:站酷 作者:treychen84 學(xué)習(xí):8266人次

去年我收到很多設(shè)計(jì)師發(fā)來的郵件,問我logo設(shè)計(jì)過程中使用輔助線、 網(wǎng)格、圓切等是否是十分重要的?

我非常能明白當(dāng)你看到別人的logo設(shè)計(jì)中加的那些看起來非常系統(tǒng)且科學(xué)的輔助線,心里感到的那些焦慮及不確定。(大家都在想這些牛人都怎么畫出這些輔助線的啊?這些是他們做logo設(shè)計(jì)前就畫好,然后開始設(shè)計(jì)logo的嗎?)

這里我給大家舉個(gè)我自己做過的案例,關(guān)于Wavepulse Acoustics的logo設(shè)計(jì)。(見下圖)

logo設(shè)計(jì)中輔助線的使用(翻譯)

這張圖看起來比較牛的就是頭頂?shù)哪莻(gè)部分,粉色的線,藍(lán)色的線,圓形互切,弧形,再加一些數(shù)字符號(hào),x,y之類的,還有箭頭。這些都是讓我的logo設(shè)計(jì)看起來完美無缺的小技巧。

問題來啦,我們是否真需要這些看起來像激光手術(shù)一樣精確的輔助線呢?

答案是,我們真不需要,但是不同情況下也真是會(huì)用到。

如果我告訴你們這些輔助線啊,數(shù)字,箭頭等都是我設(shè)計(jì)完logo后再加上去的,你會(huì)驚訝嗎?

我加這些輔助的東西并不簡單是為了好看,這個(gè)案例中的這些輔助線提供了這個(gè)logo設(shè)計(jì)中的元素對(duì)齊的一些重要信息。

logo設(shè)計(jì)中輔助線的使用(翻譯)

如頁面排版中我們用到的基本水平對(duì)齊原則,我設(shè)計(jì)這個(gè)logo的時(shí)候也做了基本的水平對(duì)齊。但是logo設(shè)計(jì)過程中我并沒有考慮到x,y的間距,也沒有那個(gè)左邊的半圓弧線 及各種箭頭標(biāo)明2倍的x距離等。

在我做完總體設(shè)計(jì)后,選擇好字體,然后開始加這些準(zhǔn)確的參考線,網(wǎng)格及圓切與弧線來對(duì)logo進(jìn)一步的完善。Wavepulse Acoustics的logo設(shè)計(jì)事實(shí)上是我非常想要icon與字體水平對(duì)齊做的非常精確的一個(gè)設(shè)計(jì)。

這里需要注意的最終的一點(diǎn)是,這些輔助圖形的使用是用于最終完善這個(gè)logo設(shè)計(jì)的,而不是在做logo設(shè)計(jì)一開始就用到的基礎(chǔ)構(gòu)型手段。

這里想說的另一點(diǎn)是這些輔助線不是完全就是用來裝高大上的。

讓我來進(jìn)一步解釋下這個(gè)事情。

【關(guān)于 形態(tài)與視覺美感】

每個(gè)設(shè)計(jì)師都有自己對(duì)形態(tài)及視覺美感的理解。設(shè)計(jì)師至少需要有對(duì)自己審美觀的自信。因?yàn)閷?duì)于很多用數(shù)學(xué)輔助線設(shè)計(jì)出來的東西,有時(shí)候需要手動(dòng)進(jìn)行調(diào)整使其視覺上更具美感,即使這個(gè)改進(jìn)需要完全打破預(yù)定好的輔助線,設(shè)計(jì)師也要自信自己的判斷。

也許你會(huì)經(jīng)常聽到一些人有些調(diào)整英文的字母及字母間距完全就是根據(jù)眼睛來判斷的而不用尺子或者其他數(shù)學(xué)工具來調(diào)整。不是所有的用數(shù)學(xué)輔助線設(shè)計(jì)出來的東西都是“完美的”。

logo設(shè)計(jì)亦是如此。適時(shí)適度的手動(dòng)調(diào)整有時(shí)候比用數(shù)學(xué)輔助線畫出來的東西更能創(chuàng)造一個(gè)好的logo。

當(dāng)然在設(shè)計(jì)過程中,如果你的腦子里已經(jīng)有這些輔助線的概念,應(yīng)該對(duì)你的設(shè)計(jì)是很有幫助的。它讓你在做logo的過程中懂得如何如調(diào)整間距,讓其在視覺上看起來更舒服。你可以在logo做完后再添加這些輔助線,前提是這些輔助線真能幫助提高你的logo視覺美感,否則的話寧可讓logo更自然,而不是應(yīng)塞到輔助線里去。

【案列分析】

我做過的一些logo中創(chuàng)作過程中運(yùn)用到視覺準(zhǔn)確及基礎(chǔ)水平輔助線以幫助各元素對(duì)齊的包括:Tom & Teddy, Safer, Feedly and Tamara Kauffman.

 

我做過的一些logo中在做完之后添加輔助線以完善設(shè)計(jì)的包括Frictn, Panelit, Skiplex, Foehn & Hirsch and Keyboard Kahuna.

logo設(shè)計(jì)中輔助線的使用(翻譯)

有時(shí)候,在icon與第一個(gè)單詞,第一個(gè)單詞與第二個(gè)單詞之間的垂直間距需要相等,以達(dá)到視覺平衡。

在 Keyboard Kahuna 的案例中我同時(shí)保證了icon中小人對(duì)右邊黑色邊框的距離與外部的icon與單詞之間的距離相等。

但是有時(shí)候這些輔助線在視覺完善上卻毫無幫助。

logo設(shè)計(jì)中輔助線的使用(翻譯)

Foehn & Hirsch案例中略有不同,我當(dāng)時(shí)非常糾結(jié)于方框內(nèi)的文字位置,我加了不同的x,y的位置來定位了這兒位置。

這兩個(gè)案例中,輔助線并不是為了裝B,而是真的給logo設(shè)計(jì)的準(zhǔn)確性及完整性提供了很大的幫助。

logo設(shè)計(jì)中輔助線的使用(翻譯)

Skiplex 的logo設(shè)計(jì)中比較注重的是角度輔助線的問題了。我對(duì)字母k,字母i的頂部,及字母e的收筆處都做了相同角度的處理。粉色圓圈部分只是我增加后給客戶展示我是如何整體性考慮這個(gè)logo設(shè)計(jì)的水平與垂直線相交的角度一致的。這里的每一條線與圓圈的使用都是為了讓客戶更深入的了解這個(gè)logo的結(jié)構(gòu)。

【另一面】

有些case我看到非?鋸埖妮o助線圖,恨不得每個(gè)角度,線條,間距都由圓形,弧線等切畫出來。我都懷疑他們用在畫這些輔助線的時(shí)間比他們用于設(shè)計(jì)logo的時(shí)間更多

一個(gè)比較合理的視覺輔助線應(yīng)用應(yīng)該是像apple 的logo輔助線圖。在apple的這個(gè)案列中,輔助線很好的幫助準(zhǔn)確定位了圖形線條。另一種受益于用圓及弧線切的是字體設(shè)計(jì)及基于字體的logo設(shè)計(jì)。

logo設(shè)計(jì)中輔助線的使用(翻譯)

logo設(shè)計(jì)中輔助線的使用(翻譯)

在第一次看到這些用圓及弧線切出來的很多l(xiāng)ogo的時(shí)候都會(huì)讓人印象深刻,但是請(qǐng)您千萬不要迷信這個(gè)就是好logo被設(shè)計(jì)出來的唯一方法。

好的logo通常都是來自于好的創(chuàng)意或者鉛筆畫出來的靈感,而不是來自一堆的輔助線,網(wǎng)格,圓弧。

【結(jié)論】

所以下次你做logo的時(shí)候,你開始懷疑你是否真不會(huì)用這些輔助線,網(wǎng)格,圓弧的時(shí)候,或者你看到別人的logo設(shè)計(jì)有很多這些輔助線的時(shí)候,請(qǐng)不要驚慌。有些時(shí)候這些看起來非常漂亮的輔助線,都只是設(shè)計(jì)師咖啡喝多了,然后覺得非得用100萬個(gè)圓來切出一個(gè)完美的圓形。

當(dāng)然從另一面看也有很多非常好的案例讓你理解通過這些logo的輔助線分析,你可以看到一個(gè)logo是怎么設(shè)計(jì)出來的,通過輔助線讓你看到一個(gè)圖形背后的數(shù)學(xué)原理。

需要記住的一點(diǎn)就是,輔助線可以幫助logo設(shè)計(jì)過程中需要的的對(duì)齊,等距等問題,讓你的logo設(shè)計(jì)更為完善,在Skiplex的logo案例中,輔助線也能幫助你的客戶更深入了解你設(shè)計(jì)的logo的結(jié)構(gòu)等。這些都是輔助線的優(yōu)點(diǎn)。

 

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!