用好透明度,提升图片颜值

犹抱琵琶半遮面,讲求的是含蓄朦胧之美,其实在设计中,也会用到这一点,巧妙运用透明度,可以让图片不显得呆板,更通透梦幻。透明度要如何用,又会起到怎样的效果,一起来看看吧。

1.简化杂乱的背景

有插图或有图案的背景添加到你的设计中会特别个性。但他也会使整个设计显得特别乱,让文本显示地不清楚。解决方案是什么呢?在图片上方加上一个半透明的背景。

这里这张海报使用了铺满花瓣的图片,如果没有了透明白色层,文字可能会和背景融合在一块,显示不清,让观众很难阅读。

再举一个例子,用半透明圆形覆盖住复杂背景的简单排版方式,使用多彩的颜色、黑白滤镜的背景,也会很好看。

2.让文字更明显

在印刷品或是网络上将摄影作品作为背景是很常见的事情,但根据照片的颜色、亮度等原因,可能文字不适合放在照片上面。

这个海报使用了透明层不断叠加的方式,实现了图中这种像阶梯一样有意思的效果。

3.创建一个简洁、轻快的外观

从设计的角度看,使用透明度会让整个布局更简洁、更宽敞。

下面这个系列的产品目录封面使用了基本的图片背景和透明颜色层,只用几个简单的文字打破了颜色层的整体性。

4.引导观众的视线

透明的背景不一定要全部覆盖你的画布。用透明度去创意是一件很简单的事情-可以实用有趣的方式选择部分使用。

像下图这样,切除字母形状的透明颜色背景是这张海报的亮点,帮助观众看清两张海报上的主角。制作的话可以使用一张照片背景,上方覆盖一层透明矩形,在最上方放置一个字母的吸附框吸入与背景相同的图片,调整位置就可以了。

5.显示里面有什么

对于涉及包装、容器、盖子或其他种类外壳的任何设计项目,透明度可以揭示里面有什么,对于销售产品本身就是一种很好的方式。

下面的杂志封面设计将其标题的文字直接放在单独的一个塑料封面上,在灯光下又增加了额外的光泽,感觉整体的质量都提高了。

6.创造层次感

对于透明背景的好处是,你可以堆叠多个透明颜色层或是图片等设计元素

下面是将两张不在一个视线中的两种事物结合在一起,并修改成同种颜色,而且增加了一些透明的形状和文字,颜色和设计的分层,整体高对比度的效果,让整个布局产生了深度。

7.让一些纹理显露出来

透明颜色图层可以掩盖分散注意力的细节,在你的设计中可以使用有趣的纹理增加一些视觉趣味。

下面的服装销售商的海报将衣服的格子纹路设为背景,在边缘以及文字处让背景变得清晰可见,给整个设计一种有凝聚力的样子。

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

透明度在色彩方面也有很多创意性的用法,相比于普通的背景,透明的背景看起来更加柔和,更微妙。可以让单调变得更有色彩。

这种设计的特点,目的是让图片感觉上变得更加柔软,这样背景就是一个梯度的变化。透明度和渐变在一起使用特别的容易。

9.发挥创意

许多设计方案使用混合模式,让颜色图层和图片层融合的时候能够有不同的视觉效果。

10.加强品牌形象

背景也可以作为一种提升公司品牌形象的方式,通过品牌颜色和其他可识别的视觉效果体现公司的风格。

下面这是谷歌的年度报告中的设计,使用了透明的颜色图层和丰富颜色的背景图片,和谷歌品牌的标志性鲜艳的色彩相呼应。

所谓设计就是让美呈现,获得赏心悦目的效果,无创意不设计,无美感不设计,图帮主,在线设计神器,轻松搞定平面设计!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,498评论 25 708
  • 一、照片名称:调出照片柔和的蓝黄色-简单方法, 1、打开原图素材,按Ctrl + J把背景图层复制一层,点通道面板...
    潇湘妃子JC阅读 4,330评论 0 17
  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,312评论 2 237
  • 我曾经很恨他。我的童年时代,从我会记事起,他就一直在跟母亲因为各自琐事争吵。我目睹他将母亲打得鼻青脸肿,那个时候,...
    淡定猫2017阅读 280评论 0 1
  • 其实不用担心,你们中的很多人一辈子都不会遇见你梦想的真爱。只会因为害怕孤独地死去而选择随便找个人,互相饲养。对成功...
    和桑阅读 204评论 0 0