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

12个透明背景使用技巧,助你快速提高设计水平

将军发布于:2019-4-26 15:06 |原作者: 廖于傑|
将军
北京市 西城区 GUI设计师
发私信 + 关注
简介: 我们来看一些灵感创意,并学一些能充分利用到设计背景中的技巧。基本的白色或纯色没有任何问题,但本文专门研究如何为背景增加透明度,这将是一个行之有效、用途多样的工具

版权申明:本文出自“廖于傑”原创,感谢“廖于傑”的原创文章分享!

平面设计的背景在某种程度上有点像墙上的油漆或壁纸...

做对了,你将会得到一个非常棒的背景,充分融合并发掘有吸引力的空间; 

弄错了,就是一场视觉灾难,它会把注意力分散在房间精心挑选的家具和艺术品上。

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

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

01. 简化杂乱的背景

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

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

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

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

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

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

02. 让文字更显眼

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

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

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

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

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

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

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

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

03. 打造清新、轻快的风格

如果能透过设计看到部分细节,它就给整体布局营造一种简单宽敞的感觉。例如,下面的网站设计图就是由一系列若隐若现的背景图,配合干净的字体和整洁的布局,形成极简风格。

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

这一系列目录封面以不同的方式实现极简化,以透明背景和三原色为基础,再用一张照片和几段文字来削减布局的一部分。

12个透明背景使用技巧,助你快速提高设计水平 飞特网 设计理论

12345下一页
50

好评
30

差评

刚表态过的朋友 (80 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

将军
北京市 西城区 GUI设计师
+关注 发私信
发表评论

最新评论

引用
荔枝米发布于:2019-5-5 00:48

查看全部评论(1)

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

委托设计