对于banner设计，这个在日常运营需求里面必不可少。看似最简单，实际里面也是有一定的章法在的。

现在线上各端的推广当中，banner仍然占据重要地位。风格有很多种，有插画型，有文字排版型，有写实拼图型等，但是万变不离其宗，终究还是离不开层级关系的信息传达。

例如以下日常的banner样式：

（图片来源于网络）

看了这些图，是否有发现他们的规律，排版有章法，文字内容与背景元素都是有联系的，可不是瞎做的。所以说如何做都是有缘由的。

常见的banner排版方式分为：居中分布，左右分布，上下分布等。

在很多情况下，设计师拿到需求就是猛做，实际这样最后都是无用功，在没有仔细的和需求方确切的沟通，最终都是有修改的。区分也就是大改和小改而已。

今天将会以5点来分解析banner的设计法则：

1:需求分析;

2:沟通问题；

3:维度层级；

4:主题情景；

5:最终目的；

1：需求分析

拿到一个需求，首先要知道这是个什么主题，其次分析需求方给的文案是否精准，如何排版恰当，文案的信息层级关系要和需求方明确好，要知道这是一个什么样的活动，需求方要的是什么，最后再去评估设计时间，把控好自己的任务安排。

2：沟通问题

很多时候，设计师和需求方总是站在对立面，其实大家都是为同一个项目去合作，那么各有各的看法，都是站在自己的职业角度去看待这个需求，但都要在彼此尊重的基础上去合作，有时也可以尝试稍微站在需求方的角度去看待这个项目，去知道他想要什么，为什么要这么做，面对这些我该怎么做，这对于推广图制作起到很关键的作用。

当然不是去完全接受妥协，而是找到彼此的共通点。很多情况下都没必要争吵撕的面目全非，成为整个楼层的注目的焦点。

在做每一个需求的时候，都因保持专业的态度及强大的心理去对待需求，而不是一味的抱怨，说需求方多么的不专业，其实设计师也是要起到引导作用，一味的抒发自己的负面情绪只会显得自己多么的不专业。（当然只是针对爆发级别的）

3:维度层级

说到层级关系，要了解到文案信息的轻重点是哪些，按钮的位置大小，放在哪个位置能方便用户点击。

文案层面，哪些是要着重的，哪些是辅助的，要分清。使用的手法：放大，加粗，换颜色，设计字体等。辅助文案：弱化，不能过多强调，要分清主次。按钮层面：突出，做特殊处理等。

切记按钮不宜过小，有研究发现，指垫的平均值在10mm-14mm之间，指尖的平均值为8mm-10mm，那么就说10mm x 10mm(28px)为最小的触摸目标尺寸，但是常规制作按钮的时候不应小于这个值。具MIT触摸实验室研究发现，成年人的食指宽度是1.6-2cm（45-57px）。

（图片来源于网络）

一般72px的宽度操作起来是最舒适的。

（图片来源于网络）

但是对于日常banner的各端不同的尺寸定，例如640x180px的大小来看，按钮可以大于72x72px,小于120x120px以内皆可。当然按钮大小也是和整体布局息息相关的，要方便用户点击，考虑用户使用习惯。

无论是logo的具体大小，文案的排版方式，按钮的点击范围及大小位置，都要根据实际情况来判定,设计师心里都要有杆秤。

4:主题情景

咱们拿一个案例来说吧

例如这张banner，可以看出这是倒计时的抢购推广图。文案：最后3小时，满200减60！！点击按钮，活动：理想生活狂欢节。

根据这些，可以分析出一些东西，生活节的商品素材，其次文案着重倒计时3，颜色活泼些，考虑好什么样的风格适合，根据这些就可以去排版设计了。但是前提是要和需求方沟通好风格走向，免得做无用功。切记切记要原创！

这张图，文案只需4步，家装小白变大人。可以看出需要家装的生活场景，去贴切文案主题，且文案的重点不是只需4步，而是家装小白变达人，也就是这个banner最后想要用户了解什么，了解的不是步骤，而是能更多的知道家装的知识点。再用插画的形式去绘制沙发桌子等背景素材，来烘托主题。

根据以上这些案例分析，可以看出，不管一个banner做的再炫再好看，最终都是要贴切主题，和文案的内容是相关的，背景元素是起到烘托作用，不是胡乱加元素上去排版的，为什么这么做，都是要有缘由的。

5:最终目的

做一个推广图，不仅是要知道如何做，还要保质保量的完成，更应该要知道它最终的价值目的是什么—转化率点击率，设计师做的图就像是通过这个图的转化率点击率将其变“现”，不止是技能上的提高，还要了解到背后的意义。

总结：

做banner也是需要去思考，不能拿着图就开始做，要去分析它，做出需求意图明确的图，设计师的工作不只是视觉上的，在工作流程上也是要熟知一些法则，无论什么需求沟通很重要，这样才能更好的成长。

希望以上能对大家有所帮助，感谢大家的阅读。如有兴趣，欢迎私下探讨，一起成长。