图片优势效应在网页设计中的研究与应用

付　昕

（江西信息应用职业技术学院，江西　南昌　330043）

图片优势效应在网页设计中的研究与应用

付昕

（江西信息应用职业技术学院，江西南昌330043）

图片在网页设计中占据重要的比重，基于互联网技术的发展，“图”和“文”成为网页信息的主要载体，尤其是图片所具有的视觉元素是其它方式所不能媲美的，因此图片在网页设计中的优势非常明显。文章首先阐述图片优势效应在网页设计中的体现，然后分析制约图片优势效益的因素，最后提出基于图片优势效应的网页设计的策略。

图片优势效应；网页设计；应用

在网页设计中经常会应用到图片，根据网页设计环境的不同，图片应用的内容、形式方式也不同，但是正是基于图片所具有的抽象性、理性与感性特点的存在使得有效的应用图片可以极大丰富网页界面，对网页设计中的图片优势效应探讨是为了让网页中的信息进行更有效的传达，通过图片在网页设计中的良好应用，发挥优势效应，能够帮助提高网页信息的品质，增强传播的力量。

1　图片优势效应在网页设计中的体现

图片应用到网页设计中的优势主要体现在：一是图片认知优势效应。在复杂的网页信息中，人们希望一眼就可以全面了解网页的主要信息，而图片则成为人们快速直观了解信息的主要途径，从认知心理角度分析，知觉具有记忆的能力，如果让用户加深记忆就需要通过“提炼”信息增强知觉记忆，而图片可以整合许多不同的视觉元素，传递整合的信息，因此符合“精炼”的特点；二是图片情感优势。情感的产生主要是因为人受到外界的刺激而产生的，视觉为情感产生提供了渠道，而图片信息具有很强的视觉元素，因此图片所反映的信息具有很强的视觉冲击，比如观看国庆阅兵图片会让人产生自豪感。同时图片也会产生不同的情绪和情感，不同的人看同一图片会因为个人因素产生不同的情感。抽象的图形没有既定的标准因此也具有更大的创作空间和情感空间。图标图形类图片常常是拟物化的，因此给人的感觉是活泼和生动的。

2　制约图片优势效益的因素

虽然图片在网页设计中占据重要的地位，有效的图片应用可以提升网页设计的质量，但是由于受到一些客观因素的存在，使得网页设计应用图片优势效应时存在一些制约因素，其主要体现在两个方面：

2.1外部制约因素

首先是图片和文字的相关性。一般网页设计中所应用到的图片主要是为了配合文字将网页信息形象地展现给用户需求者，如果图片和文字结合不合理，那么就会影响到用户浏览信息的质量，从而使得图片应用产生负面影响；其次网页排版。图片应用到网页设计中需要根据网页设计的需求进行相应的排版，而有效的图片排版可以为网页设计增加活力，比如经常使用的搜狗拼音网页界面，其是以一张图片作为背景进行平铺设计的，但是如果网页中的文字没有有序排版，那么用户在进行浏览时就会形成图片干扰用户视觉的效果，从而影响用户读取文字的效率。因此发挥图片应用效应的关键在于实现文字与图片的有效结合，按照二者的规律进行合理的排版，以此发挥图片的最大化效应。

2.2内部制约因素

内部制约因素主要是从图片的自身入手的：首先是图片的清晰度影响其效应。图片清晰度主要是从图片所反映信息的清晰度而言的，如果图片清晰度存在问题那么就影响信息需求者的信任，以淘宝网页为例，如果图片清晰度那么就无法真实的反映产品信息。尤其是在个性化的网页设计中，不清晰的图片应用会产生制约网页信息传递的效应；其次图片的真实性。图片真实性问题是影响用户浏览网页的最大因素，一旦图片所使用的信息存在虚假，那么就会导致网页内容不被人们所认可；最后图片的色彩。图片与色彩的联系比较紧密，一般充满活力的颜色可以吸引人的注意力，同样不合理的应用颜色也会起到反面的效果。

3　基于图片优势效应的网页设计策略

结合影响图片优势效应因素的存在，文章主要从认知优势效应和情感效应两个方面阐述网页设计的策略：

3.1图片认知设计策略

