設計師對網格理論的指導

2016-09-24    分類: 網站建設

無論你是在網頁設計還是印刷設計中工作,你都需要了解網格理論。盡管一些設計師積極地避開網格,轉而使用更直觀、更自由的布局,但最成功的是多年來一直與網格合作-他們在打破規(guī)則之前就已經了解了規(guī)則。

對于自學成才的設計師來說,作為設計工具的網格背后的許多理論和合理化都沒有被典型的博客文章和會議討論所覆蓋。我們來這里是要把這個口袋大小的指南直接放在網格上,包括少量的理論。讓我們開始吧。

1、柵格建立了韻律和節(jié)奏

網格(至少是平面設計)的首要目的是為元素在布局中的位置建立一套指導原則。一個有效的網格不僅為設計提供了節(jié)奏,而且還定義了儀表。這是使內容可訪問的重要部分,并幫助查看器了解在布局中查找下一條信息的位置。它設定了預期,并定義了規(guī)則、音色和設計的聲音。把網格看作是你的游覽者旅行的路線圖。

2、網格定義和反映比例

網格的一個關鍵方面是它幫助確定和定義比例的能力。在印刷中,比例通常與媒體的大小相呼應;例如,紙張的形狀和方向經常反映在布局中包含的圖像的大小和形狀上。

這感覺很舒服,因為讀者潛意識地理解布局的上下文,是由于交付機制的物理形狀和大小的結果,比如一張紙。在web上,反射的概念并不那么重要,但是網格可以用同樣的方式將內容錨定到屏幕上。屏幕可以更流暢,作為一個設計師,也不可能知道用同樣的信心,屏幕的大小和形狀將被用來查看內容。無論如何,比例和規(guī)模都是布局中的重要工具,因此使用網格來確定和執(zhí)行規(guī)則有助于定義所有重要的標志,使讀者能夠訪問和理解內容。

3、網格與黃金比例一起工作

一個確定的網格系統(tǒng)的整個概念是在設計的世界中一個相對較新的發(fā)明。自人類繪畫和寫作的早期開始,網格就已經直觀地存在了,但直到最近才開始以學術的方式來考慮布局,因此它從未與其他好實踐布局規(guī)則隔離開來。其中一個交叉的例子就是黃金比例與電網的關系。

黃金比例(也稱為“黃金分割”)決定了元素最令人滿意的比例,并簡化為“三分法則”。當與網格結合使用時,這些簡單的大小、位置和比例規(guī)則可以幫助確保布局看起來是連貫的,同時也具有美觀的吸引力。這很重要,因為它可以幫助使內容更容易訪問。請記住,網格是內容背后的無形的粘合劑――在大多數情況下,它應該對查看器是透明的。

4、網絡上有一個960網格系統(tǒng)

一旦你知道了建立一個網格系統(tǒng)的好處,那么web設計人員就可以使用網格了。為了使產品更實用,一些常見的尺寸已經成為標準。最常見的是960px的網格系統(tǒng)。960px是一個很好的尺寸,因為它有很多因素(整數可以分為):1、2、3、4、5、6、8、10、12、15、16、20、24、30、32、40、48、60、64、80、96、120、160,等等。能夠以這種方式劃分網格為列的寬度提供了很大的靈活性,提供了一個多用途的、可重用的網格系統(tǒng)。不用說,許多設計師都在忙著把960px的網格打包成一組有用的CSS庫。一個這樣的例子可以在960年找到。gs,但如果你環(huán)顧四周,還有其他可用的。

5、網格提供了堅實的基礎

正如我們所看到的,網格的存在主要是為了幫助確定布局中的位置和平衡。提供這種堅實的基礎可以幫助確保內容以易于理解的順序呈現,但也可以通過將內容從網格中分離出來來突出內容的特定區(qū)域。觀眾會自然而然地識別出這些突破,并被吸引到他們面前,讓設計師有機會運用布局的層次結構,并調整作品的意義。

6、網格與其他關鍵設計原則一起工作

不要忘記,網格只是一個工具,旁邊還有許多可以用來增強布局的基本原則。不要過于嚴格地使用網格――一些最好的設計打破了網格布局的所有規(guī)則,而且這樣做更成功。了解如何以及何時使用網格只能來自經驗,所以要進行實驗。請參閱下面的設計理論下面的其他文章,以獲取其他有用的工具和原則,您可以使用這些工具來提高您的設計。

網頁名稱:設計師對網格理論的指導
本文路徑:http://bm7419.com/news/48208.html

成都網站建設公司_創(chuàng)新互聯,為您提供企業(yè)網站制作、軟件開發(fā)、品牌網站建設、標簽優(yōu)化、小程序開發(fā)Google

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

外貿網站制作