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