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

才智咖 人氣:1.49W

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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