網(wǎng)頁設計中視覺元素、美學和留白藝術的運用發(fā)布者：本站     時間：2020-05-02 14:05:56

網(wǎng)頁是人們通過計算機來獲取信息時最直接點擊和閱讀的頁面，近年來隨著計算機網(wǎng)絡信息的普及，人們不光對信息質(zhì)量有著較高的需求，對頁面是否美觀也漸漸提高了要求。在這種形勢的推動下，頁面的藝術設計是否能夠滿足人們的審美需求，在眾多網(wǎng)站頁面中脫穎而出成為首要的設計目標。下面將從頁面設計中的網(wǎng)頁構圖、視覺元素、美學應用和留白技術四個方面對增添網(wǎng)頁藝術效果進行說明。

1、 網(wǎng)頁設計中的構圖

網(wǎng)頁設計構圖應遵循對稱均衡、對比調(diào)和節(jié)奏韻律三大形式原理。

1.1 對稱與均衡。對稱是世間自然萬物穩(wěn)定存在的基本形式，在日常生活中也隨處可見。在對網(wǎng)頁進行藝術設計時，完全遵循對稱效果未免有一種循規(guī)蹈矩的感覺，很容易使人在瀏覽時覺得頁面呆板和單調(diào)，不愿意繼續(xù)瀏覽。因此設計師們便采用一種不完全對稱的藝術手法，使網(wǎng)頁看上去更加生動和鮮明，讓人在閱覽時更加明快。網(wǎng)頁的均衡相對來說更是一種感官上的藝術平衡，它將網(wǎng)頁中乍看之下矛盾的、沖突的因素，利用色彩、位置、圖形等元素使之在氣勢上形成均衡的統(tǒng)一性，在視覺上達到對稱平衡的效果。

【圖１】

1.2 對比與調(diào)和。對比一般是指在形狀、顏色和線條等不同形式之間的對立形態(tài)。在藝術設計中，對比和調(diào)和是相輔相成的。對比能夠使圖案更加鮮明、活潑，使畫面產(chǎn)生立體感。調(diào)和是將畫面之中的各種元素和諧統(tǒng)一，主次有序，增強畫面的協(xié)調(diào)感。對比和調(diào)和藝術手法即是在動中求變、變中求序，和諧統(tǒng)一，讓人在瀏覽時視覺感官舒適。對比和調(diào)和二者缺一不可，更不能單獨追求對比或調(diào)和，避免使畫面雜亂無序。

1.3 節(jié)奏和韻律。韻律就好比音樂中的旋律，不但要有節(jié)奏更要有強烈的感染力。同理，在網(wǎng)頁設計中節(jié)奏被認為是反復的形態(tài)和構造。例如將圖形按照等距格式的反復排列，做空間位置安排，就能產(chǎn)生節(jié)奏感，節(jié)奏有機械美的特點。在節(jié)奏的基礎上加入如漸變或?qū)Ρ鹊确▌t，就可以構成富有韻律感的形式。韻律是使節(jié)奏富有韻律感的變化美，將圖形按大小、方向、位置、虛實、強弱、疏密等加以規(guī)律性地組織排列，就會產(chǎn)生有變化的韻律美。

2、 網(wǎng)頁設計中視覺元素的應用

點、線和面三要素是形成視覺元素的三大要素。如何讓視覺元素在網(wǎng)頁中得到最大的發(fā)揮，就需要網(wǎng)頁設計師合理設計和安排這三要素所處的位置和作用了。

2.1 點的應用。在網(wǎng)頁設計中，點并不只局限于一個圓或者局限于一個固定的位置，而是代表了在頁面中的設計中心，并且隨著視覺環(huán)境面積的變化產(chǎn)生成反比的視覺感覺。在成功的網(wǎng)頁設計中，往往是點起到活躍內(nèi)容的作用。