人们在浏览网页时往往会存在因为网页信息繁杂而出现快速忘记的现象，针对此种问题需要在网页设计时要保证视觉效果的针对性设计，让视觉符合用户不同认知阶段的心理模型。图片表达属于精炼的信息表达方式，有效的图片应用可以提升人的理解力，因此需要从图表表征、图片信息以及图片的简化设计方法入手进行设计，如图1所示。一是图片表征设计。图片表征就是以图片的形式来说明网页信息的方式。网页设计中的图片表征是指利用网页中的图片，让展示的信息，更容易发现、辨认、学习和记忆，帮助用户和网页进行更有效率的沟通。可以说网页设计中所应用的图片所反映的信息越精辟越好，比如随着互联网技术的发展，越来越多的网页设计时在有益的采取多增加图片减少用户认知负担方面的设计，因此在具体的应用时可以根据实际情况进行图片表征的应用；二是图片简化设计。图片风格与网页设计风格有直接的关系，为降低认知感，需要对图片减少简化设计，在满足基本信息传递的基础上尽可能降低图片的风格，比如苹果操作系统（Iphone Operating System，IOS）从最初的拟物化设计风格到如今IOS7的扁平化风格，数字界面风格更加简约，信息传达更加条理清晰。图片简化设计主要包括对图片构成元素的简化、对图片排版的简化以及图片色彩的简化；三是图片信息的可视化设计。网页中的图片信息可视化指的是在网页中，利用图形图像等视觉元素将要表达的信息通过视觉图片上来呈现。图片的可视化有助于提升用户的认知度，提高用户在流量网页时的愉悦感。图片可视化就是将文字、示意图、数据图形无缝地结合起来，以此达到传递网页信息的目的。

图1　图片认知设计策略

3.2图片情感设计策略

图片是表达网页设计情感的主要途径，图片的视觉美观是图片情感的基础，图片的情感效果与用户浏览网页的内在需求有直接的关系，因此基于人的情感考虑，图片情感设计主要包括视觉提示设计和故事叙述设计，具体的设计策略，如图2所示。

图2　网页图片的情感设计策略

一是图片的视觉提示设计。图片的构成元素比较多，可以说用眼睛看到的事情都可以用图片表达，因此图片视觉提示设计主要包括：（1）色彩情感提示。网页设计时需要根据主题风格设计成相应的颜色，比如新闻网主要应用红色图片作为网页的设计颜色，而食品网页则主要是应用暖色，以此给读者一种温暖的感觉；（2）形状的情感提示。网页中的图片是由各种形状的图像构成，因此具有丰富的情感特点，不同的形状会给人不同的感觉；（3）内容情感提示。图片本身的内容引导着人们的视线和行动，如果人们认为是积极的提示，他们倾向于产生积极的情感，进而会按照这种内容提示继续浏览，如果人们认为是消极的提示，那么就很难进行下一步的操作。

二是图片的故事叙述设计。其主要包括：①图片本身内容的情感流。不同的图片内容可以表达不同的情感流露，比如在看到“南京大屠杀”图片时会产生愤怒之情。②图片营造网页的环境。网页可以用大图平铺充满整个屏幕，让图片营造一定的环境，增强用户情感的唤醒程度，为用户在“真实”的环境中“听故事”作准备。③图片的组合带来的故事叙述。在网页中使用多张图片的排列和组合可以让整个网页的情感更加活泼生动。

4　结语

总之，图片的优势效应可以让网页设计具有更好的视觉冲击效果，因此只有彻底地掌握和了解图像在网页设计中的重要地位，采用积极有效的处理办法，才可以让图片在网页中发挥出最大的作用，进而达到实用又美观的最终目的。

［1］刘青玲.图片优势效应在网页设计中的研究与应用探讨［J］.科技创新与应用，2015（21）：86-88.

［2］李玉荣.浅谈图片在网页设计中的重要作用及处理方法［J］.科技创新与应用，2015（8）：56.

Research and application of picture superiority effect in Web design

Fu Xin
（Jiangxi Vocational and Technical College of Information Application， Nanchang 330043， China）

Pictures occupy an important proportion in Web design based on the development of Internet technology. “Picture”and “Text”has become the main carrier of information on the Website， especially the visual elements of image can not be matched， so the superiority of picture in Web design is obvious. This paper firstly describes the advantages effects of image reflected in Web design， and then analyzes constraint factors of advantage effectiveness. Finally， it puts forward Web design strategy based on picture advantages.

picture advantage effect； Web design； application

付昕（1984— ），女，江西南昌，硕士，讲师；研究方向；计算机图形图像制作。