网页设计师都明白,网页对于多用户的印象是非常重要的,而网页给多用户的印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样,但是出于视觉化设计的目的,大多会使用大图背景,或者超大尺寸的 Banner 。当多用户一开启网页的时候,映入多用户眼帘的 Banner,是影响视觉设计的关键因素,它有个专门的术语是 Hero image,我们通常称之为图。所以,网页图的设计需要特别用心的。

  网页图不仅仅是一张漂亮的图片,它还应该是强大的视觉传达工具。谈情怀不如讲套路,今天的文章,我们就通过一系列理想实践来为您展示图设计的一些设计 “套路” 。

  1 、一定要使用相关图片

  在挑选图片的时候一定要精挑细选。

  合适而好的图片能够提升整体体验,而不合适的图片选择则可能毁掉整个设计。在选取图片的时候,尽量选择贴合主题,内容一致,主旨和目的相匹配的图片,这样可以避免多用户的预期和内容产生割裂感。就像讨厌标题党一样,多用户会因为图和内容的不匹配而对网站内容失去信任,飞速离去。

 

  这个图的内容实际说的是贷款,但是配图选取的是毛巾,在资讯传达上就存在不匹配的问题。

  

  这个网站主推的产品就是冰激凌,内容和图片的一致,也符合多用户的预期。

  2 、让图成为核心

  图是承载内容的重要容器。

  您想要让内容不同凡响,又能够从整个设计中脱颖而出,那么就要用好图。在视觉上设计优秀的图能够让多用户每次开启网站的时候都为之驻足。

  在图的设计上,苹果每次都为我们提供了优秀的案例。

 

  小贴士:图并不需要将所有的资讯都呈现出来,相反图应该是强调重点,将突出的部分强化并呈现出来。

  3 、拿出情感化的设计

  将情感融入设计,并且用情感来说法多用户,才是图的设计之道。只有能够触动多用户情绪的设计更具有说服力。

  很多时候,我们使用创意也好,借助热门 IP 也好,精心打磨文案也好,也只是希望让图能够让多用户惊喜、喜欢、需要,终是要通过它调动起多用户的情绪。

  

  积极的情绪刺激能够更好的建立多用户和您的网站之间的互动感。

  4 、一定要高清

  图片一定不要出现模糊或者画素化的情况,虽然这是一个低阶错误,但是很多时候还是难以避免。

  低素质的图片是非常容易让人产生疏离感的,在高清萤幕到处都是的今天,模糊不清的图片是无法接受的(专门的画素风是另外一种情况)。

  

  想要多用户对您的网站拥有积极的情绪,那么图片的素质一定要有保证,高素质的图片能够让多用户准确地获得资讯,清晰的图片总能让人看着更加舒服。

  5 、强化 CTA 按钮

  网页图常常和行为召唤(CTA)按钮搭配着使用。由于图配图通常在视觉上极其突出,但是搭配有行为召唤按钮的图,其本质上是用来吸引多用户,传递资讯,并引导多用户去点选按钮的,所以行为召唤按钮和视觉资讯丰富的图片之间,不应该互相干预,而是通过设计,让 CTA 按钮更加突出,让图片处于辅助的位置,终达到吸引、引导的目的。

 

  按钮的视觉重量应该超过图片的视觉重量。

  结语

  网页图绝对是真个设计中关键的部分之一。选取素质高,有趣的图片,同网站的内容结合起来,参考上面的这些理想实践,您的网页图应该能够更上一层楼。