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

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

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


以下是分层的另一个案例,它们完美结合了摄影照片、透明的色块和图案。

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

07. 让纹理"透"出来

第一点中我们讲到透明背景可以遮住分散注意力的细节,稍微换一种方式,它也能让一些很棒的纹理给你的设计增添一些视觉兴趣点。

下面这张服装零售广告通过透明背景中的切口透出纺织格子底纹,形成主要排版。纹理透过背景隐约可见,让整体设计更具视觉黏着力。

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

下面的案例包含了前面讲到的一些技巧,比如凸显文字和设计分层。因为透明圆圈和图片重叠,透过绿色透明圆圈也看到图片中一些有趣的纹理细节。

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

08. 添加一些柔和的色彩渐变

透明度还为设计添加颜色提供了多种多样的可能,与纯色背景相比,透明的颜色看起来更柔软、更细腻,尤其是当你的颜色不那么出彩的时候。

下图采用柔和透明的浅淡色彩,给照片上方的文字创造空间。背景没有采用纯色形状而是渐变的方式,随着页面的不透明度逐步降低,图案最终渐渐完全清晰。透明度和渐变梯度掌握的非常好。

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

这是APP UI使用透明渐变的另一个示例。这一次,渐变涉及纯度、色调和透明度的变化,让设计更加活泼有生气,但又不抢文字风头。

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

09. 让混合效果发挥创意

很多设计软件都自带混合模式或混合工具,您可以创造性地将颜色、照片或其他元素进行融合和分层,还可以用透明度和其他设置创造各种视觉效果。这种方法通常都涵盖了我们讲过的一些技巧,如分层、使用纹理和摄影。

这张设计的背景层次感非常丰富,由旧照片、含有笔迹的纸质纹理、墨迹、巧妙的颜色水纹交织拼接一起,形成生动活泼的复古风作品。

这么多设计元素的组合,效果有趣却不压抑,很大程度上得益于透明度的使用,它让各个部分有效地融合一起,形成和谐的整体。

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

下图的背景主要集中在如何将颜色相互融合、相互作用,这种颜色混合效果广受欢迎。

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

45

好评
26

差评

刚表态过的朋友 (71 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

查看全部评论(1)

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

委托设计