恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
运营插画Banner分层法
0.0°
2020-07-24 原创文章 经验/观点 举报 3165 33 22 1

关于插画 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

更新:2020-07-24

收藏

33人已收藏

  • 10

    作品

  • 43

    粉丝

  • 17

    关注

  • 运营插画作品
  • 节日插画
  • 第三周总结
  • 第一周总结
相关标签

    猜你喜欢

      2020-07-24 原创文章 经验/观点 举报 3165 33 22 1

      运营插画Banner分层法

      0.0°

      你确定要举报运营插画Banner分层法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年07月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      22
      33
      1

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录