摘 要:網(wǎng)頁設(shè)計(jì)可看做是平面設(shè)計(jì)的一個延伸,是將平面設(shè)計(jì)與信息化技術(shù)相結(jié)合的一門設(shè)計(jì)藝術(shù)。本文從網(wǎng)頁設(shè)計(jì)中的審美需求和視覺流程入手,著重探討網(wǎng)站版面的編排與設(shè)計(jì),旨在為網(wǎng)頁設(shè)計(jì)教學(xué)者和未來的設(shè)計(jì)師們提供參考。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);設(shè)計(jì)藝術(shù);審美需求
近年來,人們的生活已經(jīng)與互聯(lián)網(wǎng)密不可分,在工作、學(xué)習(xí),娛樂等各個方面,互聯(lián)網(wǎng)帶給我們的便利無可取代。網(wǎng)頁可以說是互聯(lián)網(wǎng)的臉,我們通過瀏覽網(wǎng)頁來獲取信息,進(jìn)行溝通與交流。因此,一張好看的臉對一個網(wǎng)頁、網(wǎng)站來說可以更吸引人。然而網(wǎng)頁設(shè)計(jì)在我國仍處在一個較初級的階段,專業(yè)的網(wǎng)頁設(shè)計(jì)師數(shù)目很少,這就需要高質(zhì)量的網(wǎng)頁設(shè)計(jì)教學(xué)來培養(yǎng)更多的專業(yè)人才。如何綜合文字、圖片、色彩及用戶審美需求等各方因素,編排設(shè)計(jì)出一個視覺效果良好的版面,是網(wǎng)頁設(shè)計(jì)教學(xué)中的一個重點(diǎn)。
1 用戶的審美需求
上世紀(jì)末互聯(lián)網(wǎng)剛登陸我國時(shí),發(fā)展勢頭過于迅速。很多網(wǎng)站在創(chuàng)立之初只是想趕緊搶占一席之地,而沒有將太多的時(shí)間和精力投入到網(wǎng)頁的設(shè)計(jì)中,結(jié)果是雖然各個網(wǎng)站內(nèi)容各不相同,但一看之下,版面幾乎都是同一風(fēng)格,幾乎毫無新意,很快就導(dǎo)致了用戶的審美疲勞。隨著網(wǎng)絡(luò)不斷的發(fā)展,人們對網(wǎng)站的版面和整體風(fēng)格越發(fā)重視,網(wǎng)站管理者若沒有一張好看的“臉”,將很難留住用戶。這就要求設(shè)計(jì)者們從藝術(shù)的角度出發(fā),從用戶的審美需求入手,結(jié)合平面設(shè)計(jì)中對美學(xué)的解釋運(yùn)用一些藝術(shù)的基本形式來改造網(wǎng)頁的版面,從而使其更具美感、更有個性。
1.1 版面的規(guī)范化
網(wǎng)頁版面的設(shè)計(jì)要遵循一定的規(guī)律,明確編排時(shí)的重點(diǎn),分清主次內(nèi)容,按由主到次的順序逐步完成編排。尤其在使用符號、圖片、文字、動畫等內(nèi)容時(shí),要遵循平面設(shè)計(jì)中形式美的視覺規(guī)律,強(qiáng)調(diào)文字、圖片及色彩的搭配。同時(shí),網(wǎng)頁的設(shè)計(jì)必須要與網(wǎng)頁內(nèi)容想關(guān)聯(lián),不可脫離主題,僅為美學(xué)而設(shè)計(jì)。
1.2 版面的均衡性
頁面的編排中,可以將單個的文字看做是點(diǎn),成行的文字看做是線,成段落的文字看成面。點(diǎn)、線、面的排列要強(qiáng)調(diào)均衡性。三種形式要因?qū)嶋H情況而采用。如單個文字,用起來會十分突兀,但可以讓用戶一眼就看到;成段文字可以排列十分美觀,但用戶可能因?yàn)樽謹(jǐn)?shù)過多而放棄閱讀。文字的排列方式一般有水平、垂直、傾斜,前兩種容易帶給人穩(wěn)定,安寧的感覺,而傾斜會讓人不由產(chǎn)生運(yùn)動感。合理的結(jié)合三種排列方式,保證頁面整體平衡的情況下給局部安插一些斜體字,會顯得更動感而富有生氣。
2 設(shè)計(jì)中的視覺流程
一個網(wǎng)站要得到用戶的喜愛,其頁面內(nèi)容、整體布局都必須通過視覺感官使用戶感到愉悅或欣賞。而精心設(shè)計(jì)過得頁面相比隨意的版面編排無疑要更容易吸引用戶,從而增加網(wǎng)站的訪問量。網(wǎng)站要通過網(wǎng)頁傳達(dá)信息,就必須要要慮到視覺元素的處理,只有擁有良好的視覺效果,才能稱得上是新時(shí)代背景下真正意義上的新媒體。這就要求網(wǎng)頁設(shè)計(jì)師們從人們的日常生活出發(fā),更多的考慮人們的閱讀習(xí)慣。對于網(wǎng)頁版面的編排,各個元素之間的排列及其各自的大小、位置,都要結(jié)合閱讀順序。使用戶保留自己的習(xí)慣,在閱讀網(wǎng)頁時(shí)感到輕松,自然。
3 網(wǎng)頁中各構(gòu)成要素的分析
網(wǎng)頁的作用在于傳遞信息,而網(wǎng)頁設(shè)計(jì)就是服務(wù)于這個目的。通過優(yōu)化網(wǎng)頁中文字、圖片、色彩的造型、排列和放置,使網(wǎng)頁更美觀,更容易讓人獲取信息。如何處理文字、圖片和色彩,值得我們做更多的討論。
3.1 文字的處理
文字是傳遞信息的核心部分,網(wǎng)頁設(shè)計(jì)中一定會涉及文字的處理。且一般來說文字占整個頁面篇幅較大,因此文字處理好壞直接影響到整個頁面設(shè)計(jì)的水平。設(shè)計(jì)師在進(jìn)行處理時(shí)需要考慮文字編輯的整體效果,應(yīng)盡量給人以簡潔亮麗的視覺效果,要避免頁面中文字效果凌亂、復(fù)雜,過多刻意的修飾若使用不當(dāng)反而會適得其反,因此在必要時(shí),可以不加修飾,僅保留文字本身。此外,設(shè)計(jì)時(shí)還應(yīng)注意文字的格式、大小及字體要配合文章內(nèi)容。總而言之,要合理運(yùn)用美學(xué)的觀念編輯文字。
3.2 圖片的處理
網(wǎng)絡(luò)訊息傳播的速度越來越快,造成了較普遍的“快餐式閱讀”現(xiàn)象。這種現(xiàn)象是指用戶在互聯(lián)網(wǎng)上閱讀時(shí)往往只關(guān)注標(biāo)題和核心段落,而僅僅會對極少部分感興趣的內(nèi)容完成全文的閱讀。網(wǎng)頁上好的圖片可以激發(fā)用戶的閱讀興趣,而且圖片的合理編排可以大大增加網(wǎng)頁的美觀,使得原本單純的文本閱讀變的更有趣味。因此,版面設(shè)計(jì)中必須重視圖片的處理。選擇圖片的內(nèi)容、數(shù)量、大小和方向等都可直接影響到網(wǎng)頁的整體布局,在對圖片進(jìn)行處理時(shí),我們要遵循精簡的原則,盡量少的選擇圖片,盡量選擇高質(zhì)量高度切合主題的圖片,力圖用圖片抓住讀者。
未來的互聯(lián)網(wǎng)到底會發(fā)展到怎樣的一個程度,沒有人可以預(yù)測。網(wǎng)頁設(shè)計(jì)的出現(xiàn)雖然只有短短十幾年,卻必須要不斷跟隨互聯(lián)網(wǎng)飛速的發(fā)展而不斷變革和創(chuàng)新。又因?yàn)榫W(wǎng)頁設(shè)計(jì)本身綜合了傳統(tǒng)媒體的各種平面設(shè)計(jì)因素,又必須講設(shè)計(jì)師的美學(xué)理念通過計(jì)算機(jī)展現(xiàn)在網(wǎng)頁上。這就要求網(wǎng)頁設(shè)計(jì)師必須具備較高的設(shè)計(jì)文化素養(yǎng),在設(shè)計(jì)中綜合考慮各方面因素,且必須具備創(chuàng)新意識,緊跟潮流,應(yīng)互聯(lián)網(wǎng)之發(fā)展不斷探索更高水準(zhǔn)的網(wǎng)頁設(shè)計(jì)。
[參考文獻(xiàn)]
[1]Paul M.larsst.視覺傳播——形象載動信息[M].霍文利譯.北京廣播學(xué)院出版社,2003,2(8):6-10.
[2]西門柳上,馬國良,劉清華.正在爆發(fā)的互聯(lián)網(wǎng)革命[M].機(jī)械工業(yè)出版社,2009,2(5):22-24.
[3]王受之.世界平面設(shè)計(jì)史[M].中國青年出版社,2006.2(5):68-74.