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

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

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

網(wǎng)頁(yè)設計構圖應遵循對稱(chēng)均衡、對比調和節奏韻律三大形式原理。

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

【圖１】

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

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

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

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

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

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

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

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

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

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

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

4、 留白藝術(shù)的應用

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