如何在网站建设中做出这样的效果?看这里!

分享到:

2019-06-03 17:49:00

  不知道大家在平常浏览网站的时候有没有看到这种效果?这种看起来像是镂空的效果,能够给用户带来不错的使用体验。这种效果看起来很难做,但其实我们也能在网站建设过程中很轻松地做出来,下面就和大家一起看看是如何做出来的吧。

网站建设效果

  一、挑选好合适的模板后进入到网站建设页面。先点击左方的“模块”按钮,给网站添加一个“通栏排版”模块。


网站模板

  二、添加好模块后,鼠标移动到通栏模块后,在右上方点击“编辑通栏模块”。


更改模块设置

  进入到设置后,我们看到“通栏背景”设置,然后点击“自定义”,再点击“修改图片”,可以通过素材库选择图片或是自行上传图片的方式进行图片添加。

  添加图片完成后,在“效果”一栏勾选“固定”,速度可以根据自己想要的效果进行调整,速度是用户滚动页面时,背景图片同时滚动的响应速度,速度越高,用户滚动页面响应越快。

设置通栏模块

  还有一点要注意的是,在我们选用图片时,尽量选择高清且适配网页宽高的图片,才能让“镂空”效果更好。若图片的尺寸较小,那么记得要在“图片缩放”选择“填充”哦。


  那么网站建设页面中的“镂空”效果就这样做好了,一个页面也能同时使用多次镂空效果,用户滚动到页面不同位置时,都会看到有不同的镂空效果,令整个页面变得更有设计性,在浏览网站的过程中有很好的体验。

网站建设效果2


  各位小伙伴在自己建网站的时候,可以参照以上的操作方式,设计出效果好看的网页,让更多用户喜欢上你的网站。

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