行業動態平面視覺元素在網頁設計中的應用

發布：2019-03-07 12:52:49 瀏覽：5492

一般來說,以往的平面設計在視覺元素的應用上受到印刷技術的限制,隨著網絡技術的不斷發展,平面設計逐漸延伸到網絡,在這一背景下的平面設計具備效率高、圖文互動強、信息資源豐富的優點,賦予原有的平面視覺元素在網頁設計中的應用新的意義。目前,構成網頁設計的圖形視覺元素主要包括文本元素、圖形元素和色彩元素。

(一)文字元素

在網頁設計中,文字元素起著至關重要的作用,它是向瀏覽者傳遞網頁信息的重要載體,其地位是不可撼動的。一般來說,文本在很大程度上決定了整個網站的效果。在網頁設計中,文字的易讀性和辨識性是非常重要的。因此,設計師在使用手機文本時要謹慎。同時,在網頁設計中,設計者必須牢固設置主體文本,處理相關細節,安排文本與圖形的交集。在當前的網頁設計階段,文字變得越來越圖形化。換句話說,文本作為一種圖形元素體現出來,增強了審美效果,對原有功能起到了強化作用。

(二)圖形元素

從客觀角度來說,網頁的整體美感在很大程度上取決于圖形元素的應用,因為和文字元素相比,其具有較強的藝術美感和視覺沖擊力。除此之外,它在傳遞信息方面也比文字元素要直接得多。然而,為了充分發揮圖形元素的作用,我們需要注意其色彩搭配和版面的布局,需要適應人們的審美心理,達到在短時間給人留下深刻印象的目的。一般來說,網頁設計中的圖像具備導向和鏈接的功能。根據相關心理學研究,在瀏覽網頁時,眼睛會先垂直落在屏幕的中心,然后看四邊。

設計師在進行網頁設計的時候,往往會將重要的信息安排在注視點高的區域,并且在這種情況下,會根據視覺流程合理安排圖片的適度位置。我們在瀏覽圖片的時候會首先通過網絡下載,也就是說,網頁中的圖片受寬帶的限制,在進行網頁設計時設計者會盡可能地減少圖形文件量,不過文件量越低,圖片的分辨率就越低,受眾的體驗比較差。針對這種情況,設計者需要從實際情況出發,選擇最佳的圖形文件量。

(三)色彩元素

在網頁設計過程中,色彩的匹配會直接影響網站的整體風格。色彩是設計中最重要的因素之一,它以文字和圖形為基礎,主要通過視覺沖擊作用于觀眾的心理。具體來說,就是通過不同色彩給人們帶來不同的心理暗示,比如黑色是沉穩、黃色是溫暖、紅色是官方,等等。除此之外,色彩的飽和度、明度及色調也會影響網頁的視覺效果。同時,需要強調的是,網頁設計師在運用色彩元素的時候,必須保證其符合國際色彩標準,因為互聯網是建立在同一平臺上的,盡量使用網頁安全的顏色,禁止無節制地使用大量顏色。再者,設計師還需要從網頁的實際情況出發,對色調和輔助色進行調整,保證整體的美觀度和舒適感,同時符合網頁內容的主題。

平面視覺元素在網頁設計中的應用問題

(一)網頁版式設計應用上的問題

就現階段來看,我國一些企業在網站設計上,過于追求商業價值,這就使得網頁板式設計在應用平面視覺元素上缺乏藝術性和合理性。除此之外,一些企業在做網頁的過程中,要求設計師不斷豐富頁面內容,進一步導致簡單羅列網頁版塊的現象出現,影響網站信息質量,還會給人一種信息冗雜的感覺。

(二)文字視覺元素應用上的問題

從客觀角度來看,中國的字體結構比較復雜,在中國的網站設計中對中文字體格式的發展等方面存在一定的限制。在這種情況下,一些網站在設計過程中會追求文字的視覺效果,如現有的單詞下劃線的鏈接,這不是大問題,但是設計師往往忽略字體間距,進一步使頁面發生擁堵,很容易引起客人的反感。此外,國內一些網站在設計過程中缺乏對頁面整潔和模塊區域的考慮,出現加大字體等錯誤的文字用法。

(三)網頁圖片設計方面存在的問題

網頁平面設計不合理主要表現在兩個方面:一方面,圖像大小問題,一些設計師在文本格式的應用程序中,沒有更大的圖片,導致整個頁面的效果缺乏細節、豐滿,或只是沒有更大的圖片,進一步紊亂,難以突出關鍵信息。另一方面,圖像的位置、面積、數量和分辨率將直接影響觀眾的視覺感知或信息的缺乏。因此,布局設計不當容易導致視覺信息的錯誤引導。

(四)網頁色彩布置上存在的問題

在網頁設計中,常常會出現色彩布置的問題,比如整體色彩不協調、內在美感不明顯,等等。除此之外,還存在色彩的視覺效果沖擊干擾人們瀏覽頁面的情況,舉個例子來說,當網頁使用帶有豐富色彩的圖片作為背景的時候,就會對人們的視覺產生沖擊,進一步引起他們的閱讀疲勞。還有網站整體色彩和信息不搭配,比如慶祝新年的時候,有的網站仍然將藍色、黑色等作為主題顏色,不符合內容信息所體現的情緒。

網頁設計中的平面視覺元素應用要求

(一)網頁版式設計方面

