柵格系統(tǒng)在logo設(shè)計(jì)扮演什么角色? 柵格系統(tǒng)使用技巧介紹

柵格線真的只能拿來逼展示嗎?有什么目的呢?平時(shí)應(yīng)該怎么看待它,怎么用它,這篇文章或許能給你答案。
經(jīng)??吹胶芏?LOGO 初看一般,但只要加上了柵格線,感覺瞬間就上了一個(gè)檔次。有個(gè)比較出名的例子,就是錘子手機(jī)的 LOGO。是不是覺得右邊的柵格線加上之后,瞬間高大上了許多?
那這些柵格線真的只能拿來展示嗎?有什么目的呢?平時(shí)應(yīng)該怎么看待它,怎么用它?這篇文章或許能給你答案,一起來學(xué)習(xí)吧。
什么是柵格系統(tǒng)
柵格系統(tǒng)英文為“grid systems”,又叫“網(wǎng)格系統(tǒng)”,運(yùn)用固定的格子設(shè)計(jì)版面布局,其風(fēng)格工整簡潔,具有邏輯性。柵格系統(tǒng)最早由平面設(shè)計(jì)發(fā)展而來,現(xiàn)在普遍用于平面、網(wǎng)頁、移動(dòng)端設(shè)計(jì)。
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ì)方式,才有這樣的變化。
△ SriSahasra 花卉活動(dòng)裝飾 Logo
柵格系統(tǒng)的目的是什么?
柵格系統(tǒng)并不是非常新鮮的東西,幾十年來,攝影師、藝術(shù)家、印刷師和設(shè)計(jì)師一直在用柵格來解決視覺問題。
柵格系統(tǒng)是排列所有元素的不可見結(jié)構(gòu)。
平面設(shè)計(jì)師利用柵格,可以使書籍、雜志、宣傳冊、LOGO和其他的設(shè)計(jì)更簡單。
UX/UI 設(shè)計(jì)師使用柵格來對齊復(fù)雜的頁面元素,網(wǎng)頁設(shè)計(jì)中可以使用多種類型的柵格,主要包括:Bootstraps 12 列網(wǎng)格系統(tǒng),960 網(wǎng)格系統(tǒng),黃金比例網(wǎng)格,基礎(chǔ)網(wǎng)格等。
△ 12列柵格系統(tǒng)案例
在我的 UX/UI 網(wǎng)頁設(shè)計(jì)探索中,運(yùn)用的是黃金分割柵格來進(jìn)行設(shè)計(jì)布局。
建筑設(shè)計(jì)里的黃金比例:
使用柵格系統(tǒng)意味著遵循客觀通用規(guī)律。──柵格系統(tǒng)
如果想深入研究柵格系統(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)先級。簡約性原則:柵格系統(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
以上就是運(yùn)用柵格系統(tǒng)設(shè)計(jì)Logo知識的相關(guān)介紹,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
平面設(shè)計(jì)的尺寸規(guī)范與印刷基本常識匯總
高級色彩從哪來? 如何運(yùn)用到自己的海報(bào)設(shè)計(jì)中
常見的10種圖片格式(文件后綴)和使用場景(方便選擇不同的后綴)
相關(guān)文章
ai怎么設(shè)計(jì)穿插效果的中國結(jié)圖標(biāo)? ai圓形中國結(jié)logo設(shè)計(jì)技巧
ai怎么設(shè)計(jì)穿插效果的中國結(jié)圖標(biāo)?平時(shí)很喜歡中國結(jié),想要以中國結(jié)為原型,設(shè)計(jì)一款logo。該怎么設(shè)計(jì)呢?下面我們就來看看ai圓形中國結(jié)logo設(shè)計(jì)技巧2021-08-05ai怎么設(shè)計(jì)十字編織形狀圖形的圖標(biāo)? ai畫十字編織logo的技巧
ai怎么設(shè)計(jì)十字編織形狀圖形的圖標(biāo)?ai中想要設(shè)計(jì)一款簡單的十字編織的圖標(biāo),就是帶有穿插效果,下面我們就來看看ai畫十字編織logo的技巧,詳細(xì)請看下文介紹2021-08-03ai怎么設(shè)計(jì)足球矢量圖標(biāo)? ai畫足球logo的技巧
ai怎么設(shè)計(jì)足球矢量圖標(biāo)?ai中想要設(shè)計(jì)一款扁平化鏤空的足球標(biāo)志,該怎么設(shè)計(jì)呢?下面我們就來看看ai畫足球logo的技巧,詳細(xì)請看下文介紹2021-07-30CDR怎么設(shè)計(jì)今日頭條LOGO? CDR做logo矢量圖的技巧
CDR怎么設(shè)計(jì)今日頭條LOGO?cdr中想要模仿今日頭條的logo。該怎么設(shè)計(jì)呢?下面我們我們就來看看CDR做logo矢量圖的技巧,需要的朋友可以參考下2021-05-31ps怎么畫簡筆畫楊梅圖案? ps設(shè)計(jì)楊梅logo的技巧
ps怎么畫簡筆畫楊梅圖案?ps中想要設(shè)計(jì)一款楊梅的logo,簡單畫畫就行,該怎么畫出精髓呢?下面我們就來看看ps設(shè)計(jì)楊梅logo的技巧,需要的朋友可以參考下2021-03-21ai怎么設(shè)計(jì)AGRO標(biāo)志? ai畫AGRO圖標(biāo)logo的技巧
ai怎么設(shè)計(jì)AGRO標(biāo)志?ai中想要設(shè)計(jì)一款A(yù)GRO標(biāo)志,該怎么設(shè)置呢?下面我們就來看看ai畫AGRO標(biāo)志的技巧,很簡單,詳細(xì)請看下文介紹2021-03-21cdr怎么設(shè)計(jì)扁平化的app圖標(biāo)? cdr設(shè)計(jì)圓形logo的技巧
cdr怎么設(shè)計(jì)扁平化的app圖標(biāo)?cdr中想要設(shè)計(jì)一款圓形的logo圖標(biāo),該怎么設(shè)計(jì)呢?下面我們就來看看cdr設(shè)計(jì)圓形logo的技巧,需要的朋友可以參考下2021-03-05AI怎么設(shè)計(jì)云盤標(biāo)志? ai畫相連logo圖形的技巧
AI怎么設(shè)計(jì)云盤圖標(biāo)?ai中想要繪制一個(gè)連接的圖形作為云盤的圖標(biāo),該怎么繪制呢?下面我們就來看看ai畫相連logo圖形的技巧,需要的朋友可以參考下2020-12-03ai怎么設(shè)計(jì)icon圖標(biāo)? ai畫logo矢量圖的技巧
ai怎么設(shè)計(jì)icon圖標(biāo)?手機(jī)icon圖標(biāo)我們經(jīng)常能看到,想要自己設(shè)計(jì)一個(gè),該怎么設(shè)計(jì)呢?下面我們就來看看ai畫logo矢量圖的技巧,需要的朋友可以參考下2020-12-03ai怎么設(shè)計(jì)ATM標(biāo)志logo? ai畫atm標(biāo)識圖的技巧
ai怎么設(shè)計(jì)ATM標(biāo)志logo?想要設(shè)計(jì)一款atm標(biāo)識符,該怎么設(shè)計(jì)這個(gè)logo圖標(biāo)呢?下面我們就來看看ai畫atm標(biāo)識圖的技巧,需要的朋友可以參考下2020-08-26