随着网页设计的趋势不断变化,网页设计师经常会做一些令人惊叹的设计作品,而在这些非比寻常的设计中,大多数都会带有滚动效果。滚动效果做得好,可提高访客对网站的兴趣;但是如果滚动效果不尽人意,就有可能会影响整个网站的用户体验。
盘点令人惊叹的网页设计滚动效果
优秀案例一:TOMORROW SLEEP
网址:https://www.tomorrowsleep.com/
TOMORROW SLEEP网站采用非常柔和的滚动浏览动效,设计师在设计网页时,并没有让元素都默认隐去,而是让绝大多数的图片、背景已经装饰元素都保持显示,在滚动过程中,各种文本和CTA元素会随着滚动逐步显现,这样的设计会更容易吸引用户。
优秀案例二:TWIST
网址:https://twist.com/
和TOMORROW SLEEP网站不同,TWIST采用常见的滚动浏览动效:页面原本空无一物,随着加载和滚动,所有元素会逐步在页面显现。虽然有些元素会因为加载原因未必能在短时间内全部展现,但也不会让用户等太久。而与TOMORROW SLEEP网站的相同之处在於,TWIST的动效同样保持着柔和自然的特点。
优秀案例三:DASHFLOW
网址:http://dashflow.co/
与上述网页的动效设计相比,Dashflow所采用的动效设计是最常见的。整个页面采用时下最流行的但也是布局,动效大多是沿着横向或者纵向运动。动效虽然简单,但是通过合理的搭配,同样能制造出流畅顺滑,令人难忘的体验。
优秀案例四:PROJECT FI
网址:https://fi.google.com/about/
Google Project Fi 的介绍页面采用梦幻般的动效来强化整个体验,随着页面的滚动,内容区块会小幅度地加速运动,而其中所承载的图标和扁平插画,则以更快的速度,从下方向上浮现,创造出动态的视觉体验。元素的展现速度并不慢,幅度也控制得恰到好处,速度差则将信息的层次感得到了强化。而更加有趣的是,当你滚动到页面底部,再向上滚动的时候,你会发现动效的运动方向会正好相反。
虽然滚动浏览动效并不一定使用每个网站,但是一般使用此动效的网站都会有着更加有趣和优雅的体验。所以在设计网页的时候,不妨多留意一下优秀的网页设计,这对你的创造灵感有很大的帮助。
本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/44152.html
如有侵犯您的合法权益请发邮件951076433@qq.com联系删除