無論您是在網(wǎng)頁還是印刷設(shè)計(jì)，您都需要了解網(wǎng)格理論。盡管一些設(shè)計(jì)人員主動避開網(wǎng)格而傾向于更直觀，更自由的布局，但最成功的做法是與網(wǎng)格一起工作，在他們有能力在打破規(guī)則之前了解規(guī)則。
對于自學(xué)成才的設(shè)計(jì)師來說，網(wǎng)格作為設(shè)計(jì)工具的許多理論和合理化，并不包含在典型的博客文章和會議討論中。尚略上海平面設(shè)計(jì)公司在這里用這個(gè)袖珍的指南：學(xué)習(xí)使用網(wǎng)格系統(tǒng)來設(shè)計(jì)作品“來給大家簡約介紹一下。
01.網(wǎng)格建立視覺節(jié)奏
網(wǎng)格將有助于引導(dǎo)觀眾獲得他們想要的信息
網(wǎng)格的最主要目的 - 至少在圖形設(shè)計(jì)中 - 是為布局中元素的定位建立一套指導(dǎo)方針。一個(gè)有效的網(wǎng)格系統(tǒng)不僅為設(shè)計(jì)提供節(jié)奏，而且還定義了主要元素的規(guī)劃。
這是使內(nèi)容重要部分更加有區(qū)分，并幫助觀眾了解在布局內(nèi)何處找到下一條信息。它設(shè)定了期望，并定義了規(guī)則，音色和 - 在某些情況下 - 設(shè)計(jì)的聲音。將網(wǎng)格想象為提供觀眾旅行的路線圖。
02.網(wǎng)格定義和反映比例
網(wǎng)格的一個(gè)關(guān)鍵方面是它有助于確定和定義比例的能力。在印刷品中，比例最常見的是媒體的大小。例如，紙張的形狀和方向通常反映在布局內(nèi)包括的圖像的尺寸和形狀上。
這讓讀者感覺舒適，因?yàn)樽x者由于傳送機(jī)構(gòu)的物理形狀和大?。ɡ缫粡埣垼┒鴿撘庾R地理解布局的背景。
在網(wǎng)絡(luò)上，這種思考的思想并不那么重要，但是網(wǎng)格可以用同樣的方式將內(nèi)容錨定回屏幕。屏幕可以更流暢，作為設(shè)計(jì)師，不可能以相同的信心知道將使用何種尺寸和形狀的屏幕來觀看內(nèi)容。
無論如何，比例和比例是布局中的重要工具，因此使用網(wǎng)格來確定和執(zhí)行規(guī)則有助于定義允許讀者訪問和理解內(nèi)容的所有重要的路標(biāo)。
03.網(wǎng)格與黃金比例一起工作
基于黃金比例的設(shè)計(jì)可以幫助確保一個(gè)愉快的布局
最終的網(wǎng)格“系統(tǒng)”的整個(gè)概念是設(shè)計(jì)界最近的一個(gè)發(fā)明。網(wǎng)格自人類繪畫和寫作之初就已經(jīng)有了直觀的表現(xiàn)，但直到最近才以學(xué)術(shù)的方式考慮了布局，因此它從來沒有與其他最佳實(shí)踐布局規(guī)則分開存在。交叉的一個(gè)例子就是黃金比例與網(wǎng)格的相交點(diǎn)。
黃金比率（也稱為黃金平均值）確定最令人愉快的組的比例為一個(gè)元素，并簡化為“的三分之二規(guī)則”。與網(wǎng)格結(jié)合使用時(shí)，這些尺寸，位置和比例的簡單規(guī)則可以幫助確保布局的連貫性，同時(shí)也具有美觀性。
這一點(diǎn)很重要，因?yàn)樗梢詭椭箖?nèi)容更容易訪問。請記住，網(wǎng)格是內(nèi)容背后隱藏的粘合劑 - 在大多數(shù)情況下，它應(yīng)該是透明的觀眾。
04.網(wǎng)絡(luò)上有960個(gè)網(wǎng)格系統(tǒng)
一個(gè)960像素的網(wǎng)格可以用許多不同的方式進(jìn)行分割，這是一個(gè)靈活的選擇
一旦你知道了一個(gè)網(wǎng)格系統(tǒng)的好處，網(wǎng)頁設(shè)計(jì)師采用網(wǎng)格是有道理的。為了使事情更加實(shí)際，一些常見的尺寸已成為標(biāo)準(zhǔn)。最常見的是960像素的網(wǎng)格系統(tǒng)。
960像素是一個(gè)很好的尺寸，因?yàn)樗泻芏嘁蛩兀梢苑殖傻恼麛?shù)） 40，48，60，64，80，96，120，160等等。能夠以這種方式分割網(wǎng)格為列的寬度提供了很大的靈活性，提供了一個(gè)多用途，可重用的網(wǎng)格系統(tǒng)。
不用說，許多設(shè)計(jì)人員一直忙于將960像素的網(wǎng)格封裝成一組有用的CSS庫。一個(gè)這樣的例子可以在960.gs找到，但如果你環(huán)顧四周，還有其他的可用的例子。
05.網(wǎng)格提供了堅(jiān)實(shí)的基礎(chǔ)
正如我們所看到的，網(wǎng)格的存在主要是為了幫助確定布局中的定位和平衡。提供這種堅(jiān)實(shí)的基礎(chǔ)可以幫助確保內(nèi)容以易于理解的順序呈現(xiàn)，但也可以簡單地將內(nèi)容突出顯示出來，以突出內(nèi)容的特定區(qū)域。
觀眾自然會識別出這些突破，并被吸引到設(shè)計(jì)師的面前，讓設(shè)計(jì)師有機(jī)會發(fā)揮布局的層次結(jié)構(gòu)，調(diào)整一件作品的意義。
06.網(wǎng)格與其他關(guān)鍵設(shè)計(jì)原則一起工作
一旦掌握了基礎(chǔ)知識，就可以開始脫離網(wǎng)格
不要忘記，網(wǎng)格只是一個(gè)工具，可以用來增強(qiáng)布局的許多基本原理。不要太拘泥于使用網(wǎng)格 - 一些最好的設(shè)計(jì)會打破網(wǎng)格布局的所有規(guī)則，而且這樣做更為成功。
了解如何以及何時(shí)使用網(wǎng)格只能真正來自經(jīng)驗(yàn)，所以實(shí)驗(yàn)。查看下面的設(shè)計(jì)理論的其他文章，拿起其他方便的工具和原則，你可以用來提高你的設(shè)計(jì)。
平面設(shè)計(jì)知識分享，尚略廣告，上海品牌形象設(shè)計(jì)公司。上海平面設(shè)計(jì)公司。