设计思路教程！用实战案例教你快速高效制作banner图！

教程作者： 黑狮力（授权转载）

交作业： #优设每日作业#

关于教程

今天给大家分享一个快速撸出banner图的思路，有了此方法我相信你撸 banner图的速度绝对会大幅提升，并且出图通过率也是杠杠的，复用性也是非常高的！

教程内容

我高效撸图的技巧主要根据两个原理：借鉴、分组

借鉴：大家最为熟悉的一个词，也是我们设计师认为最附有内涵的一个词，我们做任何设计时首先就是先找参考借鉴。那么大家思考过一个问题没，到底该如何去借鉴？怎么才能借鉴出更优秀的作品？如何借鉴出漏不出任何蛛丝马迹的借鉴作品？

那么我的答案就是拆分化借鉴，把它们逐个击破，也就是我接下来要提到的分组。

我把借鉴banner分为了5个组：

1-风格组（主要借鉴banner的颜色、字体、设计风格、图片风格）
2-板式组（主要借鉴banner的板式设计）
3-文字组（主要借鉴文字的处理方式）
4-背景组（主要借鉴banner的背景处理方式）
5-氛围组（主要借鉴banner的点缀元素）

分组有了，我们就实际操作一下，看看如何运用借鉴这些分组内容来设计banner。

提示：储存素材分组可以用花瓣、pinterest、Eagle等等。

步骤一：板式组

步骤一：找到“板式组”，选取参考板式排版。（为了方便大家与最终效果对比，这里我就直接用它的文案，不做任何改变）

步骤二：风格组

步骤二：找到“风格组”，从中提取风格、颜色、字体。

步骤三：文字组

步骤三：找到“文字”，提取文字借鉴的样式。

步骤四：背景组

步骤四：找到“背景组”，提取自己借鉴的背景。

步骤五：氛围组

步骤五：找到“氛围组”，提取点缀元素。

步骤六：商品 / 插画

步骤六：加入商品（插画）、调整完成。

相同板式对比：

延展：在五个组合中，我们可以去多添加一些它们单个组合的样式效果，以至于后面可以重复使用此banner，高效复用。（替换插图、替换文字样式、替换背景样式、替换颜色、替换点缀元素）

部分展示如下：

当我们制作出类似4-6个banner时，完全可以满足公司的大部分banner需求，这样不仅能使你的banner设计速度大幅提升，还能够大大增强过稿率，当然如果你跳槽了下一家公司还可以继续使用，“偷懒必备技能”。

对了，没有福利的文章不是好文章，文章中使用到的插画元素，我这里免费分享给大家，里面一共包含500个左右的矢量插画人物源文件（ sketch格式、AI格式、svg格式），大家可以作为练习时使用。

想要来 「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）

学完这篇教程的人还在学…