Banner长得丑,网站没朋友

2,046 阅读4分钟

都说这个社会看颜值看颜值,其实网站也是看颜值的,颜值高,用户愿意多看几眼,长的丑,那就 say bye 了,当然这句话对于 12306 是不成立的。

对于网站来说,首屏 Banner 对于用户的印象很重要。

尼古拉斯摊主说过这么一句话,Banner 决定着网站的颜值,同时也潜在影响着网站的留存率和转化率。

纵观市面上的 Banner 要么妖艳骚气,热闹非常

要么性冷淡,玩高冷

要么文艺清新,要么复古怀旧,要么暗黑酷炫

要么乱成一锅粥,比如

说来惭愧各位老铁,这是我设计生涯的第一个项目,此网站至今印象深刻,不过这张 Banner 是客户自己上传的,跟俺可没有关系(委屈脸)

总之 Banner 传达的恰是网站整体的调性与视觉感受,和网站定位息息相关。

那么,对于网页设计(本文特指企业网站)中的Banner,我们该掌握哪些套路呢?

——

素材的处理与选择

对于很多设计师来说,在做企业网站的Banner时,
一贯做法是网上找一张阿里不搭的图,改个尺寸,打个字,齐活。
这也是我在入行第一年时的所谓设计。

现在想来,实在对不住那时的甲方,也对不起那时的自己。
这不叫设计,这叫瞎糊弄。

设计师小伙伴们应该明白,真实的商业项目中,设计Banner不是根据自己的感觉去图库找一张高大上的图就可以的,客户往往提供一些 low 到水泥地里的图,让人看了默念雾草雾草,这也太丑了,咋能做成Banner呢?根本不可能好么?!


对于这种情况,抱怨是可以的,但抱怨了呢?不满足甲方的需求么?
跟甲方说你提供的图太low了,瞎了我的眼,我做不了!
甲方爸爸分分钟把电话打到你 BOSS那,告你的状,拆你的台,最后还可能砸了你的饭碗!

说了那么多,就是想说办法总比困难多,客户提供low的东西让设计师去变美,这不正是咱们的本职工作嘛。


进入正题,客户提供的素材很low怎么办?

  • 第 1 步、主体一定要抠出来
    无论像素渣成啥样,都要把主体抠出来,扣的干干净净,一丝不挂,当然这里的一丝不挂不是让你把人物的衣服扣掉,而是除主体外的所有杂七杂八的统统去掉。

  • 第 2 步、选择合适的背景图
    根据Banner要传达的心理感受和网站整体调性,去搜集合适的背景图,比如要表达商务范,那就找一些办公场所,商务合作,相关的素材
    找图时需注意
    1、选图干净,方便后期处理;
    2、选图达意,人家要商务的,你就不要放个女模特了;
    3、选图符合潮流,移动互联网浪潮都过去了,蓝天白云,老鹰金鼎啥的就不要往上堆了。
    选好图后,开始进行图片处理,包含图片局部的选取,色调的处理,该擦掉的擦掉,该拼合的拼合,总之让人看起来舒服,不要生硬。

  • 第 3 步、主体置入背景中
    前两步做好了,这一步就轻松了,把主体放在背景合适位置处,加上标题 sologan, 齐活(Banner中的文字排版也是套路多多,下期再说吧)

3个步骤,看起来不多,但实际操作起来还是需要花费心思的。
前一阵在做Banner时,将大量的时间耗费在找图上,现在想来,一是因为思路没有打开,受到局限,比如做金融行业的网站,我就会盯住“金融”两个字进行素材搜索,从不会想到理财,保险,财务,报表之类的相关搜索词汇。二是创意不够,找不到一张合适的图,不会想到自己去拼合去处理,就一直找啊找,最终将时间浪费在找图上,真的是时间杀手。

所以建议各位(设计大牛们忽略),作图时脑海中搭好框架,需要什么素材,有个清晰的思路,然后发散思路,将关键词进行联想,多去尝试,总有一张适合你。

今天就到这吧,我要要找去文章封面图了。