11种banner背景处理方式,给设计加一点思路!

252天前发布

原创文章 / 多领域 / 观点
泡芙喵F 原创,如需商业用途或转载请与泡芙喵F联系,谢谢配合。

不知道大家有没有遇到过这种问题, 设计banner时不知道用什么背景合适,别着急,下面11招给你的设计加一点思路!

一张banner的构成通常包括:主体物、文字、背景、点缀元素,前2篇文章讲了实景图banner和插画类banne主体物构成的一些技巧。

这篇文章将分析banner背景常见处理手法,下面给你11招,希望在你没有灵感的时候可以有一些想法~


注:图片素材来源于稿定设计,仅学习分享交流使用!


招式1:纯色背景

选用与主题相关的背景色直接填充,给人简单干净的感觉。



招式2:渐变色背景


选用同色系或相近色系填充渐变,多用于运营类活动中,营造活泼的氛围,吸引用户眼球。



招式3:文字背景

选用主题相关的文字平铺在背景上,可以是一个字、词语、几句话等重复出现,增强氛围感。




招式4:现实生活质感背景

选用现实生活中对应元素,比如上图中纸张、代码、黑板等元素,有一种代入感和熟悉感。



招式5:主题相关图标平铺背景

选用主题相关的图标平铺在背景上,使画面不那么单调,同时能够更好的突出主题。



招式6:不规则形状背景

常用的形状有圆形、三角形、曲线等,可以营造一种空间感,使画面更有层次。



招式7:多色块拼接背景

这种背景有种抽象感,一般色彩丰富,比较能够吸引用户视线。



招式8:空间感背景

通过纵深空间打造具有三维空间感的场景作为背景,这种背景用在科技类banner中比较多,给人一种未来感。



招式9:放射线背景

用在促销广告类banner中比较多,从中心点发散开,聚焦视觉,具有冲击力。



招式10: 点状背景

加入点状背景,用在描边类插画banner中比较多。



招式11:格子背景

加入格子背景,有种文艺复古多感觉。


好了,今天的分享就到这里,这里只是我的一些看法,之后还会继续写banner文字处理、点缀元素的文章。如果觉得我的文章对你有帮助的话,点赞支持一下哦,给我更多写文章的动力,哈哈,一起加油~


对前2篇文章感兴趣的小伙伴可以点下面的链接哦~

图片类banner:https://www.zcool.com.cn/article/ZMTExMDMzMg==.html

插画类banner主体构成:https://www.zcool.com.cn/article/ZMTExMzY2NA==.html

210
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    文章信息

    • 文章标签

    没有新消息