2.2 線的應用。線在網(wǎng)頁設計中是分化版面的重要元素。與點相比，線的形式變化更加豐富，給人產(chǎn)生的心理情感也不盡相同。線元素的長短、曲直和粗細都能夠隨意變化，設計師可以根據(jù)不同的主題要求對其進行形態(tài)調(diào)整，不同的形態(tài)都能夠給人產(chǎn)生不同的視覺感受和心理影響。例如直線給人感覺嚴謹、力量的情緒特征，而曲線則相對柔和、細膩，更適合用于針對女性群體的網(wǎng)站當中。由此可見，在網(wǎng)頁設計中應用不同形態(tài)的線元素可以起到不同的效果。

3.3 面的應用。面是網(wǎng)頁構圖中最常見的元素，是由點和線的重復構圖產(chǎn)生的。網(wǎng)頁中主要的布局都是由面的設計來完成的，也是人們在瀏覽網(wǎng)頁時最主要的部分，它可以由文字或者圖像任意構成，也可以為了營造虛實對比的效果而做留白處理，總之，只有處理好面的設計，網(wǎng)頁藝術效果才能更具美感。

3、 網(wǎng)頁設計中的美學應用

網(wǎng)頁美學設計主要由繪畫、色彩和平面都成三個要素來表現(xiàn)的。在網(wǎng)頁設計中，圖片的添加可以增加頁面的美感和效果，設計師可以通過網(wǎng)絡、數(shù)碼相機、掃描儀，或者利用專業(yè)的繪圖制作、PS等多種渠道進行圖片的取材，并根據(jù)頁面的主題來選擇合適圖片進行應用。設計師通過對圖片的內(nèi)容、色彩和結(jié)構等因素進行排列組合，是突出網(wǎng)頁主題、美化網(wǎng)頁效果的重要手段。

在網(wǎng)頁的美學應用中，除了對圖片的有效應用外，最重要的就是對色彩的應用了。顏色對人的心理情緒有著無可厚非的影響，準確的色彩組合與搭配能夠豐富頁面的內(nèi)容，美化頁面，還能影響人們在瀏覽頁面時的主觀情緒。因此這也對設計師需要熟知色彩的應用提出了更高的要求。

不同的顏色使人產(chǎn)生不同的聯(lián)想。例如紅色視覺刺激較強，給人活躍、熱烈、朝氣的感覺；橙色相對柔和一些，給人溫暖、明快的感覺；藍色則與紅色相反，給人沉靜、理智和清澈的感覺；紫色讓人感覺高雅和雍容華貴等等。當然顏色的深淺和搭配也都會產(chǎn)生不同的情緒聯(lián)想，在網(wǎng)頁設計中，設計師應注意整體的色彩運用，切忌東一塊西一塊給人產(chǎn)生拼湊和視覺混亂的感覺。協(xié)調(diào)的色彩組合才會使瀏覽者在閱讀時與信息產(chǎn)生情感的交流，產(chǎn)生美的感受。

4、 留白藝術的應用

留白是我國傳統(tǒng)藝術表現(xiàn)手法之一，在現(xiàn)代網(wǎng)頁設計中同樣也是渲染藝術效果的重要手法。留白看似簡單，但是網(wǎng)頁中合理營造出虛實對比、做到簡單卻不空虛實屬不易。在處理留白技術時，不能局限于一小塊版面，而是應從整體出發(fā)，考慮到留白處與實景處之間的空間對比，使兩者形成均衡協(xié)調(diào)的效果。網(wǎng)頁的留白技術應用普遍出現(xiàn)在板塊中心周圍的空白或者字體與圖片之間的空白，但是留白之處并不局限于這兩種當中，只要符合整體的美觀效果，也可以將其應用到字與字之間真是筆畫之間，但是這種處理手法需要考慮得當，否則很容易導致整個頁面設計的失敗。同時應該注意的是，留白技術只是作為網(wǎng)頁藝術美感的渲染手法，成功的應用留白技術能夠有效地烘托主題內(nèi)容，但是如果將設計重點放在留白上，很容易造成頁面失衡，成為失敗的作品。