网站应该高效的使用图片


2845 views

2015-06-22 16:40:47

俗话说,一图胜千言。无论这是真是假,图片都是网页中重要的组成部分。自从嵌入图片步骤变得简单,我们可以看到很多网站都内嵌了许多图片,其中一些网站从不同角度展示了正确利用图片的好处,然而,大部分网站则不是如此。尽管这对于一款设计来说,并不是多大的影响,但是这些图片可能会减少你销售产品的机会,除非你有一个很好的诱导用户的页面或者创造了很好的阅读条件。图片是细节胜于原则的问题,处理图片应该是设计师们更加需要理解和掌握的能力。 实际上,用户更想看到与他们想找的信息相关的图片,因此他们更青睐一个没有图片的页面而不喜欢那种充斥着无关图片,显得臃肿的页面。根据研究,在网页中使用图片的关键,是基于以下几则基本的思路: 1、图片基本因素:尺寸,组成元素,质量,曝光率是衡量一张好图片的四大因素。用户关注图片的质量,甚至连对比度都能产生很大的影响。 2、效率:如果一张图片令人兴奋或者让人产生兴趣,那么它就成功了。一张高效的图片包含几个特点: 单纯的装饰性图片会潜意识地被我们大脑忽略。就像雷达一样,如果图片就像雷达上的滤波,那么大脑就会忽略他们。研究表明,使用了真人或者真实产品的图片会自动被大脑标志为重要并能被进一步地关注。如果你有一个个人博客,大家更希望看到的是你真人头像而不是一张绘画像。人们想看到正在与他们交流的人的样貌,因为这对信任的建立尤其重要。 如果你拥有一家公司,使用图片去描述公司员工是一个非常棒的想法。它给外界提供了一个很亲切的途径去了解这家公司的员工及生活。如果你能支付得起,花点钱请一个好的摄影师,这会为你公司的网站增色不少。(切记不要走艺术照风格,尤其是那种和你的想表达内容无关的艺术照) 此外,一些眼动研究还表明,如果产品图片中含有更多的细节,它能带来的效果就越好。用户希望看到更多的细节,所以,请展示给他们。 图片需要能够引导用户 并不是所有设计师都有心理学硕士学位,所以很少人能知道人类的大脑是如何运作的。同样的眼动研究表明我们的焦点也能很容易地被图片影响和改变。当然,我们指的是高质量,以及相关的图片。 在一则广告中,用户的眼球实际上可以被引导到广告的关键信息处。因为很多广告都拥有美丽的模特,所以一般模特比广告产品更能赢得用户的焦点,用户并没有把焦点放在广告产品上,而都聚焦在模特身上。 指定图片的宽高 我想说的最后一个技术方面就是在图片标签中指定宽高,原因很简单。一个页面永远先加载文字,然后加载图片。因此,没有指定宽高的图片在被完全加载之前,会被一张小缩略图标志。当图片加载时,这张缩略图就会伸展到他原有的尺寸从而打断用户可能正在阅读的文字。同时,图片在伸展过程中也会导致用户可能正在聚焦的位置移位,这会让非常多的访客感觉无耐。 通过指定图片标签中的宽高,你就能确保这张缩略图在图片加载完成之前就能伸展到他的完全尺寸,和出现在他该有的位置。这是一个很小的细节,但是确实一个很好的体验。 结语: 如果你想有一个成功的网站,尤其是你的网站能给你带来利益转化的,正确使用图片是非常重要的。差的图片很可能会被用户无视,但是如果你能找到合适的图片并把他们放在了合适的位置,那么他们就能给你带来惊人的效果。

上一篇:十个让你成为优秀程序员的有效方法

下一篇:职场中如何保持自信

扫码与我联系

★ ★ ★ ★ ★

“感谢你的鼓励与陪伴,我们的坚持才有意义”

创新与发展 – 优客记录保留所有权利

站内搜索 鄂ICP备16016329号 鄂公网安备42022202000038号