淺談商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中視覺心理因素的運(yùn)用

1、<p>　　淺談商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中視覺心理因素的運(yùn)用</p><p>　　[摘要] 商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中具體的字體、圖形、圖象、標(biāo)志等等，常常表現(xiàn)為點(diǎn)線面、色彩、動(dòng)靜、主次等視覺因素，這些因素的不同使用都會(huì)影響讀者的視覺習(xí)慣和心理變化。本文將分析商業(yè)網(wǎng)頁(yè)設(shè)計(jì)視覺因素的心理規(guī)律，揭示網(wǎng)頁(yè)設(shè)計(jì)如何通過(guò)視覺因素更有效、更合理的表現(xiàn)與傳達(dá)信息。 </p><p>　　[關(guān)鍵詞] 網(wǎng)頁(yè)設(shè)計(jì) 視覺心理

2、因素 構(gòu)成要素 視覺流程 </p><p>　　商業(yè)網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供產(chǎn)品和服務(wù)的一種方式,是企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，其網(wǎng)頁(yè)頁(yè)面由具體的文字（標(biāo)題、廣告語(yǔ)、單位名稱、Email地址等）、企業(yè)標(biāo)志、商標(biāo)、產(chǎn)品圖形、和信息菜單等內(nèi)容組成，這些內(nèi)容又常常表現(xiàn)為點(diǎn)線面、色彩、動(dòng)靜、主次等視覺因素，這些因素的不同使用都會(huì)影響讀者的視覺習(xí)慣和心理變化。 </p><p>　　本文

3、將試析商業(yè)網(wǎng)頁(yè)設(shè)計(jì)視覺因素的心理規(guī)律，揭示商業(yè)網(wǎng)頁(yè)設(shè)計(jì)如何通過(guò)視覺心理因素更有效、更合理的表現(xiàn)與傳達(dá)信息。展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務(wù)、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略。 </p><p>　　一、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中點(diǎn)、線、面視覺心理因素的運(yùn)用 </p><p>　　點(diǎn)、線、面是商業(yè)網(wǎng)頁(yè)設(shè)計(jì)基本的視覺元素，是表現(xiàn)視覺形象的基本設(shè)計(jì)語(yǔ)言。從視覺角度看網(wǎng)頁(yè)設(shè)計(jì)主要是如何經(jīng)營(yíng)好三者的關(guān)系，因?yàn)椴还苁侨魏我曈X形象或者

4、版式構(gòu)成，歸結(jié)到底，都可以歸納為點(diǎn)、線和面。 </p><p>　　1.網(wǎng)頁(yè)設(shè)計(jì)造型要素中的點(diǎn) </p><p>　　商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中的點(diǎn)是構(gòu)成網(wǎng)頁(yè)的最基本單位，是指頁(yè)面中具備點(diǎn)的視覺特點(diǎn)、體積較小的物象。相對(duì)于整體背景而言一個(gè)單獨(dú)的點(diǎn)是相比較而言的；是有大小、形狀和體積的。點(diǎn)的大小、形態(tài)、位置不同，所產(chǎn)生的視覺效果、心理作用也不同。一個(gè)網(wǎng)頁(yè)往往需要有數(shù)量不等，形狀各異的點(diǎn)來(lái)構(gòu)成，可以是具體

5、產(chǎn)品、商品標(biāo)志等，也可以是感覺上的點(diǎn)。例如，天空中的飛鳥、沙灘上的腳印、花瓣上的蜜蜂等，在其周圍背景襯托下，都給人以“點(diǎn)”的視覺心理感受。 </p><p>　　點(diǎn)在設(shè)計(jì)中即可以起一種穩(wěn)定造型的作用，亦可起到活潑生動(dòng)、吸引視覺中心的作用，使用得當(dāng)，甚至可以畫龍點(diǎn)睛；點(diǎn)的形狀、方向、大小、位置、聚集與發(fā)散，還能夠給人帶來(lái)不同的心理感受。 </p><p>　　(1)單點(diǎn)的應(yīng)用：點(diǎn)在人們的視覺

6、中具有很強(qiáng)的吸引作用，如：點(diǎn)（商品）設(shè)計(jì)在網(wǎng)頁(yè)的上方或左右位置，則給人不穩(wěn)定感和相對(duì)的動(dòng)感。 </p><p>　　(2)多點(diǎn)的應(yīng)用：兩點(diǎn)（二商品）之間會(huì)產(chǎn)生心理連線的感覺，多點(diǎn)時(shí)則會(huì)出現(xiàn)不同排列，順序的虛擬的面或形體。 </p><p>　　2.網(wǎng)頁(yè)設(shè)計(jì)造型要素中的線 </p><p>　　點(diǎn)的延伸形成線。線在頁(yè)面中的作用在于表示方向、位置、長(zhǎng)短、寬度、形狀、質(zhì)量

