010-56705212
当前位置:首页 / 建站分享 / 网站设计
网页设计中透明效果的使用需注意什么
来源:时间:2018-10-09浏览量:3510 次

  在网页设计中,设计师们经常会使用透明效果。透明效果的使用是将色块、文本或者图像“变薄”或者降低饱和度,使其颜色变浅透明,这样下个图层的内容就能穿透显示出来。如果透明效果运用得当,能够突出显示文本或者在图像的特定区域形成焦点。但是设计者需要谨慎使用透明效果,毕竟透明效果的运用可能会影响页面的可读性,甚至会影响到页面整体的设计。在运用透明效果时,还需要注意一些使用技巧。

 

1. 用透明效果来制造对比

 

  使用透明效果最大的优点在于可以形成鲜明对比。设计者可以在图像上打出一个色块或者文本的焦点,增添屏幕的色彩维度。透明效果的使用还能让文本从不抢眼的背景下跳脱出来。但是在运用透明效果时,一定要考虑对比度,需要确保图像和文本都具备可视性。因此,在采用透明效果时,要查看下透明效果的使用是否让文本或图像更容易理解。

 

  在使用透明效果来制造对比时,不可误认为透明效果会增强文本的可读性。无论是利用透明效果处理图片、色块还是文本,如果视觉效果让文本或字体很难辨认,这时页面想要表达的信息就无法传达。

 

2. 尽可能避免在图像上使用透明效果,形成强烈冲突

 

  在考虑到页面中文本的可读性后,设计师最好不要在已经具有强烈视觉冲突的图片上使用透明效果。如果在使用透明效果后,对页面设计产生负面影响,这时就尽量不要采用透明效果了。一旦在已经具有强烈视觉冲突的图片上叠加使用透明效果,就会很难让图片中的每个部分在背景中都能获得理想的结果。

 

3. 小范围的使用透明效果

 

  一般情况下,不需要大范围的使用透明效果。在小范围内使用透明效果会获得更好的成效,例如可以用透明效果来做网页导航或者按钮的悬停效果等。此外,不可同时使用太多透明效果。由于透明效果能够制造对比、强调和视觉兴奋感,一旦运用太多,会在一定程度上分散用户的视觉注意力。





服务热线
服务热线 服务热线  010-56705212
工具条

扫一扫,加微信客服

返回顶部
返回顶部 返回顶部

客户服务热线(7X24小时)

010-56705212
邮箱:kefu@cshyweb.com
网址:www.bjwzjs.com

业务范围:北京网站建设 北京网站制作 企业网站建设 网站建设 网站优化 网站推广 域名注册 企业OA定制
Copyright © 2012 - 2019 cshyweb.com. All Rights Reserved.昌盛宏业 版权所有  
工信部备案号:京ICP备13003940号