logo設(shè)計中如何運用柵格系統(tǒng)讓logo瞬間高大上

資訊頻道 - 設(shè)計技 來源:中國設(shè)計在線 作者:cdo 2020-02-10

@彩云注:經(jīng)?吹胶芏logo初看一般,但只要加上了柵格線,感覺瞬間就上了一個檔次。記得有個比較出名的例子就是錘子手機的logo,是不是覺得右邊的柵格線加上之后,瞬間高大上了很多。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

那這些柵格線真的只能拿來裝逼展示嗎?有什么目的呢?平時應(yīng)該怎么看待它,怎么用它,這篇文章或許能給你答案,一起來學習吧。

譯文:

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

logo是品牌形象非常重要的一部分。當設(shè)計師運用柵格系統(tǒng)設(shè)計logo時,可以讓logo的形狀看起來更加完美,使品牌經(jīng)久不衰且讓人印象深刻。

在這篇文章中,我會介紹我設(shè)計logo的經(jīng)驗以及我為什么在logo設(shè)計中運用柵格系統(tǒng)。剛開始設(shè)計logo的時候,我會做調(diào)研,頭腦風暴,畫草圖,但是很難讓logo的幾何形狀設(shè)計到比較完美,而且我相信大多人也無法只用筆就可以畫出一個完美的logo。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

logo設(shè)計中的黃金比例

隨著工作經(jīng)驗的累積,我改變了我的工作方式,在logo設(shè)計過程中融入柵格系統(tǒng),結(jié)果有了很大的改善。但這并不是一夜之間的轉(zhuǎn)變,我是在設(shè)計過程中不斷的提升我的設(shè)計方式,才有這樣的變化,所以我是怎么做的?

下面我們會討論:

  1. 柵格系統(tǒng)的目的是什么?

  2. logo設(shè)計中使用柵格系統(tǒng)的目的是什么?

  3. 使用柵格系統(tǒng)設(shè)計logo的基本方法

  4. 每個設(shè)計師都有必要掌握柵格系統(tǒng)嗎?

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

SriSahasra 花卉活動裝飾 logo

01#柵格系統(tǒng)的目的是什么?

柵格系統(tǒng)并不是非常新鮮的東西,幾十年來,攝影師,藝術(shù)家,印刷師和設(shè)計師一直在用柵格來解決視覺問題。

柵格系統(tǒng)是排列所有元素的不可見結(jié)構(gòu)。

平面設(shè)計師利用柵格,可以使書籍,雜志,宣傳冊,logo,和其他的設(shè)計更簡單。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

UX/UI設(shè)計師使用柵格來對齊復雜的頁面元素,網(wǎng)頁設(shè)計中可以使用多種類型的柵格,主要包括:Bootstraps 12列網(wǎng)格系統(tǒng),960網(wǎng)格系統(tǒng),黃金比例網(wǎng)格,基礎(chǔ)網(wǎng)格等。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

12列柵格系統(tǒng)案例

在我的12個UX/UI 個網(wǎng)頁設(shè)計探索中運用的是黃金分割柵格來進行設(shè)計布局

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

建筑設(shè)計里面的黃金比例

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

使用柵格系統(tǒng)意味著遵循客觀通用規(guī)律!獤鸥裣到y(tǒng)

(彩云注:如果想深入研究柵格系統(tǒng)),你可以從圖形設(shè)計和柵格系統(tǒng)的歷史開始進行自己的調(diào)研。關(guān)于設(shè)計探索,新技術(shù),色彩理論以及設(shè)計的各個方面的文章和視頻有很多。在這篇文章中,我們只討論logo設(shè)計中的柵格系統(tǒng)。一個比較好的學習方法是不斷的看優(yōu)秀logo設(shè)計作品并問自己為什么它們看起來如此新潮,現(xiàn)代,耐看和有影響力。他們使用了什么方法來設(shè)計?采用什么設(shè)計原則讓logo看起來這么完美?

順序原則:柵格系統(tǒng)是為了讓設(shè)計具有優(yōu)先級。

簡約性原則:柵格系統(tǒng)是為了讓設(shè)計更加簡約。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

柵格系統(tǒng)在logo設(shè)計中非常有必要,但也不要為了使用柵格而使用柵格,logo設(shè)計也應(yīng)在視覺上保持平衡。一旦掌握了基礎(chǔ)使用方法,就可以輕松地根據(jù)需要打破規(guī)則。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

02#logo設(shè)計中柵格系統(tǒng)的目的是什么?

品牌設(shè)計的各個方面都會用到logo,柵格系統(tǒng)通過順序性原則和簡約性原則使logo在品牌推廣過程中的應(yīng)用更簡單,也有利于以后與其他設(shè)計師的合作中保持視覺的一致性。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

03#logo中使用柵格系統(tǒng)的基本方法

你可以使用多種類型的柵格。但是基本上這些都是圓形,正方形和矩形的組合,或者一個形狀增加一定的角度。我最喜歡使用45度或90度的角度,因為這些角度看起來更自然。數(shù)學比率在logo設(shè)計中可以有利于保持logo的視覺平衡,例如:斐波那契數(shù)列或黃金分割。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

04#每個設(shè)計師都有必要掌握柵格系統(tǒng)嗎?

1)柵格系統(tǒng)只是一個幾何工具

有一點需要說清楚的是,柵格其實并不是那么的重要。柵格系統(tǒng)只是一個幾何工具,你用一些其他視覺平衡的形狀也可以設(shè)計出讓人喜歡的logo。沒有一個固定原則或速成的方法要求每個設(shè)計師必須在設(shè)計中使用,有時候使用柵格反而會讓logo適得其反,這個需要我們隨著工作經(jīng)驗和專業(yè)的不斷增加來靈活的運用這些方法。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

2)從別的設(shè)計師作品中學習

有很多設(shè)計師的作品非常值得學習,找到他們并持續(xù)關(guān)注。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

3)不要一開始使用柵格設(shè)計

先從設(shè)計調(diào)研,概念探索開始,然后嘗試不同方案。大多數(shù)的設(shè)計師都跳過了前面的步驟,想直接通過柵格系統(tǒng)來設(shè)計讓人滿意的logo。柵格系統(tǒng)很重要,但這個方法應(yīng)該在最后一步完成。

如何運用柵格系統(tǒng)<a href=http://m.dekaron.com.cn/ target=_blank class=infotextkey>設(shè)計</a>一個<a href=http://m.dekaron.com.cn/sheji/biaozhi/ target=_blank class=infotextkey>logo</a>

所以剛開始設(shè)計的時候我建議先畫最少20-30個概念稿,選出最好的3個將其矢量化到軟件中,然后選出最好的一個用柵格系統(tǒng)來進行完善。隨著經(jīng)驗的積累,你畫的草圖會越來越少,并在選擇可行方案上更加有經(jīng)驗。當你開始使用上面所介紹的方法來設(shè)計logo的時候,就會離設(shè)計一個完美的logo更近一步。


原文地址:uxplanet

譯文地址:彩云譯設(shè)計(公眾號)

作者:Kanhaiya Sharma

譯者: 周慧敏


聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點。

全部評論

暫無相關(guān)推薦