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

时间:2021-04-20
类别:其他教程
水平:入门
观众:11990
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

教程作者:黑狮力(授权转载)

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

关于教程

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

教程内容

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

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

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

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

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

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

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

步骤一:板式组

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

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

步骤二:风格组

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

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

步骤三:文字组

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

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

步骤四:背景组

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

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

步骤五:氛围组

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

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

步骤六:商品 / 插画

步骤六:加入商品(插画)、调整完成。

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

相同板式对比:

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

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

部分展示如下:

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

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

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

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

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

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

附件下载

文件名 文件大小 提取码 下载来源
素材122.62MBcirp 点此复制 登录下载
56 收藏 144

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 3

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片