基于網(wǎng)頁設(shè)計(jì)的視覺心理運(yùn)用研究

劉夢雪 劉海英

摘要：隨著時(shí)代的進(jìn)步和互聯(lián)網(wǎng)的快速發(fā)展，五花八門的網(wǎng)頁呈現(xiàn)在我們的日常生活中，成為我們了解新聞、娛樂、生活、實(shí)必不可少的重要渠道。如何讓網(wǎng)頁在視覺上吸人眼球成為了目前網(wǎng)頁設(shè)計(jì)所面臨的問題。本文結(jié)合設(shè)計(jì)心理學(xué)，以視覺心理為出發(fā)點(diǎn)剖析網(wǎng)頁設(shè)計(jì)的視覺原則要點(diǎn)。

關(guān)鍵詞：設(shè)計(jì)心理學(xué);網(wǎng)頁設(shè)計(jì);視覺表達(dá);運(yùn)用;表達(dá)

一、序言

網(wǎng)頁作為一個(gè)企業(yè)、單位對外所展示的形象，就好比一個(gè)人的臉面，必須在視覺上讓用戶心理感受到漂亮有內(nèi)涵，才能夠吸引用戶進(jìn)行下一步的操作，但網(wǎng)頁設(shè)計(jì)文化與其他文化大有區(qū)別，網(wǎng)頁文化設(shè)計(jì)還涉及運(yùn)用到視覺設(shè)計(jì)美學(xué)、設(shè)計(jì)心理學(xué)、人機(jī)工程等多個(gè)領(lǐng)域。一個(gè)吸引眼球的網(wǎng)頁界面設(shè)計(jì)不僅需要設(shè)計(jì)師精心組織文字、圖片、表格等內(nèi)容，更需要其對字體、圖片等內(nèi)容的顏色、風(fēng)格、大小等等的整體視覺傳達(dá)進(jìn)行科學(xué)美觀的規(guī)劃，由此可見要做出一個(gè)足夠完善的網(wǎng)頁，絕對不是一件輕松的事情，優(yōu)秀的網(wǎng)頁設(shè)計(jì)師會通過視覺感官影響不同信息在用戶心理的情緒，通過視覺感官與用戶溝通，傳達(dá)信息，更是可以根據(jù)一定的視覺心理技巧運(yùn)用帶給用戶盛大的視覺審美享受。

二、以“簡潔”為第一視覺原則

網(wǎng)頁設(shè)計(jì)中最基本的要求就是簡潔凝練，網(wǎng)絡(luò)信息的傳輸重在簡練，這是網(wǎng)絡(luò)信息傳輸?shù)奶匦院突疽?。通常來看，可用性高的網(wǎng)頁頁面基本都簡單干凈，過于復(fù)雜、組件繁多的網(wǎng)頁第一容易分散用戶的注意力混淆大家最初打開這一網(wǎng)頁的目的，第二在視覺上會給用戶造成凌亂煩躁的心理感受。簡潔的網(wǎng)頁頁面即可以在短時(shí)間內(nèi)抓住用戶的視線，快捷有效的傳遞訪客所需信息，又能給用戶一種友好型的心理感受。

三、網(wǎng)頁設(shè)計(jì)——-文字設(shè)計(jì)的視覺心理原則

對于網(wǎng)頁設(shè)計(jì)來說，文字的運(yùn)用是必不可少的，網(wǎng)頁的文字編排要求其易讀且有一定的藝術(shù)特色。優(yōu)秀的網(wǎng)頁文字設(shè)計(jì)運(yùn)用，應(yīng)該考慮以下幾點(diǎn)視覺心理要素：

（一）、內(nèi)容的清晰表達(dá)

從設(shè)計(jì)心理學(xué)來看，網(wǎng)頁文字內(nèi)容編排表達(dá)清晰、邏輯嚴(yán)密、信息明確會在心理上給人一種信任感，也讓我們網(wǎng)頁所傳達(dá)的信息具有肯定性，凌亂的文字內(nèi)容則會讓訪客產(chǎn)生心理上的質(zhì)疑和情緒上的厭惡。

（二）、視覺上的可讀性

網(wǎng)頁文字在視覺上要讓訪客有可讀性心理，首先文字大小是首要問題，其次文字內(nèi)容之間的行距、間距都需仔細(xì)衡量。文字大小、間距、行距是用戶體驗(yàn)中的一個(gè)重要部分，需避免過大溢屏和太顯緊湊的問題，雖然現(xiàn)今的瀏覽器縮放功能很方便，但是如若每一次打開網(wǎng)頁，切換網(wǎng)頁，都需要重新進(jìn)行縮放調(diào)整，視覺上會降低訪客的閱讀效率，心理上增加訪客的繁重感，由而對我們的網(wǎng)頁累覺不愛，產(chǎn)生退出的心理。

（三）、字體運(yùn)用的巧妙性

