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

經(jīng)常看到很多LOGO初看一般，但只要加上了柵格線，感覺瞬間就上了一個(gè)檔次。記得有個(gè)比較出名的例子就是錘子手機(jī)的Logo，是不是覺得右邊的柵格線加上之后，瞬間高大上了很多。

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

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

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

Logo設(shè)計(jì)中的黃金比例

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

下面我們會(huì)討論：

• 柵格系統(tǒng)的目的是什么？
• logo設(shè)計(jì)中使用柵格系統(tǒng)的目的是什么？
• 使用柵格系統(tǒng)設(shè)計(jì)logo的基本方法
• 每個(gè)設(shè)計(jì)師都有必要掌握柵格系統(tǒng)嗎？

SriSahasra 花卉活動(dòng)裝飾 Logo

柵格系統(tǒng)的目的是什么？

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

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

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

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

關(guān)于網(wǎng)頁的柵格系統(tǒng)，我會(huì)在另外一篇文章中結(jié)合具體案例講解。

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

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

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

使用柵格系統(tǒng)意味著遵循客觀通用規(guī)律

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

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

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

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

logo設(shè)計(jì)中柵格系統(tǒng)的目的是什么？

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

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

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

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

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

從別的設(shè)計(jì)師作品中學(xué)習(xí)

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

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

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

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

原文：https://uxplanet.org/logo-design-with-grid-system-ec23b593fc2c

作者：Kanhaiya Sharma

譯者：周慧敏，關(guān)注產(chǎn)品，交互，用戶體驗(yàn)的UI設(shè)計(jì)師，希望把遇到的國外優(yōu)秀文章分享給對(duì)這篇文章感興趣的你。

公眾號(hào)：彩云譯設(shè)計(jì)

本文由 @周慧敏 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議