基于網頁設計的視覺心理運用研究

劉夢雪 劉海英

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

關鍵詞：設計心理學;網頁設計;視覺表達;運用;表達

一、序言

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

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

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

三、網頁設計——-文字設計的視覺心理原則

對于網頁設計來說，文字的運用是必不可少的，網頁的文字編排要求其易讀且有一定的藝術特色。優秀的網頁文字設計運用，應該考慮以下幾點視覺心理要素：

（一）、內容的清晰表達

從設計心理學來看，網頁文字內容編排表達清晰、邏輯嚴密、信息明確會在心理上給人一種信任感，也讓我們網頁所傳達的信息具有肯定性，凌亂的文字內容則會讓訪客產生心理上的質疑和情緒上的厭惡。

（二）、視覺上的可讀性

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

（三）、字體運用的巧妙性

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

（四）、文字的合理布局

與紙質閱讀方式不同，大部分用戶在瀏覽網頁中的文字時使用“z”字形閱讀法，細看頭尾瞟中間，極為快速，花費時間較短，參考用戶的這一視覺習慣和心理行為，設計師應該把重要的文字、標語盡可能的放在頭尾部分。

四、網頁設計——圖片編排的視覺心理作用

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

五、網頁設計——色彩的視覺心理表達

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

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

色彩的特性、色彩的對比與調和、色彩的意蘊等等都是網頁設計時選擇色彩的重要依據。色彩給人獨特的視覺心理感受，即可以有效指導網頁設計師有目的的、更好的選擇適宜的網頁色系，也可以通過色彩的使用，讓用戶與設計師所設計的網頁產生情感上的共鳴，提高用戶心理上對網頁的認可感和趣味性。

六、網頁設計——整體性的視覺心理需求

網頁設計視覺上整體性的好壞決定網頁的可用率，整體性強的網頁布局視覺上流暢、內容上融會貫通。在網頁頁面中，不同的模塊，被關注的程度也不同，給用戶的心理感受也不同，設計師應該根據不同的元素表達需要、畫面內容的重心關系，合理安排適當的位置。這樣有利于用戶在視覺上一目了然，由此增強心理上的耐性和繼續瀏覽下去的興趣。此外，建立網站導航也是完善整體性的手段，同時激發用戶心理訪問更深層頁面的欲望，增進對網站的進一步探索，也使得網站信息更清晰、明了的存在于用戶的視覺心理視線之內。

七、總結

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

參考文獻

[1]凌繼堯、徐恒醇.《藝術設計學》[M].上海人民出版社，2000

[2]陳根.《圖解設計心理學》[M].化學工業出版社，2017

[3]荊雷.《設計藝術原理》[M].山東教育出版社，2002

[4]楊選輝.《網頁設計與制作教程》[M].武漢大學出版社，2000

[5]周德華、許銘霖.《新編網頁設計教程》[M].冶金工業出版社，2006

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

劉海英，黑龍江省哈爾濱市哈爾濱理工大學設計學教授