简书设计团队首页投稿(暂停使用,暂停投稿)设计

用小技巧丰富你的 banner

2018-01-12  本文已影响587人  韩一尾

概述:banner 是日常运营中最为常见的需求,其特点是量大、催的急、还想要效果好。

emmm还是随缘吧。

在我的日常工作中,我会用以下四种小方法来丰富运营图的细节:

第一招、巧用层次

什么样的算是有层次?

平铺的三个鸦,彼此之间就没有突出谁


那我们有什么办法让某一只突出?

不难发现,一点点简单的改变,便能让我们的视线产生“层次”变化。有了聚焦点,同理,我掐指一算,我要是能把这几种方法运用到 banner 上,想来也是极好的。

如无戒这张课程图(比较典型的相叠),当我们需要突出某一个元素时,大可将目的放大,利用相叠的遮挡关系配合投影,即可突出主体物,再丢上我们的宣传语,搞定!

第二招、巧用装饰

装饰性的元素也是我惯用的小技巧之一。其主要目的是烘托主体,起点缀作用,切忌喧宾夺主。

还是用这只鸦举例,若是添加了装饰性色块,也能达到突出主体的效果。

如上图的,是山水之境,若平铺直述总感觉少了点「高鹜」之感,有了淡淡的文字装饰配合上一只飞鸟,素不素意境高了一丢丢呢……

装饰性元素也可起到填充画面的作用,如年度总结这张图,若少了装饰,右边的空间则显得有些单薄了。

第三招、巧用插画

素材不行,插画来凑!

有时我们得到的素材很难就是理想的,这时不妨发挥出自身的力量,画!

什么样的类型适合插画?

如上面这几张图,就是较为稳妥的。

插画的运用不是全年龄,不是万精油,而是有针对于主题的。可用的方向通常偏向于可爱的、清新的、卖萌向的主题。

但是有时,我们也可以反其道而行。为了降低某种主题的严肃性,也可用插画的形式表达,如下图这张哲思主题的banner。

俏皮而不失可爱的马克思


第四招、巧用动效

我们通常所见到的 banner 图多呈现为静态,特殊(重大)运营需要时,为视觉更突出,采用 GIF 也不失为一种选择。

如上图,不难看出此 GIF 是分为「动态数字」 +「静态背景图」两部分,变化的数字,也贴合了主题。

纪念一下,在简书的第一个动态 banner 尝试


#如何在 AE 中渲染出透明背景的视频?

在制作上面这张下雪图时,我遇到了 AE 渲染出的「飘动的碎雪」视频被默认添加了背景色,从而无法导出为透明视频的问题,后来才知道解决办法是:再渲染设置里选择 「RGB+Alpha」 就可以啦~

最后的最后,彩个蛋

(大吉大利,求稿稿必过。)


如果你觉得我的哪里想的不好

请不吝拉我一把,简信评论都可。

上一篇 下一篇

猜你喜欢

热点阅读