網頁交互設計中的視覺呈現與應用

21世紀是信息時代，同時也是新媒體時代，雖然各類社交媒體社交應用平臺層出不窮其，用戶們瀏覽信息的渠道多種多樣，用網頁瀏覽信息已經不如幾年前那般火爆，但是各類移動智能終端盛行，網頁瀏覽器同時也有了更多的載體，他們可以出現在各種不同的移動終端之上，網頁依然在這個新媒體時代有這舉足輕重的作用。

一、網頁交互設計的視覺原則

（1）比例尺寸得當，對稱均衡適度

合適的比例是形式美要遵循的原則之一，它最早用于繪畫、雕塑中，但在網頁交互設計中也同樣必須遵循這一原則。網頁設計中的比例關系主要表現在組版元素間和諧的比例關系。對稱指以中軸線為中心分成相等兩部分的對應關系，如自然界中人的雙眼或鳥蟲的雙翅。在報紙版面中也經常運用對稱的形式，它給人以穩定、沉靜、端莊、大方的感覺，產生秩序、理性、高貴、靜穆的美。均衡體現力學原則，是以同量（心理感受的量）不同形的組合方式形成穩定而平衡的狀態.均衡指物體上下左右在量上的兩相均衡。網頁設計是點、線、面、形、聲、色的有機結合，要讓受眾調動視知覺，引起美的共鳴，從對稱均衡而言，在網頁設計中要做到以下幾點：一是為視知覺找一個平衡點，實現穩定性;二是讓相應的部位等量，易產生統一的秩序感實現對稱性;三是以平衡為基礎，調整尺寸形態結構.或者以形態各異的形，經視覺判斷，放置在確定的位置，以得到預想的均衡。

（2）動靜變化有序，節奏韻律明快

在網頁中，假想的三維空間關系是借助動靜變化以及圖像的比例關系等空間因素表現出來的。在頁面設計中，各元素前后左右位置變化所產生的視覺效果都不盡相同。各元素的位置不同能產生節奏的空間層次、視覺效果的不同，同時也能讓人產生不同的心理感受.在網頁中，注意運用音樂中的節奏、旋律與美術中的變化統一，韻律的有機結合，無聲與有聲藝術的結合，使人們在瀏覽網頁時充滿激情，讓網頁作品充滿活力。音樂的節拍叫做“韻律”，在平面設計中也有韻律。在網頁設計中把韻律當作一種節奏，這種節奏由視覺組成。韻律是用重復變動的元素來生成的形，需要考慮空間的因素，給人一個元素向另外一個元素運動的感覺。網頁設計中，韻律的實現是通過圖案的點和線條的排列來體現的。如果均勻地在一個頁面上畫一些垂直線，就會產生穩定的重復韻律，因為這些線之間的空間是相同的，人們的眼睛從一個元素移到另一個元素的時間是均勻的。如果線間的距離不均勻，就會形成一種變化或者有動感的韻律。在設計中要產生韻律的關鍵是理解重復和變化的不同，通過運用韻律的技巧可以使網頁顯得活潑、生動、有生命力。韻律節奏設計能夠渲染某種情調，增加版面的感染力，并使人沿著版面節奏變化的趨勢展開遐想。

（3）繁簡互襯，多樣統一

網設計總是在功能設計上出現兩個極端：過于繁雜或過于簡單.前者總是在設計初時沒有考慮到內容的可延展性，或是想面面俱到，把所有可能的功能都加上去，結果使得網頁內容根本滿足不了這些功能布局，反而讓網頁沒有重心，這種現象多出現在一些商業網頁設計中。后者總是在設計網頁時沒有專業的視覺設計，使用工具簡單，整個網頁只有顏色的搭配，而沒有真正的圖案的點和線條變化設計。在形式美的原則中，最根本的一條是多樣統一（或對立統一），網頁設計中的形式美所傳遞的視覺藝術也一樣。網頁中的各元素對立統一組成一個和諧的整體，設計者在設計過程要牢牢把握一致中的變化，變化中的統一。以上三個原則，是網頁設計中把握視覺藝術應遵循的準則，這些原則總是通過一些常用的方法表現出來。

二、網頁交互設計中視覺藝術的常用表現方法

（1）點、線、面的構成

在網面設計中，點的視覺構成形式表現手法主要有：無序排列的點、規律排列的點形成線的視覺效果，定向排列的點產生韻律感效果，分散定向排列的點形成面的視覺效果，大小不一的點沿相對方向聚合產生動的視覺效果。網頁設計總是通過這些點的視覺構成來表達類似活躍、生機、閃爍、韻律等種種聯想。在網面設計中，線的視覺構成形式表現手法主要有：密集排列的線形成面的視覺效果，疏密變化的線產生透視空間的視覺效果，線的粗細變化形成虛實空間的視覺效果，錯覺化的線形成不同的視覺暗示。通過線的視覺構成來表達類似平穩、不穩定、條理、圓潤等種種聯想.在網面設計中，面的視覺構成形式表現手法主要有：幾何的形面表現規則、平穩、較為理性的視覺效果，自然形面給人以生動、厚實的視覺效果，有機的形面形成柔和、自然、抽象的形態，偶然形面具有自由、活潑而富有哲理性，人造的形面富含理性的人文特點。

（2）文字的運用

首先，文字的位置要符合網頁整體需求，從全局的角度考慮文字在頁面中的安排，避免視覺上的沖突，避免引起主次不分。此外在設計中不要太相信軟件的自動排列，有時一個象素的偏差也會改變網頁的意圖。其次，文字是網頁的形象要素，具有傳達感情的功能，因而網頁中文字的運用要給人以美感，愉悅受眾心情，喚起受眾的審美感受，準確傳達出作者想表現出的意圖和構想。

（3）色彩搭配

設計者的意圖總是通過色彩來表達。色彩通過視覺反映人諸如興奮與鎮靜、溫度感、重量感等心理效應。通常，網頁作品最先攫取受眾注意力的是色彩，其次是圖像，最后才是文字。色彩總是設計師表達設計意圖的首選。掌握其色彩所具有的生理與心理的功能也是合理的運用色彩的必然要素。這兩種功能的產生是當人受到色彩的視覺沖擊后，自覺或不自覺地由個體本已具備的生理因素和心理因素所引起的視覺感知而達到的不同的視覺效果。生理因素包括色彩與聲音、色彩與味覺、色彩與形狀;心理因素則包括色彩的嗜好、色彩的聯想、色彩的象征等范疇，不同的色彩會給人以不同的感受。

三、總結

視覺藝術美的法則以及表現方法總隨著時代的不同而不斷發展，特別是今天變化極快的互聯網，由于追求的目標不斷變化，人們審視美的觀念也在不斷地變化，但是美的本質是一樣的。同時隨著技術的發展，很多以前不容易實現的視覺藝術也漸漸被實現。互聯網一旦突破帶寬的瓶頸，網頁設計中的視覺藝術將會有更廣闊的天地。

作者簡介：顧海松 男 漢族 舊金山藝術大學 網頁設計與新媒體專業 碩士 職稱 助教 研究方向 網頁交互 界面設計。