在线咨询
QQ咨询
服务热线

020-85201717

13725302004

业务微信

微信开发

TOP

网站设计技巧半透明效果

发布时间:2021-01-13 浏览:

      使用半透明元素来设计网页很美观也很需要技巧。半透明效果是指色块、文字或图片被“稀释”或者冲淡,使得颜色减淡,并且透出后方内容。执行到位的话,这种效果会非常震撼,能划出一块绝佳的文字展示区域,或者作为吸引注意力至图像某部分的手段。

 

       但是使用这种效果必须谨慎,因为这种效果很难处理得当,有一些原则需要掌握:

       * 只有图片和文字都可以读时,半透明效果才有意义,

       * 在决定半透明位置的时候,你要知道遮挡了什么内容,这些遮挡是否合理

       * 透明度的使用错误会影响到整体的设计效果和阅读性,并且破坏整体设计效果。

       * 出于可读性考虑不要在对比强烈的图片上放置半透明元素(比如黑白对比或互补色)

       * 不要同时运用过多半透明效果。

 

       接下来看半透明元素如何运用到网站制作当中去,附带一些半透明效果在网站设计上的优秀执行案例。

 


        尝试半透明效果,是拓展设计技巧的一个绝妙方法。像很多其他效果一样,要有节制地使用这个技巧,并且在多种环境下实验这种设计,来确保它按你的意图运作和展现。


        半透明设计的更大挑战,是在轮播图片上使用时确保文字清晰可读,和避免半透明元素错误地遮挡下方图片。尝试多种透明度和使用方式——用于图片、背景、遮罩效果——来决定那种效果更适合某个项目。