不同顏色的字體和風(fēng)格迥異的字體屬性可以在視覺上幫助用戶快速識別標(biāo)題、提取重要信息，從心理上提高用戶的趣味性和視覺美感享受，但需要注意的是，從設(shè)計(jì)心理學(xué)的視覺心理角度來說，往往一個(gè)頁面的字體風(fēng)格使用是應(yīng)該有一定限制的，過多的字體風(fēng)格使用，在視覺上會給用戶心理一種五顏六色亂七八糟沒有主次重點(diǎn)的感受，不僅使網(wǎng)頁視覺美感一塌糊涂，功能上也會失去重要內(nèi)容的強(qiáng)調(diào)作用和字體使用的意義。

（四）、文字的合理布局

與紙質(zhì)閱讀方式不同，大部分用戶在瀏覽網(wǎng)頁中的文字時(shí)使用“z”字形閱讀法，細(xì)看頭尾瞟中間，極為快速，花費(fèi)時(shí)間較短，參考用戶的這一視覺習(xí)慣和心理行為，設(shè)計(jì)師應(yīng)該把重要的文字、標(biāo)語盡可能的放在頭尾部分。

四、網(wǎng)頁設(shè)計(jì)——圖片編排的視覺心理作用

網(wǎng)頁設(shè)計(jì)中，如果只有文字版面的話，在視覺上會使用戶心理感覺網(wǎng)頁過于單一化且擁擠，圖片編排就很好的解決了這一問題，而圖片是網(wǎng)頁設(shè)計(jì)中最早運(yùn)用到的元素，因?yàn)閳D片本生就具有傳遞信息的特性，他可以很直觀的通過視覺傳達(dá)到用戶心理部分信息和內(nèi)容，而且圖片的編排使用可以很大程度上提高網(wǎng)頁的視覺美感，使用戶在瀏覽網(wǎng)頁時(shí)從內(nèi)心里的感到輕松有趣，從視覺上增強(qiáng)用戶繼續(xù)瀏覽下去的心理。選用適當(dāng)?shù)膱D片還能更好的突出主題，對網(wǎng)頁的內(nèi)容起到一定的說明作用。圖片編排不同于文字編排，圖片可以通過視覺上的形和色來刺激瀏覽者的心理，讓其進(jìn)行思考、聯(lián)想，從而在心理上進(jìn)一步的烘托和深化網(wǎng)頁的主體信息和形象。經(jīng)過調(diào)查研究顯示，對于網(wǎng)頁設(shè)計(jì)來說，圖片對用戶的吸引力是高過于文字的，這也進(jìn)一步證明，圖片對于用戶的視覺心理作用其實(shí)是高過文字信息的，但這并不表明網(wǎng)頁設(shè)計(jì)中可以毫無節(jié)制的使用圖片，圖片的過多過大，會直接影響網(wǎng)頁的開啟和傳輸速度，這也就直接關(guān)系到了網(wǎng)頁中信息的傳播率。介于這一原因，網(wǎng)頁設(shè)計(jì)中，圖片的排版使用需要“少而精”，如若必須要用到大量圖片來對用戶進(jìn)行視覺上、心理上的沖擊，就需要適當(dāng)?shù)慕o圖片進(jìn)行瘦身優(yōu)化。

五、網(wǎng)頁設(shè)計(jì)——色彩的視覺心理表達(dá)

不論在生活的哪一方面，色彩在視覺上對人類心理都有情緒上的帶動、行為上的引導(dǎo)作用，心理學(xué)家在色彩對人類的心理影響方面有很多的理論研究，例如，紅、橙、黃等暖色系列的純色從視覺上讓人心里有興奮感，容易帶動熱情、快樂、積極向上的情緒。藍(lán)、藍(lán)綠等冷色系的純色從視覺上讓人心里有沉靜感，常常使人聯(lián)想到和平、安靜、休息和生機(jī)盎然又使人鎮(zhèn)靜的顏色。色彩總是能通過視覺，在情感、行為、記憶、思想、欲望等方面對人的心理產(chǎn)生影響。

