如何设计一款好的 Banner ？

看到很多人都是 网易云音乐banner 的粉丝

很荣幸作为该设计师的朋友我觉得我可以出来说两句

其实说到底不论 banner 设计，还是任何设计乃至各行各业

想要做到牛逼唯有大量练习

我确实很佩服他，给网易云音乐做 banner 三年了吧

光好看不算每次还都有新想法出来

刚好下午他在群里发了张他的工作截图（由于有些还没有上线，右边截掉了一部分）

今年3月份到现在工作文件

该设计师非常谦虚低调，害羞，不混圈子

我们经常让他去站酷发作品发教程什么的他都推脱掉了

他甚至都没有站酷账号，不然应该早就是站酷大神了吧

社交平台除了微信不能给你们，我知道的只有 lofter 了

你们可以去这里奸视他

另外说个彩蛋，今年年初国内有2家众人皆知的牛逼互联网公司高薪挖他

差点走了，后来网易高薪挽留他他才留到现在

不然以后你们哪看得到这么好看的 banner 呢

说句实话我也不想他走，毕竟网易月音乐这么好的产品，总不能配个很 low 的 banner

对吧？

如何设计一款好的banner呢？

Fotor懒设计为大家总结了一些基本的banner设计技巧（主要是以淘宝banner为案例）

请往下看：

1.了解banner的组成要素

banner里面一般都会包含文案 、商品／模特、背景、CTA（行动引导按钮，引导用户点击或购买，非必须）

2.确定banner的风格

Banner风格有很多种，下面展示的只是banner设计中的五种常见风格

• 时尚风：大标题+人物+时尚元素/配色

• 复古风：传统元素、复古图案

• 清新风：配色清爽、自然

• 炫酷风：深色背景+质感元素+光影特效

• 简约风/性冷淡风：极简主义、大空间、日式元素

3.Banner排版原则

• 对齐原则：相关的内容要对齐，方便用户第一眼看到最重要的信息

• 留白原则：千万不要把banner排得密密麻麻，要留出一定的空间，这样既减少了banner的压迫感，又可以引导读者视线，突出重点内容。

• 减法原则：颜色、字体的数量不宜过多，颜色过多、字体过多、图形过繁，都会分散读者注意力，也会使画面显得过于凌乱

• 一致原则：排版时，要注意整个设计的一致性和连贯性，避免出现不同类型的视觉元素。

• 对比原则：加大不同元素的视觉差异，这样既增加了banner的活泼，又突出了视觉重点

4.banner排版构图

• 垂直水平构图：

排版左中右对齐方式都有，比较随意直观，可灵活操作。

• 斜线构图：

常用于促销类、居中排版、大多数会有图形辅助或者底部斜线构图，以区分和突出文本

• 三角构图：

文字排布大小分明，结构感强，常以图形线条辅助排版。

• 辐射式构图：

和斜线构图很像，通常用于促销类，文案居中排版，大多以图形辅助或者底部斜线构图，明确区分并突出文本。

• 框架式构图：

框架构图包括图形框，文本框

以上这些banner图片，你都可以在Fotor懒设计找到并免费使用。

即使不是专业的设计师，你也可以自己为自己的店铺、网站快速制作一张banner图。

Fotor在线设计工具_免费设计素材和模板_在线平面设计网站