您的位置: 首页 > 软件教程 > photoshop教程专题 > 透明背景png在UI设计中有何妙用

透明背景png在UI设计中有何妙用

6.0分
出处:网络 时间:2017-07-23

您可能感兴趣的话题: 透明背景   png   UI  

核心提示:现在很多海报、Banner、网页都喜欢用透明效果作为背景,在增添页面的对照感和可读性的同时对整体的效果妨碍又不大。

  现在很多海报、Banner、网页都喜欢用透明效果作为背景,在增添页面的对照感和可读性的同时对整体的效果妨碍又不大,可谓一举两得。这篇好文,列举了12种透明效果背景的设计方法,收!

  01. 使乱七八糟的背景变得流畅

  利用插图和有质感的模范背景,能加上个性去设计。但是同时,很可能会变得乱七八糟,使文字无法阅读。作为解决的方法,可以重叠一个半透明的背景。

  下面这个例子,将漂亮的红酒酿造图案作为背景利用的宣传活动海报。如果,没有半透明的白色滤色片的话,设计的就很过分,文字文本(特别小的字体)将无法阅读。

  即使在显示背景,白色图层的使用也要注意,插图的颜色和调整下降的点也需要引起注意。PhotoShop或者是Illustrator中将不透明度试着从0%到100%自己调整看看吧。

透明背景png在UI设计中有何妙用

  还有一个例子,下面的明信片,将风景画渐隐,添加上朴素而又华丽的圆形背景,将文字文本重叠上去。

透明背景png在UI设计中有何妙用

  02. 尝试着让文字更加显眼

  照片是一个受欢迎的背景,不论是商品海报还是网站的标题、社交媒体用的设计,打印印刷和WEB项目这两方面都可以使用。只是,由于照片的构图,色调,明度的原因,不是很容易就能找到令人满意的文字文本放置的位置。

  下面的例子,由于文字的原因(黑白照片变得难以看见),半透明的形状互相重叠。另外,透明度不同的图层互相重叠,独一无二的效果就显示出来了。

透明背景png在UI设计中有何妙用

  接下来是另一个参考案例,下面的网页设计使用了白色透明图层来重叠,将文字放在单色照片的上面来显示。

透明背景png在UI设计中有何妙用

  这个手法是利用了色彩的反转。例如,半透明的黑色图层和白色的文字文本什么的。

网友评论

photoshop教程专题

精品软件课程
更多 >
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]
Photoshop是集图像扫描、编辑修改、图... [详细]