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

柵格線真的只能拿來逼展示嗎?有什么目的呢?平時應(yīng)該怎么看待它,怎么用它,這篇文章或許能給你答案。
經(jīng)常看到很多 LOGO 初看一般,但只要加上了柵格線,感覺瞬間就上了一個檔次。有個比較出名的例子,就是錘子手機(jī)的 LOGO。是不是覺得右邊的柵格線加上之后,瞬間高大上了許多?
那這些柵格線真的只能拿來展示嗎?有什么目的呢?平時應(yīng)該怎么看待它,怎么用它?這篇文章或許能給你答案,一起來學(xué)習(xí)吧。
什么是柵格系統(tǒng)
柵格系統(tǒng)英文為“grid systems”,又叫“網(wǎng)格系統(tǒng)”,運用固定的格子設(shè)計版面布局,其風(fēng)格工整簡潔,具有邏輯性。柵格系統(tǒng)最早由平面設(shè)計發(fā)展而來,現(xiàn)在普遍用于平面、網(wǎng)頁、移動端設(shè)計。
LOGO 是品牌形象中非常重要的一部分。當(dāng)設(shè)計師運用柵格系統(tǒng)設(shè)計 LOGO 時,可以讓 LOGO 的形狀看起來更加完美,使品牌經(jīng)久不衰且讓人印象深刻。
在這篇文章中,我會介紹我設(shè)計 LOGO 的經(jīng)驗,以及我為什么在 LOGO 設(shè)計中運用柵格系統(tǒng)。
剛開始設(shè)計 LOGO 的時候,我會做調(diào)研,頭腦風(fēng)暴,畫草圖,但是很難讓 LOGO 的幾何形狀設(shè)計到比較完美,而且我相信大多人也無法僅用筆就畫出一個完美的 LOGO。
△ Logo設(shè)計中的黃金比例
隨著工作經(jīng)驗的累積,我改變了我的工作方式,在 LOGO 設(shè)計過程中融入柵格系統(tǒng),結(jié)果有了很大的改善。但這并不是一夜之間的轉(zhuǎn)變,我是在設(shè)計過程中不斷地提升我的設(shè)計方式,才有這樣的變化。
△ SriSahasra 花卉活動裝飾 Logo
柵格系統(tǒng)的目的是什么?
柵格系統(tǒng)并不是非常新鮮的東西,幾十年來,攝影師、藝術(shù)家、印刷師和設(shè)計師一直在用柵格來解決視覺問題。
柵格系統(tǒng)是排列所有元素的不可見結(jié)構(gòu)。
平面設(shè)計師利用柵格,可以使書籍、雜志、宣傳冊、LOGO和其他的設(shè)計更簡單。
UX/UI 設(shè)計師使用柵格來對齊復(fù)雜的頁面元素,網(wǎng)頁設(shè)計中可以使用多種類型的柵格,主要包括: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ìn)行設(shè)計布局。
建筑設(shè)計里的黃金比例:
使用柵格系統(tǒng)意味著遵循客觀通用規(guī)律。──柵格系統(tǒng)
如果想深入研究柵格系統(tǒng),你可以從圖形設(shè)計和柵格系統(tǒng)的歷史開始進(jìn)行自己的調(diào)研。關(guān)于設(shè)計探索,新技術(shù),色彩理論以及設(shè)計的各個方面的文章和視頻有很多。在這篇文章中,我們只討論 LOGO 設(shè)計中的柵格系統(tǒng)。一個比較好的學(xué)習(xí)方法是不斷地看優(yōu)秀 LOGO 設(shè)計作品,并問自己為什么它們看起來如此新潮、現(xiàn)代、耐看和有影響力。他們使用了什么方法來設(shè)計?采用什么設(shè)計原則讓 LOGO 看起來這么完美?
順序原則:柵格系統(tǒng)是為了讓設(shè)計具有優(yōu)先級。簡約性原則:柵格系統(tǒng)是為了讓設(shè)計更加簡約。
柵格系統(tǒng)在 LOGO 設(shè)計中非常有必要,但也不要為了使用柵格而使用柵格, LOGO 設(shè)計也應(yīng)在視覺上保持平衡。一旦掌握了基礎(chǔ)使用方法,就可以輕松地根據(jù)需要打破規(guī)則。
LOGO設(shè)計中柵格系統(tǒng)的目的是什么?
品牌設(shè)計的各個方面都會用到 LOGO,柵格系統(tǒng)通過順序性原則和簡約性原則使 LOGO 在品牌推廣過程中的應(yīng)用更簡單,也有利于以后與其他設(shè)計師的合作中保持視覺的一致性。
LOGO中使用柵格系統(tǒng)的基本方法
你可以使用多種類型的柵格,但是基本上這些都是圓形、正方形和矩形的組合,或者一個形狀增加一定的角度。我最喜歡使用 45 度或 90 度的角度,因為這些角度看起來更自然。數(shù)學(xué)比率在 LOGO 設(shè)計中可以有利于保持 LOGO 的視覺平衡,例如斐波那契數(shù)列或黃金分割。
柵格系統(tǒng)只是一個幾何工具
需要說清楚的一點是,柵格其實并不是那么的重要。柵格系統(tǒng)只是一個幾何工具,你用一些其他視覺平衡的形狀也可以設(shè)計出讓人喜歡的 LOGO。沒有一個固定原則或速成的方法要求每個設(shè)計師必須在設(shè)計中使用,有時候使用柵格反而會讓 LOGO 適得其反,這個需要我們隨著工作經(jīng)驗和專業(yè)的不斷增長來靈活地運用這些方法。
從別的設(shè)計師作品中學(xué)習(xí)
有很多設(shè)計師的作品非常值得學(xué)習(xí),找到他們并持續(xù)關(guān)注。
不要一開始使用柵格設(shè)計
先從設(shè)計調(diào)研,概念探索開始,然后嘗試不同方案。大多數(shù)的設(shè)計師都跳過了前面的步驟,想直接通過柵格系統(tǒng)來設(shè)計讓人滿意的 LOGO。柵格系統(tǒng)很重要,但這個方法應(yīng)該在最后一步完成。
所以剛開始設(shè)計的時候我建議先畫最少 20-30 個概念稿,選出最好的 3 個將其矢量化到軟件中,然后選出最好的一個用柵格系統(tǒng)來進(jìn)行完善。隨著經(jīng)驗的積累,你畫的草圖會越來越少,并在選擇可行方案上更加有經(jīng)驗。當(dāng)你開始使用上面所介紹的方法來設(shè)計 LOGO 的時候,就會離設(shè)計一個完美的 LOGO 更近一步。
原文:https://uxplanet.org/logo-design-with-grid-system-ec23b593fc2c
作者:Kanhaiya Sharma
以上就是運用柵格系統(tǒng)設(shè)計Logo知識的相關(guān)介紹,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
常見的10種圖片格式(文件后綴)和使用場景(方便選擇不同的后綴)
相關(guān)文章
ai怎么設(shè)計穿插效果的中國結(jié)圖標(biāo)? ai圓形中國結(jié)logo設(shè)計技巧
ai怎么設(shè)計穿插效果的中國結(jié)圖標(biāo)?平時很喜歡中國結(jié),想要以中國結(jié)為原型,設(shè)計一款logo。該怎么設(shè)計呢?下面我們就來看看ai圓形中國結(jié)logo設(shè)計技巧2021-08-05ai怎么設(shè)計十字編織形狀圖形的圖標(biāo)? ai畫十字編織logo的技巧
ai怎么設(shè)計十字編織形狀圖形的圖標(biāo)?ai中想要設(shè)計一款簡單的十字編織的圖標(biāo),就是帶有穿插效果,下面我們就來看看ai畫十字編織logo的技巧,詳細(xì)請看下文介紹2021-08-03ai怎么設(shè)計足球矢量圖標(biāo)? ai畫足球logo的技巧
ai怎么設(shè)計足球矢量圖標(biāo)?ai中想要設(shè)計一款扁平化鏤空的足球標(biāo)志,該怎么設(shè)計呢?下面我們就來看看ai畫足球logo的技巧,詳細(xì)請看下文介紹2021-07-30CDR怎么設(shè)計今日頭條LOGO? CDR做logo矢量圖的技巧
CDR怎么設(shè)計今日頭條LOGO?cdr中想要模仿今日頭條的logo。該怎么設(shè)計呢?下面我們我們就來看看CDR做logo矢量圖的技巧,需要的朋友可以參考下2021-05-31ps怎么畫簡筆畫楊梅圖案? ps設(shè)計楊梅logo的技巧
ps怎么畫簡筆畫楊梅圖案?ps中想要設(shè)計一款楊梅的logo,簡單畫畫就行,該怎么畫出精髓呢?下面我們就來看看ps設(shè)計楊梅logo的技巧,需要的朋友可以參考下2021-03-21ai怎么設(shè)計AGRO標(biāo)志? ai畫AGRO圖標(biāo)logo的技巧
ai怎么設(shè)計AGRO標(biāo)志?ai中想要設(shè)計一款A(yù)GRO標(biāo)志,該怎么設(shè)置呢?下面我們就來看看ai畫AGRO標(biāo)志的技巧,很簡單,詳細(xì)請看下文介紹2021-03-21cdr怎么設(shè)計扁平化的app圖標(biāo)? cdr設(shè)計圓形logo的技巧
cdr怎么設(shè)計扁平化的app圖標(biāo)?cdr中想要設(shè)計一款圓形的logo圖標(biāo),該怎么設(shè)計呢?下面我們就來看看cdr設(shè)計圓形logo的技巧,需要的朋友可以參考下2021-03-05AI怎么設(shè)計云盤標(biāo)志? ai畫相連logo圖形的技巧
AI怎么設(shè)計云盤圖標(biāo)?ai中想要繪制一個連接的圖形作為云盤的圖標(biāo),該怎么繪制呢?下面我們就來看看ai畫相連logo圖形的技巧,需要的朋友可以參考下2020-12-03ai怎么設(shè)計icon圖標(biāo)? ai畫logo矢量圖的技巧
ai怎么設(shè)計icon圖標(biāo)?手機(jī)icon圖標(biāo)我們經(jīng)常能看到,想要自己設(shè)計一個,該怎么設(shè)計呢?下面我們就來看看ai畫logo矢量圖的技巧,需要的朋友可以參考下2020-12-03ai怎么設(shè)計ATM標(biāo)志logo? ai畫atm標(biāo)識圖的技巧
ai怎么設(shè)計ATM標(biāo)志logo?想要設(shè)計一款atm標(biāo)識符,該怎么設(shè)計這個logo圖標(biāo)呢?下面我們就來看看ai畫atm標(biāo)識圖的技巧,需要的朋友可以參考下2020-08-26