单屏的网站页面已经不时尚了,长条滚动和无限滚动的网站近期变得愈加时尚,这种技术在手机上更是能非常非常不错地呈现。移动屏幕的用法愈加多,在广泛同意长卷技术的过程中无疑起到了重要用途滚动型长页面网页如何设计才更好使-用户引导设计因为移动屏幕比桌面屏幕小得多,可见的导航条可以占据屏幕相对要紧的部分。解决小屏幕问题的一种办法是在用户滚动新内容时隐藏导航条,并在用户向下拉时让它可见,以便返回到顶部。
4、用功能动画来吸引访客
像视差滚动和滚动激活动画等创造性的成效可以吸引用户更多的滚动。他们把滚动变成更有趣的事情,让用户想了解“下面会发生什么?”
考虑将你的页面拆分为可滚动的“块”。在每一组中,你可以通过创造性的动画来介绍内容。当用户滚动时,动画将它们转换到下一个屏幕,同时创建一个内容路径。
视差是另一种受青睐的动画成效,可以改变滚动体验。视差效应使背景图像的移动速度低于前景中的内容,从而产生深度和沉浸感。当你的网站想要以流畅、线性的方法讲述一个故事时,长滚动与视差效应的结合可以创造一个完全沉浸式的浏览体验。
5、防止滚动劫持
达成卷轴劫持的网站控制了卷轴并覆盖了web浏览器的基本功能。滚动劫持是不好的,由于用户不再完全控制页面滚动,没办法预测其行为。用户对网站滚动互动的期望不应该由于叙述的体验而被破坏。
苹果在他们的Mac Pro页面上用了滚动劫持。
结论
长期滚动可以创建完全沉浸式浏览体验,完全大概让旅游像目的地一样愉快。当用户喜欢你的网站上的内容,发现用户界面是直观的,他们就不会真的在乎页面的长度。
推荐题目滚动型长页面网页如何设计才更好使-用户引导设计