运营插画Banner分层法

释放双眼,带上耳机,听听看~!

关于插画 banner

运营插画Banner的需求,网页,手机首图作为网站的门面担当,需要在一瞬间吸引众人的视线,让人有深入探索欲望。插画就是一个很好的选择,既能丰富画面,也能很好的传递品牌形象。

01

拿到需求,确定文案

文案需求,产品会给主副标题。做练习的话,一般可以去找一些参考banner图的文案收集,然后通过文案再重新创作一张。


02

头脑风暴,提取关键词

写出关于主题的具体物品,比如宅家可以有家具的台灯,柜子,地毯,飘窗,挂画等等,碰到相关的季节插画,夏天吹风扇空调,冬天烤火,家中添只宠物也是很好丰富画面的表现。


03

开启素材库

根据主题寻找头脑风暴写下相关物品的插画,照片等参考,日常归纳收集就可以更快的寻找。(找参考可以在花瓣,站酷海洛,Pinterest,推荐Eagle软件很有效的帮助整理素材)

运营插画Banner分层法

04

Banner分层法


运营插画Banner分层法

运营插画Banner分层法

主体层:可以是人(也可是拟人的角色)、物、人和物。用插画去传达文案的内容


文案层:主副标题按钮的排列组合,对齐和居中方式,有两个副标题的情况可采取形状样式区分开。通常按照视觉浏览,左文右图。文案层也是运营的重点,突出重点关键词。


装饰层:根据主体层的场景和第二步头脑风暴时的物品进行丰富画面,如果画面还是比较空,用点线面进行点缀装饰,让构图完整饱满,但不能过于突出而抢了主体。


背景层:视觉效果表现要与主体层产生联系,也是不能影响主体的展现。可用线、格子、点、重复文字表现。

05

颜色搭配

色彩方面,根据色相,明度,纯度进行调整,根据整体的氛围感确定颜色。一位设计师曾提过一个配色黄金比例:70:25:5,70%为大面积使用的主色,25%为辅助色,5%为点缀色,色相不超过3种。(平时多看多收集好的插画,照片配色做成色卡)

运营插画Banner分层法

06

最终调整

整体细节的调整,根据画面和文案层,进行增减,可以采用噪点,纹理等方式进行丰富和细节的提升。

运营插画Banner分层法

图例是我这次练习的banner作品

总结

运营插画banner最终的目的是让用户点击,要通过情感设计,给用户营造一种用户想要的场景,唤起用户共情,拉近和用户的距离,才能提高用户点击率,提高banner广告的价值。

人已赞赏
交互设计

苹果Newton(牛顿)在27年前教给我们的UX相关知识

2020-7-26 13:11:22

交互设计

关于假写逻辑的设计思维

2020-7-26 13:16:40

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索