基于网页设计的视觉心理运用研究

刘梦雪 刘海英

摘要：随着时代的进步和互联网的快速发展，五花八门的网页呈现在我们的日常生活中，成为我们了解新闻、娱乐、生活、实必不可少的重要渠道。如何让网页在视觉上吸人眼球成为了目前网页设计所面临的问题。本文结合设计心理学，以视觉心理为出发点剖析网页设计的视觉原则要点。

关键词：设计心理学;网页设计;视觉表达;运用;表达

一、序言

网页作为一个企业、单位对外所展示的形象，就好比一个人的脸面，必须在视觉上让用户心理感受到漂亮有内涵，才能够吸引用户进行下一步的操作，但网页设计文化与其他文化大有区别，网页文化设计还涉及运用到视觉设计美学、设计心理学、人机工程等多个领域。一个吸引眼球的网页界面设计不仅需要设计师精心组织文字、图片、表格等内容，更需要其对字体、图片等内容的颜色、风格、大小等等的整体视觉传达进行科学美观的规划，由此可见要做出一个足够完善的网页，绝对不是一件轻松的事情，优秀的网页设计师会通过视觉感官影响不同信息在用户心理的情绪，通过视觉感官与用户沟通，传达信息，更是可以根据一定的视觉心理技巧运用带给用户盛大的视觉审美享受。

二、以“简洁”为第一视觉原则

网页设计中最基本的要求就是简洁凝练，网络信息的传输重在简练，这是网络信息传输的特性和基本要求。通常来看，可用性高的网页页面基本都简单干净，过于复杂、组件繁多的网页第一容易分散用户的注意力混淆大家最初打开这一网页的目的，第二在视觉上会给用户造成凌乱烦躁的心理感受。简洁的网页页面即可以在短时间内抓住用户的视线，快捷有效的传递访客所需信息，又能给用户一种友好型的心理感受。

三、网页设计——-文字设计的视觉心理原则

对于网页设计来说，文字的运用是必不可少的，网页的文字编排要求其易读且有一定的艺术特色。优秀的网页文字设计运用，应该考虑以下几点视觉心理要素：

（一）、内容的清晰表达

从设计心理学来看，网页文字内容编排表达清晰、逻辑严密、信息明确会在心理上给人一种信任感，也让我们网页所传达的信息具有肯定性，凌乱的文字内容则会让访客产生心理上的质疑和情绪上的厌恶。

（二）、视觉上的可读性

网页文字在视觉上要让访客有可读性心理，首先文字大小是首要问题，其次文字内容之间的行距、间距都需仔细衡量。文字大小、间距、行距是用户体验中的一个重要部分，需避免过大溢屏和太显紧凑的问题，虽然现今的浏览器缩放功能很方便，但是如若每一次打开网页，切换网页，都需要重新进行缩放调整，视觉上会降低访客的阅读效率，心理上增加访客的繁重感，由而对我们的网页累觉不爱，产生退出的心理。

（三）、字体运用的巧妙性

不同颜色的字体和风格迥异的字体属性可以在视觉上帮助用户快速识别标题、提取重要信息，从心理上提高用户的趣味性和视觉美感享受，但需要注意的是，从设计心理学的视觉心理角度来说，往往一个页面的字体风格使用是应该有一定限制的，过多的字体风格使用，在视觉上会给用户心理一种五颜六色乱七八糟没有主次重点的感受，不仅使网页视觉美感一塌糊涂，功能上也会失去重要内容的强调作用和字体使用的意义。

（四）、文字的合理布局

与纸质阅读方式不同，大部分用户在浏览网页中的文字时使用“z”字形阅读法，细看头尾瞟中间，极为快速，花费时间较短，参考用户的这一视觉习惯和心理行为，设计师应该把重要的文字、标语尽可能的放在头尾部分。

四、网页设计——图片编排的视觉心理作用

网页设计中，如果只有文字版面的话，在视觉上会使用户心理感觉网页过于单一化且拥挤，图片编排就很好的解决了这一问题，而图片是网页设计中最早运用到的元素，因为图片本生就具有传递信息的特性，他可以很直观的通过视觉传达到用户心理部分信息和内容，而且图片的编排使用可以很大程度上提高网页的视觉美感，使用户在浏览网页时从内心里的感到轻松有趣，从视觉上增强用户继续浏览下去的心理。选用适当的图片还能更好的突出主题，对网页的内容起到一定的说明作用。图片编排不同于文字编排，图片可以通过视觉上的形和色来刺激浏览者的心理，让其进行思考、联想，从而在心理上进一步的烘托和深化网页的主体信息和形象。经过调查研究显示，对于网页设计来说，图片对用户的吸引力是高过于文字的，这也进一步证明，图片对于用户的视觉心理作用其实是高过文字信息的，但这并不表明网页设计中可以毫无节制的使用图片，图片的过多过大，会直接影响网页的开启和传输速度，这也就直接关系到了网页中信息的传播率。介于这一原因，网页设计中，图片的排版使用需要“少而精”，如若必须要用到大量图片来对用户进行视觉上、心理上的冲击，就需要适当的给图片进行瘦身优化。

