如何有效地在平面设计中使用透明度

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:站酷   作者:创客贴

关键词

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

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

如何有效地在平面设计中使用透明度

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

如何有效地在平面设计中使用透明度

2.让文字更明显

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

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

如何有效地在平面设计中使用透明度

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

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

如何有效地在平面设计中使用透明度

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

4.引导观众的视线

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

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

如何有效地在平面设计中使用透明度

5.显示里面有什么

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

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

如何有效地在平面设计中使用透明度

用在食物的包装上更加有效,让顾客能直接的看到她将要的食用的食物的样子。

如何有效地在平面设计中使用透明度

6.创造层次感

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

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

如何有效地在平面设计中使用透明度

7.让一些纹理显露出来

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

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

如何有效地在平面设计中使用透明度

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

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

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

如何有效地在平面设计中使用透明度

9.发挥创意

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

如何有效地在平面设计中使用透明度

10.加强品牌形象

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

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

如何有效地在平面设计中使用透明度

 收藏