当前位置:   article > 正文

delphi 怎么做到翻页滚动显示每一页_写给新手的滚动视差设计指南(附7个教科书级案例)...

dephi画时间轴

设计师应该要了解网页上各种效果的实现能力,才能给用户创造出非常吸引人的视觉体验。

滚动页面是一个很常规的操作,结合这个交互行为可以在设计上有哪些可以发挥的点呢?可能这对很多人来说,算是一块知识盲区,那么就跟着这篇文章一起来学习吧!

9980a82a523ecce3affa003f9464b5b2.png

视差滚动特效是用户在滚动页面的过程当中,页面中不同元素随之进行不同速率的运动,所营造出的接近3D的视觉效果。设计中增添音频和视觉为内容赋予了更多的生机,传达出许多纯文字无法捕捉到的内容。滚动视差以步步推进的方式传达出内容,以吸引人们阅读,它利用了网页的优势呈现出非常棒的视觉效果。

当你想要表达一个细腻故事时,考虑使用滚动视差设计

滚动视差设计特别适合用来叙述一些细腻内容,随着内容慢慢铺开,通过设计能使得内容变得更加鲜活。滚动视差能够突出故事内容,并把你吸引到它的叙述中。优秀的设计能够使得每一页的衔接自然流畅,使你在下滑页面的过程中更加专注于内容。

案例

我收集了一些非常好的滚动视差设计案例来帮助大家设计出属于自己的网页效果。

案例1:Millennials are screwed(千禧一代的困局)

038c6fcbd1e532d291d4950b1a8ee59a.png

我们经常都喜欢拿千禧一代来开玩笑,但这一代确实面临着一些重大的挑战。 Millennials are screwed(https://highline.huffingtonpost.com/articles/en/poor-millennials/)这个网站通过一位年轻人的眼睛向我们展示了这个世界,以便清楚地了解他们所面临的挑战。

故事是由一位千禧一代的自述,用一种比较幽默的手段讲述了他们所面临的财务困境和其他现实问题。

这个网页是通过怀旧的视频动画游戏,结合像素化的图形和一些有趣的视觉效果来呈现的。它抓住了千禧一代人的复杂情感,同时也是为了让年轻人更容易接受和阅读。

读了网页上的内容,不禁让我对千禧一代产生了更多的同情。这就是一个很好的例子,使用智能,有趣的网页设计来连接更多的读者。

20e949655f480ce54d5f47d3a6d37901.gif

案例2:UTC is enough for everyone… right?(UTC对每个人来说都足够,对吗?)

本文内容由网友自发贡献,转载请注明出处:https://www.wpsshop.cn/w/我家自动化/article/detail/580840
推荐阅读
相关标签
  

闽ICP备14008679号