• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】淺談LOGO設計中輔助線的使用技巧




    淺談LOGO設計中輔助線的使用技巧

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自站酷的設計理論類文章,寫教學的作者是Treychen84,感謝Treychen84提供設計理論的實作教學。

    教學大綱:

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


    設計理論教學開始

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

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

    淺談LOGO設計中輔助線的使用技巧

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

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

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

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

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

    淺談LOGO設計中輔助線的使用技巧

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

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

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

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

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

    【關於 形態與視覺美感】

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

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

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

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

    【案列分析】

    我做過的一些logo中創作過程中運用到視覺準確及基礎水平輔助線以幫助各元素對齊的包括: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我看到非常誇張的輔助線圖,恨不得每個角度,線條,間距都由圓形,弧線等切畫出來。我都懷疑他們用在畫這些輔助線的時間比他們用於設計logo的時間更多

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

    淺談LOGO設計中輔助線的使用技巧

    淺談LOGO設計中輔助線的使用技巧

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

    好的logo通常都是來自於好的創意或者鉛筆畫出來的靈感,而不是來自一堆的輔助線,網格,圓弧。

    【結論】

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

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

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

    — —

    文章永久連結為: 淺談LOGO設計中輔助線的使用技巧