网站应该高效的使用图片

2015-06-23 00:40:47 571 views

俗话说,一图胜千言。无论这是真是假,图片都是网页中重要的组成部分。自从嵌入图片步骤变得简单,我们可以看到很多网站都内嵌了许多图片,其中一些网站从不同角度展示了正确利用图片的好处,然而,大部分网站则不是如此。尽管这对于一款设计来说,并不是多大的影响,但是这些图片可能会减少你销售产品的机会,除非你有一个很好的诱导用户的页面或者创造了很好的阅读条件。图片是细节胜于原则的问题,处理图片应该是设计师们更加需要理解和掌握的能力。

实际上,用户更想看到与他们想找的信息相关的图片,因此他们更青睐一个没有图片的页面而不喜欢那种充斥着无关图片,显得臃肿的页面。根据研究,在网页中使用图片的关键,是基于以下几则基本的思路:

1、图片基本因素:尺寸,组成元素,质量,曝光率是衡量一张好图片的四大因素。用户关注图片的质量,甚至连对比度都能产生很大的影响。

2、效率:如果一张图片令人兴奋或者让人产生兴趣,那么它就成功了。一张高效的图片包含几个特点:

  • 情感:图片中,你的产品能让激发用户使用的欲望?
  • 合理:图片展示了产品的优点?
  • 品牌:图片符合你的品牌风格?
  • 传递信息:图片能传递正确的信息给网站的读者。
  • 刺激用户的反应:实际上这有点难,但是基本的想法就是图片能帮助用户做决定,以及产生对产品的购买欲望。我们在后文会提及到。

单纯的装饰性图片会潜意识地被我们大脑忽略。就像雷达一样,如果图片就像雷达上的滤波,那么大脑就会忽略他们。研究表明,使用了真人或者真实产品的图片会自动被大脑标志为重要并能被进一步地关注。如果你有一个个人博客,大家更希望看到的是你真人头像而不是一张绘画像。人们想看到正在与他们交流的人的样貌,因为这对信任的建立尤其重要。

如果你拥有一家公司,使用图片去描述公司员工是一个非常棒的想法。它给外界提供了一个很亲切的途径去了解这家公司的员工及生活。如果你能支付得起,花点钱请一个好的摄影师,这会为你公司的网站增色不少。(切记不要走艺术照风格,尤其是那种和你的想表达内容无关的艺术照)

此外,一些眼动研究还表明,如果产品图片中含有更多的细节,它能带来的效果就越好。用户希望看到更多的细节,所以,请展示给他们。

图片需要能够引导用户

并不是所有设计师都有心理学硕士学位,所以很少人能知道人类的大脑是如何运作的。同样的眼动研究表明我们的焦点也能很容易地被图片影响和改变。当然,我们指的是高质量,以及相关的图片。

在一则广告中,用户的眼球实际上可以被引导到广告的关键信息处。因为很多广告都拥有美丽的模特,所以一般模特比广告产品更能赢得用户的焦点,用户并没有把焦点放在广告产品上,而都聚焦在模特身上。

指定图片的宽高

我想说的最后一个技术方面就是在图片标签中指定宽高,原因很简单。一个页面永远先加载文字,然后加载图片。因此,没有指定宽高的图片在被完全加载之前,会被一张小缩略图标志。当图片加载时,这张缩略图就会伸展到他原有的尺寸从而打断用户可能正在阅读的文字。同时,图片在伸展过程中也会导致用户可能正在聚焦的位置移位,这会让非常多的访客感觉无耐。

通过指定图片标签中的宽高,你就能确保这张缩略图在图片加载完成之前就能伸展到他的完全尺寸,和出现在他该有的位置。这是一个很小的细节,但是确实一个很好的体验。

结语:

如果你想有一个成功的网站,尤其是你的网站能给你带来利益转化的,正确使用图片是非常重要的。差的图片很可能会被用户无视,但是如果你能找到合适的图片并把他们放在了合适的位置,那么他们就能给你带来惊人的效果。

亲爱的读者:本文结束了,非常感谢你的阅读。阅读是美意,分享是鼓励,如果觉得本站文章对你有用,请分享文章给你的朋友。你的支持将鼓励我继续创作。本站电脑版此前长期一段时间下线了评论功能,目前已经恢复了,如果需要评论请使用手机访问或直接在下方填写,我们万分期待看到你的留言。

你可以通过下方的评论模块与我们进一步交流,评论内容不会公开展示:


亲爱的用户你好,感谢您即将选择由星辰视觉特效工作室——简称星辰视效提供的服务,我们秉承高效率、优质量的理念竭诚为大家提供更好的服务,目前为止我们开拓了视频剪辑、专业调色、影视特效、平面设计、数字绘景、商务印刷、动画渲染、录音配乐等多种业务满足了客户的需要,随时随地欢迎您的咨询与合作,具体事项请及时联系客服微信:kaiwenchat。
同时我们也在全国范围内招募兼职业务员来推广我们的服务,只要你有信心有人脉都可以加入我们的队伍,通过你的介绍所获得的收益,你将取得丰厚的成交分佣,我们鼓励你把它作为一种业余的赚钱手段,具体的事宜还请微信咨询。
亲爱的用户你好,感谢您即将选择由星辰视觉特效工作室——简称星辰视效提供的服务,我们秉承高效率、优质量的理念竭诚为大家提供更好的服务,目前为止我们开拓了视频剪辑、专业调色、影视特效、平面设计、数字绘景、商务印刷、动画渲染、录音配乐等多种业务满足了客户的需要,随时随地欢迎您的咨询与合作,具体事项请及时联系客服微信:kaiwenchat。
提示:当前页面不支持阅读模式。

扫二维码添加微信

★ ★ ★ ★ ★

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

创新与发展 – 我的网络日志保留所有权利 欢迎各界朋友与本站交换友情链接或在本站投放广告,如有合作意向请直接与站务联系

测试文字 体验新版 站内搜索 测试文字 鄂ICP备16016329号-1 测试文字 测试文字 测试文字 测试文字