淺談商業網頁設計中視覺心理因素的運用

淺談商業網頁設計中視覺心理因素的運用

　　摘要:商業網頁設計中具體的字體、圖形、圖象、標志等等，常常表現為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。本文將分析商業網頁設計視覺因素的心理規律，揭示網頁設計如何通過視覺因素更有效、更合理的表現與傳達信息。

　　關鍵詞: 網頁設計 視覺心理因素 構成要素 視覺流程

　　商業網站是企業向用戶和網民提供產品和服務的一種方式,是企業開展電子商務的基礎設施和信息平臺，其網頁頁面由具體的文字(標題、廣告語、單位名稱、 Email地址等)、企業標志、商標、產品圖形、和信息菜單等內容組成，這些內容又常常表現為點線面、色彩、動靜、主次等視覺因素，這些因素的不同使用都會影響讀者的視覺習慣和心理變化。

　　本文將試析商業網頁設計視覺因素的心理規律，揭示商業網頁設計如何通過視覺心理因素更有效、更合理的表現與傳達信息。展現企業形象、介紹產品和服務、體現企業發展戰略。

　　一、商業網頁設計中點、線、面視覺心理因素的運用

　　點、線、面是商業網頁設計基本的視覺元素，是表現視覺形象的基本設計語言。從視覺角度看網頁設計主要是如何經營好三者的關系，因為不管是任何視覺形象或者版式構成，歸結到底，都可以歸納為點、線和面。

　　1.網頁設計造型要素中的點

　　商業網頁設計中的點是構成網頁的最基本單位，是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的;是有大小、形狀和體積的。點的大小、形態、位置不同，所產生的視覺效果、心理作用也不同。一個網頁往往需要有數量不等，形狀各異的點來構成，可以是具體產品、商品標志等，也可以是感覺上的點。例如，天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等，在其周圍背景襯托下，都給人以“點”的視覺心理感受。

　　點在設計中即可以起一種穩定造型的作用，亦可起到活潑生動、吸引視覺中心的作用，使用得當，甚至可以畫龍點睛;點的形狀、方向、大小、位置、聚集與發散，還能夠給人帶來不同的心理感受。

　　(1)單點的應用：點在人們的視覺中具有很強的吸引作用，如：點(商品)設計在網頁的上方或左右位置，則給人不穩定感和相對的動感。

　　(2)多點的應用：兩點(二商品)之間會產生心理連線的感覺，多點時則會出現不同排列，順序的虛擬的面或形體。

　　2.網頁設計造型要素中的線

　　點的延伸形成線。線在頁面中的作用在于表示方向、位置、長短、寬度、形狀、質量和情緒。線是分割頁面的主要元素之一，是決定頁面現象的基本要素。商業網頁設計視覺因素中的線主要指文字的行線，商品圖形、圖象的輪廊線，各種裝飾線。線的形態主要有直線和曲線兩大類：

　　(1)直線給人一種緊張、銳利、簡潔、剛直感，從心理或生理感覺來看具有男性特點。直線又有：細直線，給人纖細、敏銳的心理感覺;粗直線，給人豪爽、拙樸、厚重的感覺;垂直線，給人一種挺拔、莊嚴感;水平直線則給人方向感和強烈的動感。

　　(2)曲線表現出一種動態，活潑，輕快的意味，顯示了女性美的特征，商業網頁設計中運用文字行、圖象輪廊線或裝飾線的造型，創造一種女性化的審美感。自由曲線是最好的情感抒發手段。打破了水平線組成的莊嚴和單調，給商業網頁增加了豐富、流暢、活潑的氣氛。水平線和自由曲線的組合運用，形成新穎的形式和不同情感的對比。

　　3.網頁設計造型要素中的面

　　線的推移形成面。面是無數點和線的組合。面具有一定的面積和質量，占據空間的位置更多，因而相比點和線來說視覺沖擊力更大更強烈。面在網頁設計中通常指各種圖形、色塊的形狀設計，不同形狀的面具有自己鮮明的個性和情感特征，能給人不同的心理感受，如方形的面具有沉著，穩重，厚實，堅強的男性特征;三角形、梯形面常給人一種穩定、端正之感;但如果將它們倒過來設計，則給人一種輕、不穩定的感覺。圓形充實、圓滿、活潑的感覺，比較適合表現兒童產品或者女性用品。菱形或不規則形體則給人一種活潑、輕快之感。

　　在商業網頁的視覺構成中，點、線、面既是最基本的造型元素，又是最重要的表現手段。在確定商業網頁主體形象的位置、動態時，點線面將是需要最先考慮的因素。必須熟練掌握設計語言。要善于根據商業特性采用不同的組合去體現不同的情感訴求，達到推銷、銷售商品和服務的作用。只有合理的安排好點線面的互相關系，才能設計出具有最佳視覺效果的頁面，充分的表達出商業網頁最終的訴求!　

　　二、商業網頁設計中色彩視覺心理因素的運用

　　商業網頁設計中色彩是確立網站風格的靈魂。色彩能產生強烈的視覺效果，使頁面更加生動。色彩設計的好壞直接影響閱讀者的觀賞興趣與心理變化。因此，地位十分重要。商業網頁的色彩設計應從以下幾個方面把握和利用其心理特征：

