改稿修炼手册!想提升 Banner 点击率?改亿下就好

时间:2020-12-02
B站视频:av415437672
类别:其他教程
水平:普通
观众:9989
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

当视频无法加载时请刷新页面,
或前往PC获得最佳体验。

教程作者:@HE毛蛋优设基础训练营平面课讲师)

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

 一、引言

前段时间为平面营的同学制作的设计作品改前改后的动图展示,得到了还算不错的数据。

看到大家对这些内容都蛮感兴趣的,也有部分小伙伴表示不是很了解为什么这些作品要这样改。

所以我们接下来会制作这些设计作品修改的视频,让大家了解这些改动背后的因果关系,以及希望大家可以从中学习到知识,帮到大家。

二、案例设计初衷

本集视频我选择「麻辣」同学的banner作业,《清人鸟谱》的展览宣传banner进行讲解。

改稿修炼手册!想提升 Banner 点击率?改亿下就好

我们先来看一下她的情绪版以及整体需要表现的风格气质。

她的需求中,希望表现出古典和人文气质。

在一开始的设计想法中,她所选的衬线中文,及搭配的英文,都符合气质。

素材也是展览中符合春日特点的内容。

配色方面选的是中性偏暖色调,并且想要做旧的画面感。

之后她以这个方向进行设计,得到我们前面所看到的初稿。

 三、初稿问题分析

初稿整体画面的古风古韵其实已经表达到了,并没有什么太大的问题。

但是一个banner除了表达气质风格以外,还需要考虑其他事情。

例如,一个宣传用的banner需要做到在网页中吸引用户的注意力,快速清晰的表达主题等。

而「麻辣」同学的设计中,过于侧重气质的表达,而疏忽了对主题重点的突出。

画面的编排布局和配色比较单调,主视觉与主标题的联系性较弱。

在配色的思路上没错,但选的颜色偏暗沉了点。

这些都使得元素之间的对比有点不足,这会降低banner在网页上的信息传播效率。

并且画面的形式感不是特别的强。

四、修正方向

接下进行修改优化。

需要注意的是,从初稿到终稿,我们老师所做的主要还是引导他们更加准确且合理的表达出原本的需求与目的,并不会上手替他们「修改作品」。

我们先从整体的版面来看,一些没啥用的元素限制了版面的利用率。

我们先去掉这些元素,增大可利用的空间。

原来的文本过于集中导致画面失衡,我们需要调整版面平衡。

将主视觉与主标题结合起来,并放在画面中心附近,增强联系性的同时又突出主题。

把次级文字组放在画面的两侧,做类似古文的纵排。

之后加点有效信息作点缀文本,让编排更加精致。

更换主标题字体并加上斑驳效果,增强手写感和做旧。

加上渐隐效果,形成聚拢到标题的视觉引导。

调整并修饰一下小鸟,让它的出现更加自然和明显。

稍稍提亮背景,增强画面元素对比。

为了避免画面太过单调,我们调整局部颜色,并增加适量的点缀元素增强画面细节。

最后增强这个主题的形式感:为背景增加古文和上下的画幅装饰。

这样我们最后就能得到一个整体形式感更强、主题相关性更明显、更易于在网页上传播的「古典、人文」气质的展览主题banner了。

改稿修炼手册!想提升 Banner 点击率?改亿下就好

五、改前改后

改前:

改稿修炼手册!想提升 Banner 点击率?改亿下就好

改后:

改稿修炼手册!想提升 Banner 点击率?改亿下就好

 六、总结

这个banner初稿其实挺好的,作品本身对需求的气质表达很到位。

但除此之外,还需要考虑banner的「本分」。

banner并不是艺术作品,它是一个为主题传播而服务的「封面」和「入口」。

我们既要做到符合内容符合主题,也要做到利于传播。

本期视频我们就到此结束了,如果大家喜欢这个视频的话,欢迎大家点赞、评论,我们下次再见!

想要来「优优交流群」和其他小伙伴一起学习分享吗?搜索 QQ 群:1105212050 进群暗号:优优的忠实观众

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

48 收藏 62

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

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

复制本文链接

发表评论 已发布 14

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

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

/

支持键盘 ← → 键翻阅图片