網(wǎng)站建設(shè)定制網(wǎng)格秩序
- 編輯：admin -互聯(lián)網(wǎng)是人們公認(rèn)的傳播媒介, 受益于基于網(wǎng)格的思維方式, 互聯(lián)網(wǎng)能夠把復(fù)雜而煩瑣的瀏覽信息過(guò)程簡(jiǎn)化。網(wǎng)頁(yè)設(shè)計(jì)師注意到網(wǎng)格工具的特點(diǎn)及其具有的非同尋常的力量, 這種特性往往可以給瀏覽者帶來(lái)一種生動(dòng)、直觀的美好體驗(yàn)。網(wǎng)格元素在網(wǎng)頁(yè)視覺設(shè)計(jì)中可以體現(xiàn)出秩序, 而以秩序表現(xiàn)出的設(shè)計(jì)美感即通過(guò)文字的排列方式、色彩搭配與變化、導(dǎo)航的設(shè)置、圖形在網(wǎng)頁(yè)中的分布展現(xiàn)出的直觀表達(dá)。尤其在門戶網(wǎng)站和大型公司、政府、事業(yè)單位的網(wǎng)頁(yè)視覺設(shè)計(jì)中, 秩序能夠使訪客產(chǎn)生理性、邏輯、信任的心理效應(yīng)?；诰W(wǎng)格的
早在20世紀(jì)初期, 西歐國(guó)家就出現(xiàn)了網(wǎng)格概念 (排版用網(wǎng)格) , 少數(shù)建筑師、印刷人員、排版人員以及設(shè)計(jì)師認(rèn)為平面藝術(shù)能體現(xiàn)一種源于自然、數(shù)學(xué)和新興機(jī)械化的法則, 也是一種設(shè)想。18世紀(jì), 數(shù)學(xué)方法中的三分規(guī)則主張將圖形在寬度與高度上等分成三排和三列, 從而發(fā)掘出構(gòu)成的力量。三分規(guī)則為平面設(shè)計(jì)師提供了一種經(jīng)驗(yàn)法則, 對(duì)齊元素與橫豎線, 或集合元素與焦點(diǎn), 就能使圖像體現(xiàn)出最大的魅力和活力。網(wǎng)格設(shè)計(jì)與數(shù)學(xué)巧妙結(jié)合, 融入了比例、微積分和幾何計(jì)算, 按照需求把版面劃分為一定數(shù)量和比例的網(wǎng)格。將頁(yè)面分為以欄為單位的單元, 用節(jié)奏變化帶動(dòng)畫面的質(zhì)感, 產(chǎn)生優(yōu)美的韻律關(guān)系。此外, 建筑是形成網(wǎng)格設(shè)計(jì)風(fēng)格的關(guān)鍵要素之一, 影響深遠(yuǎn)。
互聯(lián)網(wǎng)是人們公認(rèn)的傳播媒介, 受益于基于網(wǎng)格的思維方式, 互聯(lián)網(wǎng)能夠把復(fù)雜而煩瑣的瀏覽信息過(guò)程簡(jiǎn)化。網(wǎng)頁(yè)設(shè)計(jì)師注意到網(wǎng)格工具的特點(diǎn)及其具有的非同尋常的力量, 這種特性往往可以給瀏覽者帶來(lái)一種生動(dòng)、直觀的美好體驗(yàn)。網(wǎng)格元素在網(wǎng)頁(yè)視覺設(shè)計(jì)中可以體現(xiàn)出秩序, 而以秩序表現(xiàn)出的設(shè)計(jì)美感即通過(guò)文字的排列方式、色彩搭配與變化、導(dǎo)航的設(shè)置、圖形在網(wǎng)頁(yè)中的分布展現(xiàn)出的直觀表達(dá)。尤其在門戶網(wǎng)站和大型公司、政府、事業(yè)單位的網(wǎng)頁(yè)視覺設(shè)計(jì)中, 秩序能夠使訪客產(chǎn)生理性、邏輯、信任的心理效應(yīng)?；诰W(wǎng)格的特點(diǎn), 將網(wǎng)格合理地應(yīng)用于網(wǎng)頁(yè)設(shè)計(jì)中, 不僅畫面嚴(yán)謹(jǐn)、美觀, 也能使不同頁(yè)面的設(shè)計(jì)有機(jī)統(tǒng)一, 并在此基礎(chǔ)上衍生出不同的變化。
網(wǎng)格秩序之美
1、網(wǎng)格秩序具有清晰之美
網(wǎng)格把系統(tǒng)性的秩序引入一個(gè)空間, 區(qū)分各種不同類別的信息, 并且使用戶在瀏覽這些信息時(shí)更加方便、簡(jiǎn)單。網(wǎng)頁(yè)設(shè)計(jì)排版需要遵循一系列有關(guān)部分與整體之間關(guān)系的原則。每個(gè)單詞的每個(gè)字母便是一個(gè)元素, 許多單詞組織起來(lái)就成了一個(gè)句子。句子這一視覺樣式被應(yīng)用于格式化的空間場(chǎng)中, 就可以立刻形成一個(gè)結(jié)構(gòu)。而句子可以被視為一條又一條線, 進(jìn)而組成一個(gè)自然段。這些句子不僅僅是一條線, 更是一個(gè)有軟邊、硬邊的形狀。硬邊指向界面, 因?yàn)樗蛏疃妊由? 而段落形成欄, 在分割空間的同時(shí)自己也成為一個(gè)空間。比例重復(fù)或者比例各異的欄創(chuàng)造了一種連鎖式的節(jié)奏, 版式邊緣不斷重復(fù)、反向、再重復(fù)。段落、欄、圖像之間的空隙有助于通過(guò)組織材料內(nèi)容決定讀者的瀏覽方式, 而空白處的大量文字也決定了人們?yōu)g覽的順序。
文字與空隙之間的對(duì)齊方式在視覺上能夠?qū)⑽淖址珠_或者連接起來(lái)。通過(guò)把組織域內(nèi)的空間分隔開來(lái), 設(shè)計(jì)師使讀者融入作品。而在被動(dòng)的組織結(jié)構(gòu)中, 各元素之間的空隙是有規(guī)律的, 它能形成一種靜止的文本域。設(shè)計(jì)師通過(guò)引入一些變化, 如在網(wǎng)格線之間留出更大空白或者改變線條的粗細(xì)等, 就能在一致性的文本中進(jìn)行強(qiáng)調(diào), 讀者就會(huì)了解這種強(qiáng)調(diào)意味的重要性。這種重要性建立了一種頁(yè)面上各元素之間的秩序或者等級(jí)制度。而對(duì)秩序的改變意味著頁(yè)面上各部分之間的關(guān)系發(fā)生了變化。在這種等級(jí)制度中, 視覺上被強(qiáng)調(diào)的內(nèi)容, 無(wú)疑與讀者理解內(nèi)容息息相關(guān)。設(shè)計(jì)師在版式、字體、線條、擺放和間隔方面能夠做出的改變和選擇有限, 因此對(duì)其排列、選擇也有限。網(wǎng)格把這種對(duì)齊和等級(jí)之間的關(guān)系組織成一種明了的秩序, 這種秩序可以復(fù)制, 并且能夠被他人理解。
2、網(wǎng)格秩序具有簡(jiǎn)約之美
視知覺理論認(rèn)為, 人類傾向于將視知覺中的形和色由復(fù)雜向簡(jiǎn)潔轉(zhuǎn)化?；睘楹?jiǎn)的趨勢(shì)與人們逐漸復(fù)雜的生活環(huán)境有著密不可分的關(guān)系, 簡(jiǎn)約設(shè)計(jì)無(wú)疑是生活中的一股清流。這種傾向是由人們追求單純與秩序的心理所決定的。秩序產(chǎn)生的美感具有簡(jiǎn)約、直觀、單純、明快的特點(diǎn), 如線條、色塊、圖形的規(guī)則排列等。在網(wǎng)頁(yè)設(shè)計(jì)中, 簡(jiǎn)約的網(wǎng)格應(yīng)用會(huì)使畫面嚴(yán)謹(jǐn)、美觀, 帶來(lái)整齊、統(tǒng)一的畫面, 應(yīng)用網(wǎng)格設(shè)計(jì)可以使不同頁(yè)面有機(jī)統(tǒng)一。網(wǎng)頁(yè)視覺設(shè)計(jì)中的簡(jiǎn)約不是簡(jiǎn)單摹寫, 也不是簡(jiǎn)陋、膚淺, 而是經(jīng)過(guò)提煉而形成的精約、簡(jiǎn)省, 保證設(shè)計(jì)語(yǔ)言的純化。簡(jiǎn)約的魅力在于含蓄、優(yōu)雅, 歷久彌新, 經(jīng)得起反復(fù)推敲。
3. 網(wǎng)格秩序具有高效之美
科學(xué)性、嚴(yán)肅性貫穿于網(wǎng)格設(shè)計(jì)的實(shí)際應(yīng)用。網(wǎng)格為所有的設(shè)計(jì)元素提供了一個(gè)平臺(tái)和結(jié)構(gòu), 這樣的設(shè)計(jì)輕松、靈活, 幫助設(shè)計(jì)師在決策過(guò)程中降低難度。網(wǎng)格對(duì)頁(yè)面元素的安排有幫助, 在這個(gè)框架里提高了連貫性與精確性, 提高了創(chuàng)造的高度和維度, 注入了新鮮的活力, 使比較松散的元素布置得當(dāng), 有助于設(shè)計(jì)師做出可靠的決定, 并提高時(shí)效性。網(wǎng)格秩序亦可在保持網(wǎng)頁(yè)與原先展示內(nèi)容總體一致的前提下, 使新增內(nèi)容變得更加容易。
