网页首图抓住用户注意力的8个要点

Banner 是我们最常聊到的设计元素，它是一个网页的招牌，是用户最容易看到的视觉元素。今天，我们来聊聊Banner中的急先锋，网页首图，它的设计之道。

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

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

1、一定要使用相关图片 在挑选图片的时候一定要精挑细选。

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

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

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

2、让首图成为核心 首图是承载内容的重要容器。

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

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

小贴士：首图并不需要将所有的信息都呈现出来，相反首图应该是强调重点，将最突出的部分强化并呈现出来。

3、拿出情感化的设计 将情感融入设计，并且用情感来说法用户，才是首图的设计之道。