在網頁設計中,網頁板式的設計是十分重要的環節,如果沒有合理有效的排版,那么平面視覺元素應用得再好也無濟于事,傳遞的信息再有質量也難以得到瀏覽者的深入了解。因此,那些過于追求網頁商業價值的企業,必須更新觀念,重視網頁的美觀性和各方面元素的合理配置,這樣才能取得良好的實效。首先,設計者應該從讀者的角度出發,設計出方便讀者瀏覽的版面,還要考慮網頁信息的重點,并將其放在合理位置,這樣不僅能夠給讀者好的視覺感受,還能有效傳遞信息。

(二)文字視覺元素應用方面

在網頁設計中,文字元素占據著十分重要的地位,它是向瀏覽者傳遞網站信息的主要載體,其地位是難以被其他因素所取代的,比如圖片和視頻。因此,文本設計的質量在很大程度上決定了整個網站的視覺效果。在這種情況下,設計者可以從實際需求出發,將表達內心的情感作為根本目的,進行適當的人性化設計,鑒于目前Web客戶機種類較多,漢字字體的局限性、設計和開發,在設計過程中,設計師或使用默認字體,進一步提高設計效率和讀者瀏覽效率。

(三)網頁圖形圖像應用方面

隨著互聯網的發展,人們更傾向于從圖片中獲取想要的信息,在網頁設計中,圖像起著十分關鍵的作用。經典的圖形圖像設計,不僅僅是視覺效果的準確和豐富,而且是網站主題內容的表現。設計者需要在保證頁面效果的同時,還要讓瀏覽更方便地閱讀。比如在分辨率問題上,設計者可以將那些沒有特殊要求的圖片定位在多常用的分辨率層面上,以此解決終端顯示器分辨率帶來的局限性問題。

(四)色彩視覺元素應用方面

在平面視覺元素中,對瀏覽者視覺影響最大的是色彩元素。在通常情況下,一個優秀的網站會在網頁設計中合理運用色彩符號,以此給瀏覽者和諧寬松的視覺效果,激發他們的閱讀興趣。因此,在進行網頁設計的過程中,設計師要重視色彩的搭配,提高裝修的價值程度,依據整體和諧的原則運用色彩。

比如在網頁的局部對比方面,設計師可以采用一些暖色和冷色,這樣能夠有效強化其記憶效果。同時,在主色和輔助色的選擇上,設計者需要從網頁的內容信息出發,搭配與其體現的情緒相符合的色彩。

平面視覺元素在網頁設計中新的發展方向

從理論上來說,平面視覺元素在網頁設計中的應用其實相當于對傳統平面設計的延伸。二者設計的目的都是一樣的,即傳遞信息和審美。同時,網頁設計和傳統設計的視覺構成元素也是一樣的,無外乎圖形、文字及色彩這三種。從平面設計的范疇看,網頁設計的不同在于它打破了傳統二維靜態空間的限制,實現了動態信息的傳遞,增強了與人們之間的交互性,正因為如此,才使得網頁設計成了一個嶄新的且前景廣闊的設計領域。同時,信息時代的到來為網頁設計提供了良好的發展條件。對于人們來說,視覺元素的動態表達和交互性在很大程度上滿足了他們的需求,大大提高了他們的瀏覽興趣。另外,若從未來發展方向看,平面視覺元素在網頁設計中將朝以下兩方面發展:

(一)交互元素

由于網絡技術的不斷發展,網頁方面的技術不斷發展,由于平面設計中視覺元素逐漸由原本的二維空間變成多維空間的轉變,為了適應網頁這一新媒體的逐漸發展,交互元素應運而生。就現階段來看,交互技術呈現出良好且迅速的發展趨勢,這會在很大程度上增強網頁交互設計的互動性,也會豐富網頁互動的形式與內容,進一步激發人們的瀏覽興趣。可以說,這是網頁交互動畫設計的一個發展方向。除此之外,在形式上,有更多的互動種類,比如以聲音和視覺控制的互動形式的,等等,具體來說就是網頁設計在運用平面視覺元素的過程中,將會采用多種形式讓瀏覽者和計算機交互,并且保證瀏覽方式的個性化,以此滿足不同群體的瀏覽需求,進一步為人機交互帶來更大的便利。此外,在內容上,網頁設計將朝著更豐富、更有個性的方向發展,通過運用平面視覺元素,讓交互的內容涉及網絡的方方面面,促進人們和虛擬世界自然互動,給人們帶來輕松、個性的娛樂感受。

(二)動態因素

在網頁設計中,動畫、視頻屬于最活躍且最生動的因素,它能夠將網頁的信息直觀傳遞給人們,增加對人們的視覺沖擊,促進人與人之間的溝通和互動。除此之外,動畫及視頻元素的運用還能夠有效豐富網頁信息內容,帶給人們視聽享受。如今,各種媒體媒介層出不窮,對動畫元素的應用越來越成熟,從心理上來說,動畫元素適應人們的感官體驗,且極具親和力,屬于對受眾視覺和心理上的一種調劑,能進一步增強他們的愉悅感,賦予瀏覽者更廣闊的想象空間。總而言之,隨著多媒體技術的不斷發展,人們對網頁交互元素、動態元素有了更深入的認識,這要求網頁設計在未來發展中朝著多元化方向發展,即除了傳統三個平面視覺元素之外,加強對交互元素和動態的元素的成熟運用,進一步增加瀏覽者的感官體驗,有效傳遞網頁信息。