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