淺談商業(yè)網(wǎng)頁(yè)設計中視覺(jué)心理因素的運用
摘要:商業(yè)網(wǎng)頁(yè)設計中具體的字體、圖形、圖象、標志等等，常常表現為點(diǎn)線(xiàn)面、色彩、動(dòng)靜、主次等視覺(jué)因素，這些因素的不同使用都會(huì )影響讀者的視覺(jué)習慣和心理變化。本文將分析商業(yè)網(wǎng)頁(yè)設計視覺(jué)因素的心理規律，揭示網(wǎng)頁(yè)設計如何通過(guò)視覺(jué)因素更有效、更合理的表現與傳達信息。
關(guān)鍵詞: 網(wǎng)頁(yè)設計 視覺(jué)心理因素 構成要素 視覺(jué)流程
商業(yè)網(wǎng)站是企業(yè)向用戶(hù)和網(wǎng)民提供產(chǎn)品和服務(wù)的一種方式,是企業(yè)開(kāi)展電子商務(wù)的基礎設施和信息平臺，其網(wǎng)頁(yè)頁(yè)面由具體的文字(標題、廣告語(yǔ)、單位名稱(chēng)、 Email地址等)、企業(yè)標志、商標、產(chǎn)品圖形、和信息菜單等內容組成，這些內容又常常表現為點(diǎn)線(xiàn)面、色彩、動(dòng)靜、主次等視覺(jué)因素，這些因素的不同使用都會(huì )影響讀者的視覺(jué)習慣和心理變化。
本文將試析商業(yè)網(wǎng)頁(yè)設計視覺(jué)因素的心理規律，揭示商業(yè)網(wǎng)頁(yè)設計如何通過(guò)視覺(jué)心理因素更有效、更合理的表現與傳達信息。展現企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現企業(yè)發(fā)展戰略。
一、商業(yè)網(wǎng)頁(yè)設計中點(diǎn)、線(xiàn)、面視覺(jué)心理因素的運用
點(diǎn)、線(xiàn)、面是商業(yè)網(wǎng)頁(yè)設計基本的視覺(jué)元素，是表現視覺(jué)形象的基本設計語(yǔ)言。從視覺(jué)角度看網(wǎng)頁(yè)設計主要是如何經(jīng)營(yíng)好三者的關(guān)系，因為不管是任何視覺(jué)形象或者版式構成，歸結到底，都可以歸納為點(diǎn)、線(xiàn)和面。
1.網(wǎng)頁(yè)設計造型要素中的點(diǎn)
商業(yè)網(wǎng)頁(yè)設計中的點(diǎn)是構成網(wǎng)頁(yè)的最基本單位，是指頁(yè)面中具備點(diǎn)的視覺(jué)特點(diǎn)、體積較小的物象。相對于整體背景而言一個(gè)單獨的點(diǎn)是相比較而言的;是有大小、形狀和體積的。點(diǎn)的大小、形態(tài)、位置不同，所產(chǎn)生的視覺(jué)效果、心理作用也不同。一個(gè)網(wǎng)頁(yè)往往需要有數量不等，形狀各異的點(diǎn)來(lái)構成，可以是具體產(chǎn)品、商品標志等，也可以是感覺(jué)上的點(diǎn)。例如，天空中的飛鳥(niǎo)、沙灘上的腳印、花瓣上的蜜蜂等，在其周?chē)尘耙r托下，都給人以“點(diǎn)”的視覺(jué)心理感受。
點(diǎn)在設計中即可以起一種穩定造型的作用，亦可起到活潑生動(dòng)、吸引視覺(jué)中心的作用，使用得當，甚至可以畫(huà)龍點(diǎn)睛;點(diǎn)的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來(lái)不同的心理感受。
(1)單點(diǎn)的應用：點(diǎn)在人們的視覺(jué)中具有很強的吸引作用，如：點(diǎn)(商品)設計在網(wǎng)頁(yè)的上方或左右位置，則給人不穩定感和相對的動(dòng)感。
(2)多點(diǎn)的應用：兩點(diǎn)(二商品)之間會(huì )產(chǎn)生心理連線(xiàn)的感覺(jué)，多點(diǎn)時(shí)則會(huì )出現不同排列，順序的虛擬的面或形體。
2.網(wǎng)頁(yè)設計造型要素中的線(xiàn)
點(diǎn)的延伸形成線(xiàn)。線(xiàn)在頁(yè)面中的作用在于表示方向、位置、長(cháng)短、寬度、形狀、質(zhì)量和情緒。線(xiàn)是分割頁(yè)面的主要元素之一，是決定頁(yè)面現象的基本要素。商業(yè)網(wǎng)頁(yè)設計視覺(jué)因素中的線(xiàn)主要指文字的行線(xiàn)，商品圖形、圖象的輪廊線(xiàn)，各種裝飾線(xiàn)。線(xiàn)的形態(tài)主要有直線(xiàn)和曲線(xiàn)兩大類(lèi)：
(1)直線(xiàn)給人一種緊張、銳利、簡(jiǎn)潔、剛直感，從心理或生理感覺(jué)來(lái)看具有男性特點(diǎn)。直線(xiàn)又有：細直線(xiàn)，給人纖細、敏銳的心理感覺(jué);粗直線(xiàn)，給人豪爽、拙樸、厚重的感覺(jué);垂直線(xiàn)，給人一種挺拔、莊嚴感;水平直線(xiàn)則給人方向感和強烈的動(dòng)感。
(2)曲線(xiàn)表現出一種動(dòng)態(tài)，活潑，輕快的意味，顯示了女性美的特征，商業(yè)網(wǎng)頁(yè)設計中運用文字行、圖象輪廊線(xiàn)或裝飾線(xiàn)的造型，創(chuàng )造一種女性化的審美感。自由曲線(xiàn)是最好的情感抒發(fā)手段。打破了水平線(xiàn)組成的莊嚴和單調，給商業(yè)網(wǎng)頁(yè)增加了豐富、流暢、活潑的氣氛。水平線(xiàn)和自由曲線(xiàn)的組合運用，形成新穎的形式和不同情感的對比。
3.網(wǎng)頁(yè)設計造型要素中的面
線(xiàn)的推移形成面。面是無(wú)數點(diǎn)和線(xiàn)的組合。面具有一定的面積和質(zhì)量，占據空間的位置更多，因而相比點(diǎn)和線(xiàn)來(lái)說(shuō)視覺(jué)沖擊力更大更強烈。面在網(wǎng)頁(yè)設計中通常指各種圖形、色塊的形狀設計，不同形狀的面具有自己鮮明的個(gè)性和情感特征，能給人不同的心理感受，如方形的面具有沉著(zhù)，穩重，厚實(shí)，堅強的男性特征;三角形、梯形面常給人一種穩定、端正之感;但如果將它們倒過(guò)來(lái)設計，則給人一種輕、不穩定的感覺(jué)。圓形充實(shí)、圓滿(mǎn)、活潑的感覺(jué)，比較適合表現兒童產(chǎn)品或者女性用品。菱形或不規則形體則給人一種活潑、輕快之感。
在商業(yè)網(wǎng)頁(yè)的視覺(jué)構成中，點(diǎn)、線(xiàn)、面既是最基本的造型元素，又是最重要的表現手段。在確定商業(yè)網(wǎng)頁(yè)主體形象的位置、動(dòng)態(tài)時(shí)，點(diǎn)線(xiàn)面將是需要最先考慮的因素。必須熟練掌握設計語(yǔ)言。要善于根據商業(yè)特性采用不同的組合去體現不同的情感訴求，達到推銷(xiāo)、銷(xiāo)售商品和服務(wù)的作用。只有合理的安排好點(diǎn)線(xiàn)面的互相關(guān)系，才能設計出具有最佳視覺(jué)效果的頁(yè)面，充分的表達出商業(yè)網(wǎng)頁(yè)最終的訴求!
二、商業(yè)網(wǎng)頁(yè)設計中色彩視覺(jué)心理因素的運用
商業(yè)網(wǎng)頁(yè)設計中色彩是確立網(wǎng)站風(fēng)格的靈魂。色彩能產(chǎn)生強烈的視覺(jué)效果，使頁(yè)面更加生動(dòng)。色彩設計的好壞直接影響閱讀者的觀(guān)賞興趣與心理變化。因此，地位十分重要。商業(yè)網(wǎng)頁(yè)的色彩設計應從以下幾個(gè)方面把握和利用其心理特征：
首先，整個(gè)頁(yè)面要確定一個(gè)主色調，其有利于體現網(wǎng)站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實(shí)感。暖色系、高明度的色彩能給人一種面積大的前進(jìn)感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個(gè)人群對色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設計中要考慮主要讀者群的背景和構成以及如何與商品的屬性相呼應。
其次，在主色調下的色調搭配。若頁(yè)面空間整體、色彩和諧統一，則給人一種幽雅、寧靜感;若以對比手法處理，圖形文字色彩明快突出于背景色，則頁(yè)面空間氛圍會(huì )顯得活躍而有生氣。但是，要注意不能有強烈的色彩對比，因為過(guò)于豐富的背景色彩會(huì )影響前景商品圖片和文字的取色，使文字溶于背景中，不易辨識。所以背景一般應以單純?yōu)橐恕?/p>
最后，作為設計師在考慮網(wǎng)頁(yè)設計時(shí)，還應考慮到時(shí)代流行性色和企業(yè)標準色的問(wèn)題。所謂流行色，是指在一定范圍內和時(shí)間內，非常盛行并易為人們接受的某些式樣或顏色。而標準色的運用在網(wǎng)上擴大了品牌效應，也是對公司整體形象的統一應用，從而構成了企業(yè)識別系統(CIS)的重要部分。
三、商業(yè)網(wǎng)頁(yè)設計中動(dòng)、靜的視覺(jué)心理因素的運用
商業(yè)網(wǎng)頁(yè)設計構成要素可分為兩種狀態(tài)：靜態(tài)與動(dòng)態(tài)。靜態(tài)要素設計具體指靜止的商品圖形、文字、按紐等;動(dòng)態(tài)要素，具體指動(dòng)態(tài)按紐、按紐連接、網(wǎng)頁(yè)動(dòng)畫(huà)和視頻等，它們是豐富、生動(dòng)網(wǎng)頁(yè)、張顯個(gè)性、突出主題重要手段。
動(dòng)靜以及不同的動(dòng)靜組合都可以反映不同的心理與性格，如，動(dòng)大體上給人活潑、生動(dòng)的印象，但極慢的動(dòng)常給人憂(yōu)慮感;迅速或突然的動(dòng)常給人焦慮、驚慌感。另外，靜也常給人寧靜、沉悶兩種感覺(jué)。
商業(yè)網(wǎng)頁(yè)設計中要注意處理好動(dòng)靜的關(guān)系，要整體和諧統一，給人生動(dòng)而不躁動(dòng)或厭惡感。同時(shí)還要遵循動(dòng)態(tài)性原則與交互性原則。
1.動(dòng)態(tài)性原則，即要有四維空間或五維空間的運作觀(guān)念。一件網(wǎng)頁(yè)商品、圖片不僅是二維的平面或三維的視覺(jué)，也要有時(shí)間與空間的變換，情感與思維認識的演變等多維因素。
2.交互性原則，即界面設計強調交互過(guò)程。一方面是物的信息傳達，另一方面是人的接受與反饋，對任何物的信息都能動(dòng)地認識與把握。
四、商業(yè)網(wǎng)頁(yè)設計中視覺(jué)流程心理因素的運用
商業(yè)網(wǎng)頁(yè)設計是通過(guò)視覺(jué)元素引起人注目而實(shí)現商品信息內容的傳達，為了使網(wǎng)頁(yè)獲得最大的視覺(jué)傳達功能，使網(wǎng)頁(yè)真正成為可讀強性而且新穎的媒體，必須適應人們視覺(jué)流程的心理和生理的特點(diǎn)。
視覺(jué)流程的形成是由人類(lèi)的視覺(jué)特性所決定的。心理學(xué)家葛斯達認為：人們閱讀時(shí)，版面的上部比下部的注目?jì)r(jià)值高，左側比右側的注目?jì)r(jià)值高。因此，版面的左上側位置最為引人注目，因此，在網(wǎng)頁(yè)設計中一些突出的商品信息，如主標題、每天更新的內容等通常都放在這個(gè)位置。以便于一開(kāi)始就吸引受眾的視線(xiàn)，誘導其由上到下，由左到右地移動(dòng)。此位置也被稱(chēng)作視覺(jué)的最佳視域。也就是最優(yōu)選的地方。當然視覺(jué)流程是一種感覺(jué)而非確切的數學(xué)公式，只要符合人們認識過(guò)程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運用。設計者可以利用視線(xiàn)移動(dòng)規律，誘導讀者的視線(xiàn)作左右流動(dòng)、上下流動(dòng)以及斜線(xiàn)的不穩定流動(dòng)，通過(guò)編排設計，人為地產(chǎn)生最佳視域，突出主要商品，以達到一定的視覺(jué)效果，傳遞商品信息。
商業(yè)網(wǎng)頁(yè)作為一種新的企業(yè)開(kāi)展電子商務(wù)的基礎設施和信息平臺，它的發(fā)展雖然沒(méi)有多長(cháng)時(shí)間，卻兼容了傳統平面設計的特征，又具備其所沒(méi)有的優(yōu)勢，成為今后商品信息交流的一個(gè)非常有影響的途徑。其設計是一種綜合性的設計，它所涉及的范圍非常的廣泛，包括消費者心理學(xué)、視覺(jué)設計美學(xué)、人機工程、哲學(xué)等諸多方面，而本文中只從視覺(jué)心理因素的角度進(jìn)行了一些闡述與分析，僅作拋磚引玉之用。
參考文獻:
[1]李彬彬:設計效果心理評價(jià)[M].北京:中國輕工出版社,2005.1
[2]趙殿澤:構成藝術(shù)[M].沈陽(yáng):遼寧美術(shù)出版社，1994
[3]趙國志:色彩構成[M].沈陽(yáng):遼寧美術(shù)出版社，1994
[4]張國良:傳播學(xué)原理[M].上海:復旦大學(xué)出版社，2000.1
【淺談商業(yè)網(wǎng)頁(yè)設計中視覺(jué)心理因素的運用】相關(guān)文章：
淺談圖形設計在生活中的運用12-03
淺談中國元素在現代包裝設計中的運用11-18
試論高職網(wǎng)頁(yè)設計教學(xué)中版面視覺(jué)效果瑣談02-22
淺談數學(xué)教學(xué)中語(yǔ)文知識的運用03-25
淺談體育游戲在體育教學(xué)中的運用01-18
淺議商業(yè)廣告設計中創(chuàng )意圖形的視覺(jué)表達11-14
傳播學(xué)理論在視覺(jué)傳達設計的運用11-20
- 相關(guān)推薦