半透明效果的网页模板设计

分享到:

2018-06-28 18:10:00

一、半透明效果在网页模板中的应用

半透明效果因效果震撼,有效集中用户目光,有利于突出主要内容,被广泛应用网页模板设计中,一般在网站模板首页中使用较多。如凡科建站的广告网页模板素材的banner:

广告网页模板素材

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

二、半透明效果运用于的网页设计要注意什么

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

网页模板设计使用半透明效果,要明确网站元素中,你的网站要突出什么,说明什么,主次表达要分明,用户才容易理解。下图是凡科建站的学校网页模板,同样在banner吐使用半透明效果,突出的主要内容就是招生季。

学校网页模板

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

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

服装网页模板设计

2、合理使用半透明效果

半透明效果的使用是为了让网站内容更有说服力,也更加清晰,过于滥用透明效果,会造成内容混乱、信息无法传达的效果。设计网页模板的时候,需要合理使用半透明效果。

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