7、和情緒。線是分割頁(yè)面的主要元素之一，是決定頁(yè)面現(xiàn)象的基本要素。商業(yè)網(wǎng)頁(yè)設(shè)計(jì)視覺因素中的線主要指文字的行線，商品圖形、圖象的輪廊線，各種裝飾線。線的形態(tài)主要有直線和曲線兩大類： </p><p>　　(1)直線給人一種緊張、銳利、簡(jiǎn)潔、剛直感，從心理或生理感覺來(lái)看具有男性特點(diǎn)。直線又有：細(xì)直線，給人纖細(xì)、敏銳的心理感覺；粗直線，給人豪爽、拙樸、厚重的感覺；垂直線，給人一種挺拔、莊嚴(yán)感；水平直線則給人方向感和強(qiáng)烈的動(dòng)

8、感。 </p><p>　　(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ì)比。 </p><p>　　3.網(wǎng)頁(yè)設(shè)計(jì)造型要素中的面 </p

9、><p>　　線的推移形成面。面是無(wú)數(shù)點(diǎn)和線的組合。面具有一定的面積和質(zhì)量，占據(jù)空間的位置更多，因而相比點(diǎn)和線來(lái)說(shuō)視覺沖擊力更大更強(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)定的感覺。圓形充實(shí)、圓滿、活潑的感覺，比較適

10、合表現(xiàn)兒童產(chǎn)品或者女性用品。菱形或不規(guī)則形體則給人一種活潑、輕快之感。 </p><p>　　在商業(yè)網(wǎng)頁(yè)的視覺構(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á)到推銷、銷售商品和服務(wù)的作用。只有合理的安排好點(diǎn)線面的互相關(guān)系，才能設(shè)計(jì)出具有最佳視覺效果的頁(yè)面，

11、充分的表達(dá)出商業(yè)網(wǎng)頁(yè)最終的訴求！ </p><p>　　二、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中色彩視覺心理因素的運(yùn)用 </p><p>　　商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中色彩是確立網(wǎng)站風(fēng)格的靈魂。色彩能產(chǎn)生強(qiáng)烈的視覺效果，使頁(yè)面更加生動(dòng)。色彩設(shè)計(jì)的好壞直接影響閱讀者的觀賞興趣與心理變化。因此，地位十分重要。商業(yè)網(wǎng)頁(yè)的色彩設(shè)計(jì)應(yīng)從以下幾個(gè)方面把握和利用其心理特征： </p><p>　　首先，整個(gè)頁(yè)面要

12、確定一個(gè)主色調(diào)，其有利于體現(xiàn)網(wǎng)站主題。每一種色彩都具有它自身的性格，如：彩度高，明度高的色彩常給人一種華麗感，相反彩度低，低明度的色彩則給人一種樸實(shí)感。暖色系、高明度的色彩能給人一種面積大的前進(jìn)感。冷色系、低明度的色彩則能給人一種面積小的后退感。每個(gè)人群對(duì)色彩的喜好也有所不同，如男性較喜歡冷色，女性則偏好暖色或高明度、高彩度的色彩，兒童喜好純色，討厭濁色，老人則偏好濁色，中年人或文化層次較高的人偏好冷灰色等。因此在設(shè)計(jì)中要考慮主要讀者群

