恭喜你成为UI中国推荐设计师 (详情)

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

运营插画Banner分层法

原创文章 分类: 经验/观点 版权: 举报
260 3 1 0
2020-07-24
1.6
编辑推荐

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

南风neko

4粉丝/16关注

当仁不让lv.1原创小生收藏家lv.2
节日插画第三周总结

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

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

0/200

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

点击上传附件

对谁可见:

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

您确认要推荐?

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

评分

完整度

启发性

勤奋性

排版布局

推荐心得

建议20-200字以内

0/200

扫描二维码
去手机端查看海报

南风neko

TA已经获得4枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

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

投票

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

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

登录

账号或密码错误

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

登录

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2020 UI.CN