相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

透明背景在设计中的使用技巧

心蓝发布于:2017-9-4 18:37 |原作者: @撩视界|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 版权申明:本文原创作者“@撩视界”,感谢“@撩视界”的原创经验分享!平面设计的背景在某种程度上有点像墙上的油漆或壁纸...做对了,你将会得到一个非常棒的背景,充分融合并发掘有吸引力的空间; 弄错了,就是一场视觉灾难,它会把注意力分散在房间精心挑选的家具和艺术品上。 ...
版权申明:本文原创作者“@撩视界”,感谢“@撩视界”的原创经验分享!
平面设计的背景在某种程度上有点像墙上的油漆或壁纸...
做对了,你将会得到一个非常棒的背景,充分融合并发掘有吸引力的空间;
弄错了,就是一场视觉灾难,它会把注意力分散在房间精心挑选的家具和艺术品上。

虽然网站、传单或社交媒体图片的背景看起来是相对较小的细节,但您不希望它像出错的油漆或胡乱的选择的壁纸,让受众无法聚焦。

那我们就来看一些灵感创意,并学一些能充分利用到设计背景中的技巧。基本的白色或纯色没有任何问题,但本文专门研究如何为背景增加透明度,这将是一个行之有效、用途多样的工具

01. 简化杂乱的背景

图示或图案背景能让设计更具个性化,但也可能让设计更复杂或遮住文案。如何解决?在图层顶层覆盖一个次要的半透明背景。

这张活动海报的背景是一张美丽的复古风插图,但是如果没有顶层的白色透明图层,背景就会抢了其他部分的风头,文字将很难读取(特别是小号字体)。请注意白色部分不是全透明的,这样可以柔和插图的细节,但它的透明度又足以让纹理显现出来。大多数设计软件可以通过不透明度设置调整透明度级别,通常范围在0%(完全清除)和100%(完全不透明)之间。

83db590291dda801214550e96ab2.jpg

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

再看如下案例,明信片上的圆形背景遮住了下面风景照的一部分,给排版增加了一个简单而多彩的背景,这又是一个全新的设计技巧…

968d590291e2a801214550ad6603.jpg

02. 让文字更显眼

摄影照片是印刷和网页背景的普遍选择—无论是产品广告、网站标题还是社交媒体图形。但是,根据照片的组成以及颜色、亮度等的纯度,它可能并不一定都适合将文字放在顶部。

这张图中,一系列的透明形状在彼此顶部叠加,为文字创建背景(不然,下面黑白照片的细节就看不到)。红色背景的透光度从轻度到中度的渐变也会带来非常有趣的视觉效果。

139c590291e7a801214550f61f14.jpg

再看如下案例,正是因为网页上的透明白色背景,才让黑色文字放在较暗的照片上仍然清晰可见。

ba04590291eba8012145504993bd.jpg

同样地,这个技巧也可以反转使用:彩色照片、深色透明背景和白色文字。

38ef590291fea801214550372f6b.jpg

如果您正在寻找在设计中使用的照片,我们建议您选择免费的照片资源

12345下一页
20

好评
11

差评

刚表态过的朋友 (31 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信
发表评论

最新评论

引用
黄家豪呀发布于:2017-9-21 15:49
6666

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计