　　首先，整個頁面要確定一個主色調，其有利于體現網站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實感。暖色系、高明度的色彩能給人一種面積大的前進感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個人群對色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設計中要考慮主要讀者群的背景和構成以及如何與商品的屬性相呼應。

　　其次，在主色調下的色調搭配。若頁面空間整體、色彩和諧統一，則給人一種幽雅、寧靜感;若以對比手法處理，圖形文字色彩明快突出于背景色，則頁面空間氛圍會顯得活躍而有生氣。但是，要注意不能有強烈的色彩對比，因為過于豐富的背景色彩會影響前景商品圖片和文字的取色，使文字溶于背景中，不易辨識。所以背景一般應以單純為宜。

　　最后，作為設計師在考慮網頁設計時，還應考慮到時代流行性色和企業標準色的問題。所謂流行色，是指在一定范圍內和時間內，非常盛行并易為人們接受的某些式樣或顏色。而標準色的運用在網上擴大了品牌效應，也是對公司整體形象的統一應用，從而構成了企業識別系統(CIS)的重要部分。

　　三、商業網頁設計中動、靜的視覺心理因素的運用

　　商業網頁設計構成要素可分為兩種狀態：靜態與動態。靜態要素設計具體指靜止的商品圖形、文字、按紐等;動態要素，具體指動態按紐、按紐連接、網頁動畫和視頻等，它們是豐富、生動網頁、張顯個性、突出主題重要手段。

　　動靜以及不同的動靜組合都可以反映不同的心理與性格，如，動大體上給人活潑、生動的印象，但極慢的動常給人憂慮感;迅速或突然的動常給人焦慮、驚慌感。另外，靜也常給人寧靜、沉悶兩種感覺。

　　商業網頁設計中要注意處理好動靜的關系，要整體和諧統一，給人生動而不躁動或厭惡感。同時還要遵循動態性原則與交互性原則。

　　1.動態性原則，即要有四維空間或五維空間的運作觀念。一件網頁商品、圖片不僅是二維的平面或三維的視覺，也要有時間與空間的變換，情感與思維認識的演變等多維因素。

　　2.交互性原則，即界面設計強調交互過程。一方面是物的信息傳達，另一方面是人的接受與反饋，對任何物的信息都能動地認識與把握。

　　四、商業網頁設計中視覺流程心理因素的運用

　　商業網頁設計是通過視覺元素引起人注目而實現商品信息內容的傳達，為了使網頁獲得最大的視覺傳達功能，使網頁真正成為可讀強性而且新穎的媒體，必須適應人們視覺流程的心理和生理的特點。

　　視覺流程的形成是由人類的視覺特性所決定的。心理學家葛斯達認為：人們閱讀時，版面的上部比下部的注目價值高，左側比右側的注目價值高。因此，版面的左上側位置最為引人注目，因此，在網頁設計中一些突出的商品信息，如主標題、每天更新的內容等通常都放在這個位置。以便于一開始就吸引受眾的視線，誘導其由上到下，由左到右地移動。此位置也被稱作視覺的最佳視域。也就是最優選的地方。當然視覺流程是一種感覺而非確切的數學公式，只要符合人們認識過程的心理順序和思維發展的邏輯順序，就可以更為靈活地運用。設計者可以利用視線移動規律，誘導讀者的視線作左右流動、上下流動以及斜線的不穩定流動，通過編排設計，人為地產生最佳視域，突出主要商品，以達到一定的視覺效果，傳遞商品信息。

　　商業網頁作為一種新的企業開展電子商務的基礎設施和信息平臺，它的發展雖然沒有多長時間，卻兼容了傳統平面設計的特征，又具備其所沒有的優勢，成為今后商品信息交流的一個非常有影響的途徑。其設計是一種綜合性的設計，它所涉及的范圍非常的廣泛，包括消費者心理學、視覺設計美學、人機工程、哲學等諸多方面，而本文中只從視覺心理因素的角度進行了一些闡述與分析，僅作拋磚引玉之用。

　　參考文獻:

　　[1]李彬彬:設計效果心理評價[M].北京:中國輕工出版社,2005.1

　　[2]趙殿澤:構成藝術[M].沈陽:遼寧美術出版社，1994

　　[3]趙國志:色彩構成[M].沈陽:遼寧美術出版社，1994

　　[4]張國良:傳播學原理[M].上海:復旦大學出版社，2000.1

【淺談商業網頁設計中視覺心理因素的運用】相關文章：

淺談圖形設計在生活中的運用12-03

淺談中國元素在現代包裝設計中的運用11-18

試論高職網頁設計教學中版面視覺效果瑣談02-22

淺談生態建筑理論在建筑住宅設計中的運用12-03

淺談數學教學中語文知識的運用03-25

淺談體育游戲在體育教學中的運用01-18

淺談Flash在多媒體網站中的運用12-12

淺議商業廣告設計中創意圖形的視覺表達11-14

傳播學理論在視覺傳達設計的運用11-20