摘 要 隨著商業(yè)社會的繁榮,大眾生活品質(zhì)的提高,互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式,同時我們開始關(guān)注“信息的品質(zhì)”。而網(wǎng)頁是網(wǎng)絡(luò)信息傳達的主要載體,網(wǎng)頁設(shè)計成為人機交互的重要對象之一。其視覺呈現(xiàn)更是直接影響最終的網(wǎng)絡(luò)傳播效果。本文通過對網(wǎng)頁版式設(shè)計的視覺流程的籌劃分析以及影響網(wǎng)頁設(shè)計頁面視覺呈現(xiàn)要素的闡述,凸顯了簡潔網(wǎng)頁設(shè)計的視覺呈現(xiàn)和藝術(shù)美感的重要性。只有輕薄簡潔美觀的視覺呈現(xiàn)才能更多的吸引消費者,對于網(wǎng)絡(luò)信息傳達來講具有重要的意義。
關(guān)鍵詞 網(wǎng)頁設(shè)計 簡約主義 視覺呈現(xiàn)
中圖分類號:TP3 文獻標識碼:A
隨著商業(yè)社會的繁榮,大眾生活品質(zhì)的提高,互聯(lián)網(wǎng)代表著一種嶄新的信息交流方式。網(wǎng)頁設(shè)計也越來越趨向人性化,設(shè)計要求圍繞人為中心展開進行設(shè)計。而網(wǎng)頁作為一種傳播信息的媒介,會受到時間、空間和適用環(huán)境的限制。但是如何讓凌亂復(fù)雜的網(wǎng)頁變得變得輕薄簡潔,在擁有它完整功能的同時又能很好的把重點模塊區(qū)分出來呢?如何更好剔除多余的顏色、背景或是部分元素,保留并梳理清楚視覺流程呢?
1網(wǎng)頁設(shè)計視覺流程籌劃
視覺流程俗指人們在觀看網(wǎng)頁時候的視覺路線走向。美國阿爾多斯·赫敘尼在《觀看的藝術(shù)》中提到:感覺+選擇+理解=觀看。觀看的第二步是從視野中選定一個特定的元素,進行下一步詳盡的理解。這是他總結(jié)給我們看清事物的方法。
視覺流程是視線在觀賞物體上移動的過程,而網(wǎng)頁設(shè)計中的視覺流動路線是相當(dāng)重要的。垂直的物體在頁面上會引導(dǎo)人們的視線做上下的運動軌跡,水平的物體在頁面則給我?guī)淼氖亲笥业囊曈X流動,三角形的物體會讓我們的視覺由角頂開始做循環(huán)的視覺流動,而圓形的物體往往會讓我們的視線呈輻射狀運動。
因此,網(wǎng)頁設(shè)計中不同的視區(qū)范圍有著不同的注目度。我們?yōu)g覽網(wǎng)頁時一般的閱讀習(xí)慣是從左至右,從上至下,因而我們會把一些重要的訊息,比如logo、通知、最新信息放在左上位置,通常我們叫這個位置為視覺中心。
2影響網(wǎng)頁頁面視覺呈現(xiàn)的要素
2.1網(wǎng)頁頁面的版面率
版面率指的是網(wǎng)頁設(shè)計中文字、圖形、圖像、顏色等的占有率,它不僅影響頁面信息傳達效率,也決定著整個網(wǎng)頁設(shè)計的視覺呈現(xiàn)效果。一般來說,版面率與視覺傳達效果以及設(shè)計創(chuàng)意成反比的。如圖(1、2)
由圖我們可以看出,宜家的版面率低,整個頁面幾乎只有其logo的存在,所容納的信息量少,但是給我們的視覺沖擊力很強烈,視覺呈現(xiàn)的形式感很強。在網(wǎng)頁設(shè)計中,極簡的網(wǎng)頁視覺呈現(xiàn)能夠把最重要的信息以最直觀的方式傳達給瀏覽者,而且也可以起到一個避免閱讀中分散注意力的作用。譬如我們的一些個人網(wǎng)站、博客等商業(yè)氣息不濃厚,大多都會以設(shè)計創(chuàng)意個性為主,版面率較低。選擇版面率比較高的設(shè)計時,講究空間的有效利用與秩序的合理劃分,而且每一版面的大小和位置關(guān)系要和諧。否則要么排版呆板,要么秩序混亂。
2.2網(wǎng)頁設(shè)計的權(quán)衡布局及簡化設(shè)計
所謂簡約主義,顧名思義就是要我們將設(shè)計元素、色彩、造型進行簡化。人們常說的“簡約不簡單”,實際上就是簡約主義。目前,簡約設(shè)計已經(jīng)被廣泛應(yīng)用到我們生活的各個領(lǐng)域,無論是室內(nèi)設(shè)計或是平面設(shè)計還是包裝設(shè)計,都在實行“簡約主義”。甚至很多品牌,譬如無印良品、宜家家居等都是采用的簡約主義風(fēng)格,無疑簡潔時尚已成為人們廣泛追求的一種風(fēng)格。正所謂“簡約不簡單”,個人也認為越是簡單的東西越大牌。
排版布局中的平衡、對齊及對比關(guān)系,對頁面視覺效果至關(guān)重要。那么對于網(wǎng)頁設(shè)計來說,要做到簡化設(shè)計的第一步就是要去除一些多余的沒有必要的東西,盡可能的丟掉他們,留下一下最為關(guān)鍵的信息,比如logo、介紹、導(dǎo)航等等。我們每天都在使用的騰訊,它的頁面設(shè)計就做到了這點。如圖(3、4)
圖3 騰訊頁面設(shè)計
圖4 騰訊頁面設(shè)計
2.3顏色給我們帶來的心理暗示
色彩是我們認識事物的第一印象,我們在瀏覽網(wǎng)頁的時候?qū)σ曈X沖擊力強的網(wǎng)頁設(shè)計留下的印象最為深刻。因此一個好的網(wǎng)頁設(shè)計必定有一個很好的頁面配色設(shè)計,它不僅能更好的傳達信息,同時還能更好的與大眾的心理需求相契合,更大的發(fā)揮網(wǎng)頁設(shè)計中帶來的視覺效果。如圖(5、6)
根據(jù)季節(jié)的變更、促銷活動的安排以及各品牌不同的文化理念,常常要做一些不同的網(wǎng)頁設(shè)計才吸引消費大眾。因為人們在長時間瀏覽網(wǎng)頁的時候很容易產(chǎn)生疲倦,在色彩的使用上,我們一般應(yīng)將色彩對比放在一些需要仔細閱讀或主要信息上,以免增加網(wǎng)頁瀏覽者的閱讀難度,引起視覺疲勞。同時,我們也不能采用一些辨識度低的顏色,盡可能把信息目標更快更好的傳達到消費者的眼中。
3結(jié)束語
在網(wǎng)頁設(shè)計過程中,我們應(yīng)繼承我國的傳統(tǒng)文化,形成獨特的設(shè)計風(fēng)格,拓展設(shè)計的視覺語言。與此同時,我們還要推陳出新,突出現(xiàn)代化,引領(lǐng)時尚潮流。以現(xiàn)代簡約主義的手法對中國的傳統(tǒng)元素和符號進行提煉和二次設(shè)計,讓網(wǎng)頁設(shè)計獲得更強的視覺認知力和藝術(shù)感力,營造一個自然、合理、順暢的視覺流程,更好的激發(fā)人們的審美情趣,引導(dǎo)人們在美的享受中接受傳達的信息,發(fā)現(xiàn)美好。
參考文獻
[1] (美)魯?shù)婪颍⒍骱D?藝術(shù)與視知覺[M].中國社會科學(xué)出版社,1984.5.
[2] 孫嬌,宗明明.網(wǎng)頁設(shè)計中視覺流程籌劃與應(yīng)用[J].美術(shù)教育研究,2011(7).
[3] 李湘媛.淺談網(wǎng)頁設(shè)計中的色彩語言表達[J].藝術(shù)教育,2012(11).
[4] 萬劍,丁潔瓊.論平面設(shè)計中色彩的應(yīng)用[J].職業(yè)技術(shù),2006(20).
[5] 張曉曉.中國傳統(tǒng)元素在現(xiàn)代設(shè)計中的簡約主義[J],2010(5).