运营插画Banner分层法

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
3404 1 22 2020-07-24

关于插画 banner


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


01

拿到需求,确定文案


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


02

头脑风暴,提取关键词


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


03

开启素材库


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


04

Banner分层法




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


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


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


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


05

颜色搭配


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



06

最终调整


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


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


总结

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

Powered by Froala Editor

全部评论:1

  • Ringo

    2021-06-13 23:13

    有免费素材吗

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票