网站地图    收藏   

主页 > 设计 > 网页设计 >

7个创意惊人的文本展示特效页面_交互设计教程

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

  效果1:PUSH

  PUSH的效果是当用户向下滚动页面时,图片会向上渐隐,而文章内容会跟着从下至上的渐显出来。

7个创意惊人的文本展示特效页面 三联

  查看DEMO

  效果2:FADE OUT

  FADE OUT背景图像也是向上渐移,不同的是,图像不会消失,但注意的是,图像下方有个渐变的过渡,让用户看起来很舒适。

全新的阅读体验!7个创意惊人的文本展示效果

  查看DEMO

  效果3:SLICED

  SLICED独特之处就是图像像被切割一样从图像的中心开始切开动画。

全新的阅读体验!7个创意惊人的文本展示效果

  查看DEMO

  效果4:SIDE

  Side就是向下滚动页面时,图像会以侧边形式展示。

全新的阅读体验!7个创意惊人的文本展示效果

  查看DEMO

  效果5:FIXED SIDE

  有点类似Side,但图像是布满上下屏幕,效果很不错。

全新的阅读体验!7个创意惊人的文本展示效果

  查看DEMO

  效果6:GRID

  Grid效果如下图,当用户向下滑动页面时,图像变回Grid列表形式,这可以让用户看到自己在读那篇文章。

全新的阅读体验!7个创意惊人的文本展示效果

  查看DEMO

  效果7:Jam3

  最后一个效果是作者模仿 Jam3 网站制作出来的,用户向下滑动网页,图像会自动切成一个小banner。

全新的阅读体验!7个创意惊人的文本展示效果

  总结

  这些文章效果看起来确实很赞,但因为带有动画效果,这样却给用户延迟了一阅读时间,对一些用户来说可能是不好的体验,所以大家还是考虑清楚再使用,选择最适合的方式。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论