如何设计网站banner图才更吸引人

来源：世界工厂网线上生态学院
作者：布布_桃子
在网站设计中，图的设计对很多人来说，可能只是一件挑选一张精美的图片就可以搞定的事情，非常简单。但是其实，要设计一个好的、吸引人的图，还是需要花费很多时间的。今天我们来聊聊网页首图Banner的设计之道，怎样才能够吸引眼球。
网页设计师都明白，网页对于用户第一印象是非常重要的，而网页给用户的第一印象很大程度上取决于网页的视觉设计。现在的网页虽然多种多样，但是出于视觉化设计的目的，大多会使用大图背景，或者超大尺寸的Banner。当用户一打开网页的时候，映入用户眼帘的Banner，是影响视觉设计的关键因素，它有个专门的术语是Hero image，我们通常称之为首图。所以，网页首图的设计需要特别用心的。
一、定义要传达什么信息
设计banner首先一定要传达出网站的信息来，让用户一眼就了解该网站是做什么的，将核心内容传达出来，加深用户的印象。
二、重点信息突出
重点信息的突出在banner如何表现出来?我们可以对应到设计上，我们给它放的版块的大小、颜色的突出是不一样的来区分重点信息内容的传达。
三、一定要使用相关图片
在挑选图片的时候一定要精挑细选。合适而好的图片能够提升整体体验，而不合适的图片选择则可能毁掉整个设计。在选取图片的时候，尽量选择贴合主题，内容一致，主旨和目的相匹配的图片，这样可以避免用户的预期和内容产生割裂感。就像讨厌标题党一样，用户会因为首图和内容的不匹配而对网站内容失去信任，飞速离去。
四、一定要高清
图片一定不要出现模糊或者像素化的情况，虽然这是一个低级错误，但是很多时候还是难以避免。
低素质的图片是非常容易让人产生疏离感的，在高清屏幕到处都是的今天，模糊不清的图片是无法接受的(专门的像素风是另外一种情况)。
想要用户对你的网站拥有积极的情绪，那么图片的素质一定要有保证，高素质的图片能够让用户准确地获得信息，清晰的图片总能让人看着更加舒服。
五、引导用户
一般用户的习惯都是从上到下，从左至右，所以一般重要的内容会放到左上角。那么如何在banner上体现出来呢?我们可以在设计的时候可以用醒目的图片或者一些鲜艳的颜色来体现。确保用户一开始有视觉中心，如果用户一眼不知道先看什么，那么这个banner就是失败的。要尽量的引导用户从视觉焦点进而关注到其他细节、或者促使行动的东西。
六、确保颜色的统一
网站banner设计要遵循整个网站的VI颜色来进行设计，而不要随便用。
七、其他问题
1、内容
明确的主标题，我知道这个 Banner图在讲什么,可以从产品卖点、产品使用场景、效果体验、节庆热点，四个方面考虑；
明确的利益点，我知道我能获得什么好处,利用用户“占便宜”的心理，吸引用户点击，比如快消品可以打折、赠送等方面考虑；
明确的副标题，有参与时间，我知道怎么参与。
2、排版
结构：文字之间、图文之间的排列关系，主要有垂直水平构图、三角构图、框架式构图、紧凑式构图等排版方式；
布局：上图下文、上文下图、右图左文、左图右文、左中右、中心布局
字体易识别：Banner的字体最好比较简单，设计不要太复杂，要体现出层次感，便于客户快速了解内容；
字体颜色：可以吸取图片颜色，会给人和谐之感；
3、色调
环保、健康类的可以考虑用绿色 ； 医疗、机械、科技类的可以用蓝色，当然颜色是没有绝对统一的哦，可根据产品选择。