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

用户头像
杭州/UI设计师/6年前/19063浏览
11种banner背景处理方式,给设计加一点思路!

不知道大家有没有遇到过这种问题, 设计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

260
举报
|
353
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
平面男孩喝咖啡插画设计
倒计时,海报,平面
金色颗粒质地的平面
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
古风平面仕女与瓷器
平面插画设计女孩喝咖啡
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
平面书法字手写
空的平台平面和自然景观
金色颗粒质地的平面
平面设计 吊牌设计
金色颗粒质地的平面
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
空的平台平面和自然景观
城阙凡花
平面人物插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
海底世界插画
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
中国传统纹样创新图案设计
你可能喜欢
相关收藏夹
大家都在看
登录注册