在電子計算機技術的推動下,網(wǎng)頁設計得以迅猛發(fā)展。今天網(wǎng)頁設計已然成為一種新的傳遞信息的工具,并在視覺藝術板塊中扮演著重要的一個角色。網(wǎng)頁設計在傳播信息的同時,極大地豐富著我們的視覺世界,也促使人們審美水平的提高。在未來的生活中,網(wǎng)頁將會影響到人們生活中的方方面面,對人們的生活起到積極的作用。隨著互聯(lián)網(wǎng)技術的發(fā)展,
西安網(wǎng)頁設計也進入發(fā)展階段,各樣樣式的網(wǎng)頁開始呈現(xiàn)在人們眼前,同時也將它們自身的一些缺點與問題暴露了出來。這些問題干擾了網(wǎng)頁的視覺美感,降低了設計的審美價值。通過對網(wǎng)頁形式美和功能美的分析,將柵格設計融入到網(wǎng)頁設計之中,它對網(wǎng)頁的設計起到規(guī)范與約束的作用,能夠提升網(wǎng)頁設計的審美性。對于美,每個人都有不同的標準,但是我們衡量一個事物的美丑不能只看外表。比如,一個真正美的人不單單是指外貌美,更重要的是指心靈美。網(wǎng)頁設計亦是同樣的道理,那么怎樣評價一個網(wǎng)頁的美丑呢?從審美性上講,一個優(yōu)美的網(wǎng)頁首先要有好看的界面設計,網(wǎng)頁屬于瞬間藝術,當瀏覽網(wǎng)頁的時候瀏覽者首先看到的是網(wǎng)頁的界面設計,因此網(wǎng)頁的 “外貌”首先要吸引人的注意,使人們看著舒服,看著美。同時現(xiàn)階段人們隨著人們對網(wǎng)頁設計重視程度的加大,設計師逐漸將字體設計、版式設計以及配色藝術等多種視覺語言應用于網(wǎng)頁設計,使網(wǎng)頁的界面設計更加美觀。另外從功能性上講,一個美的網(wǎng)頁設計首先在功能上利于人們的閱讀,具有科學的、合理的、符合人體工程學的視覺流程,能夠使用戶能夠輕而易舉的獲取信息。新的科學技術、新的計算機編程語言相繼被應用于網(wǎng)頁設計中,使網(wǎng)頁設計的交互性不斷加強,人們在獲取信息的同時也能夠感受到人機互動帶來的觸覺、視覺雙重感受,增加了網(wǎng)頁設計的趣味性。通過以上可以看出,美的網(wǎng)頁設計不僅在形式外觀上要能夠取悅人心,在功能上還能準確有效的傳播信息。因此只有兼?zhèn)渫庠谛问矫琅c內在功能性的網(wǎng)頁才能稱之為美的網(wǎng)頁設計。
二、
西安網(wǎng)頁設計面臨的問題
通過實踐與教學在具體網(wǎng)頁設計過程中經常遇到的問題大體可以分成兩大類:
(一)視覺引導性弱。造成這樣問題的主要原因是頁面內容的失控,沒有分清主次,想要傳遞的內容太多太龐雜,沒有處理好信息之間的關系從而造成了大量文字、圖片等構成元素的堆積,而忽略了整體條理性。同時沒有設計章法與秩序對它們進行約束,導致頁面的布局的混亂,從而影響瀏覽者的閱讀。
(二)設計細節(jié)。第一種是只顧及內心感受,只憑自己的感覺設計,缺少理性思考,沒有細節(jié)處理。無論是圖片質量、字號字體還是顏色搭配,處處都能體現(xiàn)出網(wǎng)頁設計的細節(jié)問題。第二種,過于在乎細節(jié),將細節(jié)當成主要設計元素盡享處理,喧賓奪主,忽視了基本功能,這些過多的細節(jié)裝飾打破了頁面整體布局的統(tǒng)一性。在網(wǎng)頁設計中,大部分設計人員只重視表達網(wǎng)頁的表面視覺效果,而忽略設計支撐網(wǎng)頁的骨骼框架,才使得現(xiàn)如今很多網(wǎng)頁在設計上出現(xiàn)以上問題。
三、柵格設計
在日常生活中我們看的書籍、雜志、報紙,很容易發(fā)現(xiàn)它們的內容被限制在一定的方格內,整個版面具有很強的秩序感,之所以出現(xiàn)這樣的視覺效果完全是因為版面設計時運用了柵格設計。柵格設計又稱柵格設計系統(tǒng),它是利用規(guī)則單位矩形來規(guī)范、約束版面上的內容從而起到規(guī)范網(wǎng)頁內容的作用,它可以充分的體現(xiàn)出網(wǎng)頁設計的結構美。
柵格設計之所以能夠被廣泛的應用是因為它能夠使設計作品呈現(xiàn)出清晰的脈絡,簡約的結構,同時也能起到突出中心與重點,起到引導視覺的作用。由此可以看出柵格設計能夠在網(wǎng)頁中起到支持起整個網(wǎng)頁頁面,可以說是網(wǎng)頁頁面的骨骼,因此我們將柵格設計也作為網(wǎng)頁布局的理論支持。那么怎樣利用柵格設計對網(wǎng)頁進行布局呢?柵格設計具有一定的設計方法,大體可以概括為兩種:一種是單元格的加減法,另一種是柵格填補法。
(一)單元格加減法。
顧名思義,就是將網(wǎng)頁事先做一個大體布局,而后根據(jù)具體內容的需要,對單元格進行相應的合并或拆分,從而使網(wǎng)頁達到視覺上的和諧。單元格加減法使柵格設計優(yōu)勢得到充分體現(xiàn),它具有極強的布局靈活性,但是不同的設計元素具有不同的組織方法也不相同。
1、單純文字加減法,文字的加減的對象是文字與頁面空間,它是在柵格的作用下,運用文字對頁面進行劃分,從而使人們可以輕松的感受到文字的秩序美。柵格的數(shù)量不宜過多,過多會使頁面元素分散,失去整體感。
對文字的編排,應該考慮視覺流程的設定。文字的字號行距設置要適中,,同時文字的排列長度不易太寬,以方便閱讀為準。
2、單純圖片加減法,他是根據(jù)柵格進行操作,可以是單張的加減,可以是多張的加減。但要切記圖片不要太多太雜,風格色調要統(tǒng)一,還要把握全局,突出核心信息。
3、文字與圖片加減法,當文字與圖片共同存在于頁面中時,要根據(jù)需要有所側重,視覺流動性要強,思路要清晰。文字與圖片的搭配要統(tǒng)一協(xié)調。另外在圖片的選材上,圖片質量好的圖片在網(wǎng)頁設計能夠提升網(wǎng)頁的審美性。
(二)柵格填補法
柵格填補法就是將我們設定好的柵格固定不變,將所需要的內容機械的填充到對單元格空白區(qū)域。這種方法的優(yōu)點就是能夠直截了當?shù)膫鬟f信息,主題更直接更明了;缺點是無論是文字還是圖片都不宜過于復雜,以簡約為主。柵格設計在網(wǎng)頁中應用的很靈活,在具體網(wǎng)頁設計時還要根據(jù)具體情況制定柵格設計的方案,只有這樣才能使柵格設計的靈活性得到完美的發(fā)揮。
柵格設計是網(wǎng)頁設計的靈魂,是網(wǎng)頁設計結構美的核心所在,柵格的好壞直接決定了網(wǎng)頁的優(yōu)劣,那么如何才能設計出一些審美性高與設計感強的柵格呢?在藝術史上,埃舍爾的畫可以用數(shù)字計算,巴赫的曲子可以用數(shù)學公式推導,還有柯布西耶的設計理念,也融合了幾何學的創(chuàng)新理念,可以說數(shù)字創(chuàng)造了藝術的奇跡。諾瓦利斯曾說過 “數(shù)字是最高的藝術形式” 當設計運用到數(shù)字或是數(shù)學的時候,設計的嚴謹性與邏輯性就隨之出現(xiàn)。柵格設計中比較典型的分割方法是黃金分割與根號矩形,兩者在柵格布局中被普遍認為是比較美的比例。
1、自然界中的事物符合1:1.618的為都屬于黃金分割比。黃金分割比是被公認為是最和諧,最完美的比例。黃金分割比合理的運用到柵格設計中能夠構建出比較美的網(wǎng)頁結構框架。
2、根號矩形是比較特殊的矩形,拿矩形來講它可以被分成無限個等比的小矩形,可以產生大量的分割組合,因此根號矩形被應用的比較多。在網(wǎng)頁設計時可以格局矩形的分割比進行相應的柵格設計。
以上圖例是對黃金分割與根號矩形兩種柵格樣式的具體表現(xiàn)形式,實際上柵格設計的變化相當豐富,在具體網(wǎng)頁設計中我們可以根據(jù)以上的兩種樣式為變化基礎,對柵格設計進行相應變化設計。在網(wǎng)頁設計中合理的運用柵格設計能夠襯托出網(wǎng)頁設計的結構美
“設計體現(xiàn)在細節(jié)上”在網(wǎng)頁設計中,細節(jié)的設計相當重要, 通常1像素的線,1磅的行距,1點的字號這些都是設計時需要注意的細節(jié),都能襯托出
西安網(wǎng)頁制作的美。當細節(jié)被注意后,網(wǎng)頁設計失誤就會越小,頁面就會更精致。