講解logo設計中輔助線的使用(4)

來源:站酷 作者:treychen84 學習:8266人次

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

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

這里我給大家舉個我自己做過的案例,關于Wavepulse Acoustics的logo設計。(見下圖)

logo設計中輔助線的使用(翻譯)

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

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

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

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

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

logo設計中輔助線的使用(翻譯)

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

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

這里需要注意的最終的一點是,這些輔助圖形的使用是用于最終完善這個logo設計的,而不是在做logo設計一開始就用到的基礎構型手段。

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

讓我來進一步解釋下這個事情。

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

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

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

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

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

【案列分析】

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

 

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

logo設計中輔助線的使用(翻譯)

有時候,在icon與第一個單詞,第一個單詞與第二個單詞之間的垂直間距需要相等,以達到視覺平衡。

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

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

logo設計中輔助線的使用(翻譯)

Foehn & Hirsch案例中略有不同,我當時非常糾結于方框內的文字位置,我加了不同的x,y的位置來定位了這兒位置。

這兩個案例中,輔助線并不是為了裝B,而是真的給logo設計的準確性及完整性提供了很大的幫助。

logo設計中輔助線的使用(翻譯)

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

【另一面】

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

一個比較合理的視覺輔助線應用應該是像apple 的logo輔助線圖。在apple的這個案列中,輔助線很好的幫助準確定位了圖形線條。另一種受益于用圓及弧線切的是字體設計及基于字體的logo設計。

logo設計中輔助線的使用(翻譯)

logo設計中輔助線的使用(翻譯)

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

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

【結論】

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

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

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

 

學習 · 提示

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

關注大神微博加入>>

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