在網(wǎng)頁設(shè)計(jì)中，色彩的運(yùn)用尤為重要。那么怎么決定一個(gè)網(wǎng)頁的主體色呢？從設(shè)計(jì)心理學(xué)分析來看，第一應(yīng)該明確網(wǎng)頁功能的定位，黨政、教育教學(xué)、部分企業(yè)等宣傳網(wǎng)頁注重嚴(yán)謹(jǐn)，一般情況下整個(gè)網(wǎng)頁不會選用超過3種顏色，常用紅色、黃色、綠色這種在視覺上沉靜簡潔、心理感受上積極向上的顏色為參考。娛樂、旅游、購物、體育等網(wǎng)頁講究絢麗吸睛，在色彩運(yùn)用上相對較為豐富，應(yīng)該傾向于視覺心理上興奮、活躍一些的色彩?？萍?、競賽、游戲方面的網(wǎng)頁設(shè)計(jì)則偏向于黑色、深藍(lán)色等明度低的色彩，使人視覺心理上更有質(zhì)感，神秘性更強(qiáng)。通過思考網(wǎng)頁的類別分析用戶視覺和心理的感受傾向，是選擇網(wǎng)頁主體色的基本要求。第二明確網(wǎng)頁主要用戶的性別。根據(jù)用戶性別注意色彩的搭配，根據(jù)設(shè)計(jì)心理學(xué)來看，男女在色彩的視覺上有不一樣的心理傾向。這使得我們在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)需得考慮針對的用戶人群是什么。比如：女性類的網(wǎng)站宜采用明度高的色彩為主進(jìn)行配色設(shè)計(jì)，在視覺心理上迎合渲染女性用戶的溫柔、嫵媚個(gè)性特征;在男性類用戶多的網(wǎng)頁設(shè)計(jì)上，應(yīng)該傾向于選擇凝重明度的色彩，彰顯男性特有的堅(jiān)實(shí)粗?jǐn)U的氣質(zhì)，從而通過色彩在視覺心理上讓用戶產(chǎn)生認(rèn)同感和親近感，更有興趣的瀏覽下去。

色彩的特性、色彩的對比與調(diào)和、色彩的意蘊(yùn)等等都是網(wǎng)頁設(shè)計(jì)時(shí)選擇色彩的重要依據(jù)。色彩給人獨(dú)特的視覺心理感受，即可以有效指導(dǎo)網(wǎng)頁設(shè)計(jì)師有目的的、更好的選擇適宜的網(wǎng)頁色系，也可以通過色彩的使用，讓用戶與設(shè)計(jì)師所設(shè)計(jì)的網(wǎng)頁產(chǎn)生情感上的共鳴，提高用戶心理上對網(wǎng)頁的認(rèn)可感和趣味性。

六、網(wǎng)頁設(shè)計(jì)——整體性的視覺心理需求

網(wǎng)頁設(shè)計(jì)視覺上整體性的好壞決定網(wǎng)頁的可用率，整體性強(qiáng)的網(wǎng)頁布局視覺上流暢、內(nèi)容上融會貫通。在網(wǎng)頁頁面中，不同的模塊，被關(guān)注的程度也不同，給用戶的心理感受也不同，設(shè)計(jì)師應(yīng)該根據(jù)不同的元素表達(dá)需要、畫面內(nèi)容的重心關(guān)系，合理安排適當(dāng)?shù)奈恢谩＿@樣有利于用戶在視覺上一目了然，由此增強(qiáng)心理上的耐性和繼續(xù)瀏覽下去的興趣。此外，建立網(wǎng)站導(dǎo)航也是完善整體性的手段，同時(shí)激發(fā)用戶心理訪問更深層頁面的欲望，增進(jìn)對網(wǎng)站的進(jìn)一步探索，也使得網(wǎng)站信息更清晰、明了的存在于用戶的視覺心理視線之內(nèi)。

七、總結(jié)

縱觀全文，網(wǎng)頁設(shè)計(jì)視覺的美感直接影響用戶的心理和行為，網(wǎng)頁所呈現(xiàn)在用戶視覺上的文字、圖片、色彩及整體布局與用戶內(nèi)心心理機(jī)能會產(chǎn)生千絲萬縷的互動，呈現(xiàn)在用戶視覺上合理的文字、圖片、色彩和整體布局表達(dá)，可以通過視覺感官優(yōu)化網(wǎng)頁在用戶心理的可讀性、趣味性、信任感和視覺美感體驗(yàn)，在網(wǎng)頁設(shè)計(jì)中，要合理運(yùn)用這些視覺心理表達(dá)手段，使我們的網(wǎng)頁在海量網(wǎng)頁中能夠脫穎而出，更深刻的表達(dá)和刻畫網(wǎng)頁的主題及核心內(nèi)容，也使用戶在視覺及心理上輕松愉快的接受網(wǎng)頁所展現(xiàn)的信息。

參考文獻(xiàn)

[1]凌繼堯、徐恒醇.《藝術(shù)設(shè)計(jì)學(xué)》[M].上海人民出版社，2000

[2]陳根.《圖解設(shè)計(jì)心理學(xué)》[M].化學(xué)工業(yè)出版社，2017

[3]荊雷.《設(shè)計(jì)藝術(shù)原理》[M].山東教育出版社，2002

[4]楊選輝.《網(wǎng)頁設(shè)計(jì)與制作教程》[M].武漢大學(xué)出版社，2000

[5]周德華、許銘霖.《新編網(wǎng)頁設(shè)計(jì)教程》[M].冶金工業(yè)出版社，2006

作者簡介：劉夢雪，女，漢，籍貫：山西晉城，哈爾濱理工大學(xué)藝術(shù)學(xué)院，研究生在讀，研究方向：設(shè)計(jì)學(xué)

劉海英，黑龍江省哈爾濱市哈爾濱理工大學(xué)設(shè)計(jì)學(xué)教授