美文网首页字体那些事设计
巧用透明度,助你快速提高设计水平

巧用透明度,助你快速提高设计水平

作者: 创客贴设计 | 来源:发表于2017-06-09 16:14 被阅读39次

    我们在浏览网站、接收传单时会发现背景素材看起来是不是那么重要,但您不希望它像出错的油漆或胡乱的选择的壁纸,让受众无法聚焦,可以说就是一场视觉灾难,它会让你把注意力分散在各个素材上。好的背景也是成为好的设计不可忽视的元素,正如在设计中使用好素材,与文字充分融合将会,发掘新的设计空间,会得到一个非常棒的设计。

    我来分享一下自己的设计思路,今天的分享不是教大家怎么做,而是我把自己所看到所听到的知识整理给大家相互讨论学习,我们一起学习进步。好的设计,通过好的说明,可以变成一个让人称赞的作品,这才是我们应该做的事情。

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

    一、 简化杂乱的背景

    图片内容丰富看起来很有趣,但这可能会让设计看起来更复杂而且抓不住文案信息。解决这种问题,像下图这样可以在图层顶层覆盖一个半透明形状,突出海报信息。

    点击此处使用模板

    下面这张活动海报的背景是一张美丽的复古风插图,但是如果没有白色透明图层,文字将很难读取(特别是小号字体)。你会发现白色部分不是全透明的,这样的细节可以使它的透明度足以让背景的图案显现出来。通过不透明度设置调整透明度级别,通常范围在0%(完全透明)和100%(完全不透明)之间。

    二、 突出主题

    1.让文字更显眼

    摄影照片运用广泛——产品广告、网站标题或社交媒体分享。但是,根据照片的组成以及颜色、亮度等的纯度,它可能并不一定都适合将文字放在顶部。

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

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

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

    2. 强化品牌形象

    设计时,背景不一定要事先考虑。事实上,可以将它们作为另一种途径,通过品牌颜色或其他可识别的视觉元素,将公司的身份或风格表达更透彻更清晰。

    例,下面的概念项目是为Google年度报告构思的一个新设计,通过透明背景形状完美融合品牌的鲜艳色彩。

    3. 突出重点

    透明的背景,尤其是颜色醒目的透明背景,更能突显重要的文字内容或其他设计元素。

    这个平面广告图使用透明的红色横幅,在整体黑白设计的托下,突出强调了特价促销的信息。

    点击此处使用模板

    这个设计也使用红色透明形状(常见的吸人眼球的好选择)来选择性地吸引注意网站的特定版块。

    如果您正在寻找在设计中使用的照片,在素材库的图片分类下海量高清免费图片素材任你选。

    �三、打造层次分明的设计/让设计更有层次感

    使用透明背景的好处之一是你可以用其他设计元素叠加多个背景或叠加透明背景,通过将不同颜色、照片或形状分层,让布局更有深度并打造有趣的视觉效果。

    这一系列活动海报通过远景背景下的透明度,把人像和图案并列放在一起,同时在文字底部又额外添加透明背景形状。这种将颜色和元素的分层让整体效果具有鲜明的动态感和对比度,同时也让排版布局更有深度。

    这样的方法,在创客贴你可以轻松实现,运用不同颜色的色块,让整个设计展现了不同风采,完美结合了摄影照片、透明的色块和图案。

    点击此处使用模板

    四、 添加一些柔和的色彩渐变

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

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

    点击此处使用模板

    打开背景-添加渐变-再将图片的透明度降低-最后添加文字

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

    是不是倍受启发?我们希望这一系列的设计案例能让你了解透明背景在设计中的潜力。从颜色到构图,随时给你的设计提供有效的解决方案。

    PS.当你看完这篇文章觉得急不可耐的想来练练手了,打开创客贴,马上开启你的设计之旅。

    相关文章

      网友评论

        本文标题:巧用透明度,助你快速提高设计水平

        本文链接:https://www.haomeiwen.com/subject/obrfqxtx.html