13、的背景和構(gòu)成以及如何與商品的屬性相呼應(yīng)。 </p><p>　　其次，在主色調(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><p>　

14、　最后，作為設(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）的重要部分。 </p><p>　　三、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中動(dòng)、靜的視覺心理因素的運(yùn)用 </p><p>　　商業(yè)網(wǎng)頁(yè)設(shè)計(jì)構(gòu)成要素可分為兩種狀態(tài)

15、：靜態(tài)與動(dòng)態(tài)。靜態(tài)要素設(shè)計(jì)具體指靜止的商品圖形、文字、按紐等；動(dòng)態(tài)要素，具體指動(dòng)態(tài)按紐、按紐連接、網(wǎng)頁(yè)動(dòng)畫和視頻等，它們是豐富、生動(dòng)網(wǎng)頁(yè)、張顯個(gè)性、突出主題重要手段。 </p><p>　　動(dòng)靜以及不同的動(dòng)靜組合都可以反映不同的心理與性格，如，動(dòng)大體上給人活潑、生動(dòng)的印象，但極慢的動(dòng)常給人憂慮感；迅速或突然的動(dòng)常給人焦慮、驚慌感。另外，靜也常給人寧?kù)o、沉悶兩種感覺。 </p><p>　　

16、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中要注意處理好動(dòng)靜的關(guān)系，要整體和諧統(tǒng)一，給人生動(dòng)而不躁動(dòng)或厭惡感。同時(shí)還要遵循動(dòng)態(tài)性原則與交互性原則。 </p><p>　　1.動(dòng)態(tài)性原則，即要有四維空間或五維空間的運(yùn)作觀念。一件網(wǎng)頁(yè)商品、圖片不僅是二維的平面或三維的視覺，也要有時(shí)間與空間的變換，情感與思維認(rèn)識(shí)的演變等多維因素。 </p><p>　　2.交互性原則，即界面設(shè)計(jì)強(qiáng)調(diào)交互過(guò)程。一方面是物的信息傳達(dá)，另一方面是

17、人的接受與反饋，對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。 </p><p>　　四、商業(yè)網(wǎng)頁(yè)設(shè)計(jì)中視覺流程心理因素的運(yùn)用 </p><p>　　商業(yè)網(wǎng)頁(yè)設(shè)計(jì)是通過(guò)視覺元素引起人注目而實(shí)現(xiàn)商品信息內(nèi)容的傳達(dá)，為了使網(wǎng)頁(yè)獲得最大的視覺傳達(dá)功能，使網(wǎng)頁(yè)真正成為可讀強(qiáng)性而且新穎的媒體，必須適應(yīng)人們視覺流程的心理和生理的特點(diǎn)。 </p><p>　　視覺流程的形成是由人類的視覺特性

18、所決定的。心理學(xué)家葛斯達(dá)認(rèn)為：人們閱讀時(shí)，版面的上部比下部的注目?jī)r(jià)值高，左側(cè)比右側(cè)的注目?jī)r(jià)值高。因此，版面的左上側(cè)位置最為引人注目，因此，在網(wǎng)頁(yè)設(shè)計(jì)中一些突出的商品信息，如主標(biāo)題、每天更新的內(nèi)容等通常都放在這個(gè)位置。以便于一開始就吸引受眾的視線，誘導(dǎo)其由上到下，由左到右地移動(dòng)。此位置也被稱作視覺的最佳視域。也就是最優(yōu)選的地方。當(dāng)然視覺流程是一種感覺而非確切的數(shù)學(xué)公式，只要符合人們認(rèn)識(shí)過(guò)程的心理順序和思維發(fā)展的邏輯順序，就可以更為靈活地運(yùn)

19、用。設(shè)計(jì)者可以利用視線移動(dòng)規(guī)律，誘導(dǎo)讀者的視線作左右流動(dòng)、上下流動(dòng)以及斜線的不穩(wěn)定流動(dòng)，通過(guò)編排設(shè)計(jì)，人為地產(chǎn)生最佳視域，突出主要商品，以達(dá)到一定的視覺效果，傳遞商品信息。 </p><p>　　商業(yè)網(wǎng)頁(yè)作為一種新的企業(yè)開展電子商務(wù)的基礎(chǔ)設(shè)施和信息平臺(tái)，它的發(fā)展雖然沒有多長(zhǎng)時(shí)間，卻兼容了傳統(tǒng)平面設(shè)計(jì)的特征，又具備其所沒有的優(yōu)勢(shì)，成為今后商品信息交流的一個(gè)非常有影響的途徑。其設(shè)計(jì)是一種綜合性的設(shè)計(jì)，它所涉及的范圍非

20、常的廣泛，包括消費(fèi)者心理學(xué)、視覺設(shè)計(jì)美學(xué)、人機(jī)工程、哲學(xué)等諸多方面，而本文中只從視覺心理因素的角度進(jìn)行了一些闡述與分析，僅作拋磚引玉之用。 </p><p><b>　　參考文獻(xiàn): </b></p><p>　　[1]李彬彬:設(shè)計(jì)效果心理評(píng)價(jià)[M].北京:中國(guó)輕工出版社,2005.1 </p><p>　　[2]趙殿澤:構(gòu)成藝術(shù)[M].沈陽(yáng):遼