五、网页设计——色彩的视觉心理表达

不论在生活的哪一方面，色彩在视觉上对人类心理都有情绪上的带动、行为上的引导作用，心理学家在色彩对人类的心理影响方面有很多的理论研究，例如，红、橙、黄等暖色系列的纯色从视觉上让人心里有兴奋感，容易带动热情、快乐、积极向上的情绪。蓝、蓝绿等冷色系的纯色从视觉上让人心里有沉静感，常常使人联想到和平、安静、休息和生机盎然又使人镇静的颜色。色彩总是能通过视觉，在情感、行为、记忆、思想、欲望等方面对人的心理产生影响。

在网页设计中，色彩的运用尤为重要。那么怎么决定一个网页的主体色呢？从设计心理学分析来看，第一应该明确网页功能的定位，党政、教育教学、部分企业等宣传网页注重严谨，一般情况下整个网页不会选用超过3种颜色，常用红色、黄色、绿色这种在视觉上沉静简洁、心理感受上积极向上的颜色为参考。娱乐、旅游、购物、体育等网页讲究绚丽吸睛，在色彩运用上相对较为丰富，应该倾向于视觉心理上兴奋、活跃一些的色彩。科技、竞赛、游戏方面的网页设计则偏向于黑色、深蓝色等明度低的色彩，使人视觉心理上更有质感，神秘性更强。通过思考网页的类别分析用户视觉和心理的感受倾向，是选择网页主体色的基本要求。第二明确网页主要用户的性别。根据用户性别注意色彩的搭配，根据设计心理学来看，男女在色彩的视觉上有不一样的心理倾向。这使得我们在进行网页设计时需得考虑针对的用户人群是什么。比如：女性类的网站宜采用明度高的色彩为主进行配色设计，在视觉心理上迎合渲染女性用户的温柔、妩媚个性特征;在男性类用户多的网页设计上，应该倾向于选择凝重明度的色彩，彰显男性特有的坚实粗扩的气质，从而通过色彩在视觉心理上让用户产生认同感和亲近感，更有兴趣的浏览下去。

色彩的特性、色彩的对比与调和、色彩的意蕴等等都是网页设计时选择色彩的重要依据。色彩给人独特的视觉心理感受，即可以有效指导网页设计师有目的的、更好的选择适宜的网页色系，也可以通过色彩的使用，让用户与设计师所设计的网页产生情感上的共鸣，提高用户心理上对网页的认可感和趣味性。

六、网页设计——整体性的视觉心理需求

网页设计视觉上整体性的好坏决定网页的可用率，整体性强的网页布局视觉上流畅、内容上融会贯通。在网页页面中，不同的模块，被关注的程度也不同，给用户的心理感受也不同，设计师应该根据不同的元素表达需要、画面内容的重心关系，合理安排适当的位置。这样有利于用户在视觉上一目了然，由此增强心理上的耐性和继续浏览下去的兴趣。此外，建立网站导航也是完善整体性的手段，同时激发用户心理访问更深层页面的欲望，增进对网站的进一步探索，也使得网站信息更清晰、明了的存在于用户的视觉心理视线之内。

七、总结

纵观全文，网页设计视觉的美感直接影响用户的心理和行为，网页所呈现在用户视觉上的文字、图片、色彩及整体布局与用户内心心理机能会产生千丝万缕的互动，呈现在用户视觉上合理的文字、图片、色彩和整体布局表达，可以通过视觉感官优化网页在用户心理的可读性、趣味性、信任感和视觉美感体验，在网页设计中，要合理运用这些视觉心理表达手段，使我们的网页在海量网页中能够脱颖而出，更深刻的表达和刻画网页的主题及核心内容，也使用户在视觉及心理上轻松愉快的接受网页所展现的信息。

参考文献

[1]凌继尧、徐恒醇.《艺术设计学》[M].上海人民出版社，2000

[2]陳根.《图解设计心理学》[M].化学工业出版社，2017

[3]荆雷.《设计艺术原理》[M].山东教育出版社，2002

[4]杨选辉.《网页设计与制作教程》[M].武汉大学出版社，2000

[5]周德华、许铭霖.《新编网页设计教程》[M].冶金工业出版社，2006

作者简介：刘梦雪，女，汉，籍贯：山西晋城，哈尔滨理工大学艺术学院，研究生在读，研究方向：设计学

刘海英，黑龙江省哈尔滨市哈尔滨理工大学设计学教授