网页制作中如何合理应用半透明效果

2018-07-02

  一、半透明效果在网页制作中的应用

  半透明效果因效果震撼,有效集中用户目光,有利于突出主要内容,被广泛应用网页制作中,很多网站模板都会带有这种效果,这种效果一般在首页中使用较多。

网页制作的半透明效果

  半透明效果是指网页中的元素淡化,例如文字、图案等元素,模糊透出底层元素内容,在淡化的元素上加上内容(一般是文案内容),淡化的元素起到划分上下两层内容的效果,可以强调突出上层内容,视觉层次分明,便于用户对网站主要内容一目了然。

  二、半透明效果运用于网页制作要注意什么

  1、明确要突出的主要内容是什么

  使用半透明效果,要明确网站元素中,你要突出什么,说明什么,主次表达要分明,用户才容易理解。

  使用半透明效果,要注意半透明覆盖的区域。半透明效果还具有补充说明的作用,一般用于补充说明图案内容,便于用户理解,这就需要在网页制作是明确网站的重要内容是哪些,避免出现半透明错误遮盖网站主要内容,内容主次不分,信息传达混乱的后果。

  例如,下面展示的网页制作效果图是来自凡科建站的网站模板,该网站模板的效果图采用全画面的半透明效果,整幅图的颜色基调以黑白为主,底层图片隐约可见的是三位打扮时尚的模特,服装搭配紧跟潮流,以此为背景,更加衬托该网站模板所要表达的潮流对峙主题,这样的半透明网页制作能同时告诉用户,我是一家做时尚女装的网站。

凡科建站的网站模板

  2、合理使用半透明效果

  网页制作时使用半透明效果是为了让网站内容更有说服力,也更加清晰,过于滥用透明效果,会造成内容混乱、信息无法传达的后果。

免费使用