当前位置:网站首页 / 建站知识 / 网站设计知识

避免在网页设计中使用“情绪”错误的图片

来源:未知时间:2014-10-08 18:00点击:

小编曾为大家讲解过网页设计中使用大背景图片的各种方式,同时也分享了在网站设计中使用照片的好例子。但这并不代表所有图片都可以被任意滥用,今天小编将告诉你如何避免使用错误的图片,影响整个网站的设计。

所谓“七情六欲”,其实也可以理解为人的表情主要有七种,代表七个基本情绪:欢乐、悲伤、蔑视、恐惧、厌恶、惊喜、愤怒。这些表情都是很常见的,大都是通过人的面部或身体姿态来表达。而在互联网读图时代,运用带有这些“情绪”的照片,不单单是人的面部表情的图片,肢体甚至于其他物品都能够表现出这七种情绪,也就是图片的“情绪”。

网页设计中情绪错误的图片

一个成功的创意型网站也有其个性和主题风格,当它运用的背景图片“情绪”不符合它的网站“情绪”时,就会降低用户对网站的理解,更严重的还会导致网站的主题错乱。一般“情绪”不符的图片主要有以下四大类:

避免使用情绪错误的图片

1、“情绪”晦涩

很多时候,太过直白的表现会缺乏吸引力,而太过晦涩难懂的比喻也容易造成用户的理解障碍。如下图本是一家网页设计工作室的网站主图,通过文字“TAILOR-MADE”(量体裁衣)我们明白是想表达自己能够提供定制化的设计,但图片中的彩色线轴太过显眼,总是让人误以为是打开了个某家服装设计公司的网站呢。

网页中情绪晦涩的图片

2、“情绪”无关

就算是图片的情绪与网站主题相一致,也不代表其运用的一定正确。就像下图,首先映入眼帘的是两个表情洋溢着幸福感的人,再细看,身后还有咖啡机。难道是咖啡店创业团队?还是个性夫妻店?NO,都不是,还是一家网页设计公司,估计原本是想表达自己的设计带给客户满足感。。。

网页中情绪无关的图片

3、“情绪”鸡肋

前期的文章还为大家分享过如何制作模糊图片来进行网页Banner设计,但是下图显然是此法应用不当的典型案例。图片进行了一定的模糊处理,但又能看清大致的内容,没有任何关于该网站的信息,仅仅起到了装饰占位的作用,如同鸡肋一般,“食之无肉,弃之有味”。

网页中情绪鸡肋的图片

4、“情绪”错误

这其实是最容易避免但也是最为严重的,尤其在应用带人物的图片时,人物的表情是最直观表现图片“情绪”的元素,下图网页背景图片中的女性眉头紧锁,总是会给人以这样的暗示:她在担心某件事。这间接就影响了该网站的产品推广,无论如何也该是使用一张面露幸福感的客户的照片啊。(此案例可与第2条案例相互借鉴互补一下)