前言：尋找寫作靈感？中文期刊網用心挑選的網頁設計中視覺設計應用技巧，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：隨著互聯網的興起，網頁的應用也隨之普及。網頁的設計不僅要在網頁的結構邏輯上參考用戶的習慣，還要在視覺藝術設計上進行研究。本文從網頁中視覺設計元素的特征、視覺設計元素在網頁中的表現這兩個方面展開探討。
關鍵詞：網頁設計；視覺設計；應用技巧
1.1記憶性
記憶性表示畫面形成印象在腦海中存留的時間較久，在它再次出現在視線范圍內時會引起條件反射。通俗易懂、簡約干練的畫面可以讓瀏覽者接收信息時有更加深刻的印象，使得網頁設計作品的美觀度與可觀性大幅提升，突出作品獨特的魅力。如今，大眾已經非常重視視覺形象的設計感，新穎醒目的設計更能吸引他們。
1.2連續性
將設計頁面進行有層次的疊加是傳遞視覺信息的一種方式。對于一定畫面內的信息感知，通常人的觀察方式是點、線、面。在瀏覽過程中，頁面中的輪廓、分割線以及點，對于瀏覽者來說有一定的視覺刺激，所以根據人的觀察方式來確定頁面設計中的控制視覺信息次序是很重要的。連續出現會加深用戶視覺熟悉度，這對于視覺流程而言是最為基礎的方式。有明顯次序并且十分流暢連續的界面更加具有可讀性，用戶能通過快速瀏覽來了解界面內容，使瀏覽過程更加愉悅。
1.3注目性
頁面的形象能夠引起用戶的注意就是注目性。注目性往往與視覺形象的色彩、環境、大小、結構、方位等因素有關。網頁設計者在設計時采用鮮明生動、簡潔明了的視覺語言，有利于把閱讀者的注意力和視線吸引過來。
2視覺效果的設計技巧
2.1黃金比例和使用網格
黃金比例作為視覺設計中最具有吸引力的設計運用，在數學界和藝術作品的設計中都得到了廣泛運用。將黃金分割運用于網頁設計中各模塊的大小及擺放位置，能夠設計出符合用戶瀏覽模式的視覺比例。九宮格使黃金比例的運用更為簡單，將九宮網格置于頁面之上，其2/3的位置便是寬和高的最佳位置。許多瀏覽量和點擊率高的網頁，都十分注重運用黃金比例來進行布局。
2.2分割布局的應用
將整體界面均分為兩個部分的設計方式便是分割布局，這種布局方式是較為基礎的，但它展示出來的效果也是非常整齊美觀的。人們在瀏覽一個界面時，視線走向會按照“鋸齒形”軌跡前進。一旦后續開始進行水平直線瀏覽，就證明用戶已進入深入閱讀狀態。所以在一個一眼就能掃盡的界面里，要盡量展示出主要的信息點，幫助用戶了解界面主題，運用科學方法來進行省略瀏覽的模式設計，更能夠將隨意瀏覽頁面的潛在用戶的視線吸引到網站中來。此現象形成過程為：用戶打開頁面，視線快速掃描有用信息，在視線轉折點進行暫停轉向，在這短短的暫停時間中人腦會對這個瞬間進行暫時性記憶畫面停留。所以依照“鋸齒狀”來進行整體界面布局設計，將想展示給用戶的關鍵信息放置在各個“轉折點”之上，大腦的每次短暫記憶畫面停留就會從這個畫面里獲取一些有效信息。用這種實現關鍵的推薦信息的方式可以更加有效地向用戶展示一些主要功能，或者欲推銷的產品與服務。這種布局方式的運用是較為便利的，不需要進行一些測量或計算，只要把界面均分成兩個部分，由于鋸齒形的轉折點大都會聚在每個部分的中心處，將首要展示的內容分布在鋸齒形的各個結束點，便能實現中心凸顯的效果。而且此種方式布局能夠讓界面不顯凌亂，簡潔大氣，展現出簡約而不失實用性的設計理念。
2.3色彩的運用
對于網頁設計來說，色彩的運用絕對是影響整體界面效果的重要原因之一。就設計而言，色彩運用的主要原則是風格統一、簡約而又凸顯重點。對于用戶來說，色彩的運用可以影響用戶的瀏覽體驗，不同顏色給人不一樣的心理沖擊。比如，鮮艷的紅色最能吸引人的目光，透露出一股熱烈而又熱情的感覺，不過由于不斷刺激視覺，很快會產生視覺疲勞；相反綠色并不是最能吸引視覺的顏色，而且在視線范圍內常常被忽略，可它給視覺帶來的是一種輕松舒適的感覺，能夠使人心情平靜；灰色相對于黑色來說不那么壓抑，比之白色又不那么平淡，作為背景色來說，利用不同灰度的灰色來代替白或黑與其他顏色搭配更加適用。金屬色系的灰色是十分有科技感的。舉個例子，假如是設計飲品店的界面，其色彩運用應選取更加清涼舒適的藍色，讓人感受到這個飲品店帶來的夏日清爽，激起用戶購買欲，讓線上營銷獲得良好的實踐效果。但是多顏色疊加對于網頁設計來說是不提倡的，會給人一種眼花繚亂之感，顯得整個設計非常雜亂，質感差，應該統一風格，在同一個色系里搭配顏色。此外還需注意，對于色彩的運用除了美觀之外也要多多考慮地域和文化的差異，不同地區或不同民族從顏色獲取到的感受不同。在確定需求時要對受眾面進行分析，選擇適合的色系，這是網頁設計色彩運用的首要事項。
2.4迎合用戶習慣
時間就是金錢，翻遍頁面卻找不到有效信息是令人煩悶的一件事情，在快速瀏覽搜索過程中，一個具有可觀性而又簡約美觀的界面更能夠吸引用戶登錄，因為這樣的界面能撫平他們煩悶的心理，卸下心防從而選擇登錄這個網站。在視覺方面能夠引起用戶共鳴的界面能夠讓用戶產生信任感，這種頁面在顏色和布局方面都比較符合行業特征，用戶最后會選擇停留在這個頁面里瀏覽，這也是網站的主要目的之一。所以一個界面的顏色和布局對于瀏覽量來說是十分重要的。在設計之前進行企業需求分析是十分有必要的，因為這會確定整個網頁的定位和風格，根據不同公司的性質所銷售的產品或者服務特性來確定用戶群體，經過一定數據的觀察分析用戶，便可以知道用戶的生活特性以及年齡，通過對他們心理的分析，了解他們登錄網站的目的，有針對性地進行網頁的改進設計，以此來留住用戶，讓網站能夠起到最好的推廣作用。布局方面，可以根據現實內容的多少來確定布局方式，“國”字形布局適用于內容較多的頁面，反之可以使用標題正文的布局方式來使得頁面顯得比較豐富。而自由式更加適合想要凸顯自身形象的企業或個人主頁。對比方式的靈活運用也能在設計中達到多變的效果。界面設計中，色彩的色相不同、明度高低、飽和度高低以及形態的狀態變化，線條的虛實短淺，會形成多變的界面，打造出飽滿而又不累目的視覺效果。比如迪士尼的網頁給人的第一印象就是豐富生動的，根據迪士尼的特征，采用大量比色進行布局，界面看起來豐富盈動，加之動畫的適當鋪綴，動靜分明，有獨特的對比感，這種變化豐富而又靈動的設計風格賦予了迪士尼網頁獨特的個性。簡約干凈、整齊劃一是界面設計的基本原則。雖說設計有多樣化，但是網頁的主要功能是提供信息，信息才是最主要的，繁雜的界面容易弱化信息的重點，將內容進行分類再將關鍵信息提煉出來簡明扼要地展示給用戶才是網頁吸引用戶的核心。這樣能給瀏覽者一個非常好的第一印象，不至于一進入網站便想關閉界面。簡潔大氣的網頁布局、通俗簡練的指引才是吸引用戶的關鍵。
3結語
網頁設計與使用者體驗息息相關，因此頁面設計應符合用戶的使用習慣和審美需求，充分運用藝術元素對網頁進行加工，通過視覺效果提升用戶點擊率，幫助網頁更好地進行推廣。
參考文獻：
［1］劉中華.網頁設計中信息的視覺傳達研究［D］.湖北工業大學，2009.
［2］劉巖妍.淺析網頁設計中的視覺設計原則［J］.科技情報開發與經濟，2007，17（31）.
作者:孫薇卿 單位:無錫科技職業學院