天琥教育专业设计培训学校成立于2002年,是一所集设计培训、教育教学、设计应用知识推广、设计课程研发于一体的集团化连锁教育机构。天琥设计课程由专门课程研发团队自主研发,课程设计紧跟互联网潮流,将较前沿的设计融入课程中,并且每年持续精进课程内容和教学建设。目前天琥已开设多个专业方向课程,包括UI设计、美工、动漫游戏、商业插画、平面设计、网页设计、室内设计、影视后期等专业,设计师资,80+直营校区,就近学习,天琥专注职业教育培训20年。

如何设计用户喜欢的滚动页面
1. 一开始就提供有趣的内容
尽管许多用户习惯于在页面加载时就滚动页面,但是首屏的内容对用户决策的影响是至关重要的。首屏的质量将对后续内容的预期产生重大影响。如果首屏的内容足够有趣,用户就会主动向下滚动,希望看到同样有趣的内容。
因此,作为整体设计的一部分,设计师应该在首屏上设计让用户感兴趣的内容,并传递给用户一条同样有趣的消息。
在设置内容时,尽量为用户提供:
(1)有趣的元素和内容。(吸引用户注意力的内容和信息)
(2)精彩的图片或视频。(用户会密切关注这些视觉信息)
2.给用户一个直观的提示
有时候,如果想让用户向下滚动,设计师可以直接告诉用户,在这方面为用户提供视觉线索,例如指向的指引箭头,或者简单地在文本中写下“向下滚动”,以通知用户下面有更多的内容。
呈现视觉线索的方法有很多,如果显式的内容不够“优雅”,可以尝试让下面的内容显示在首屏上,让用户明白下面还有更多。
3.保持导航可见
导航是一个网站的重要组成部分,它能成就一个网站的良好体验,也可以摧毁它。设计web页面时较大的风险之一是可用性低导航设计,这会导致用户在使用过程中会迷失方向。
通常,这种设计会让用户感到吃多白干,因此,尝试使用悬浮制定的的导航栏,或者固定导航栏,一方面让用户始终知道自己在哪里,另一方面方便用户跳转到其它位置。
在为移动端设计时,需要注意导航会不会占用太多的空间,更合理的策略是让导航在滚动时隐藏,当它准备回到顶部或停止时显示出来。
4.加入动态效应,增强参与性
以视差滚动为代表的动画特效是一种设计技巧,它允许用户滚动浏览更有趣的设计,同时,吸引用户不断往下滚动浏览,让用户始终处于探索“下一步还会发生什么”的过程中。
考虑到页面常常被设计成不同的区块,创造性的效果可以移动到不同的区块中,让用户在精心设计的路径中滚动浏览。
视差滚动是目前较流行的特效之一,设计师可以根据元素移动速度的不同来创建深度和沉浸感。当用户平滑地滚动内容时,视差效应产生的沉浸感会给用户一种身临其境的感觉。
5.避免滚动劫持
滚动劫持的概念并不难理解,浏览器本身的滚动机制被替换,用户无法按照他们期望习惯的方式滚动页面。
有时这种情况是设计师故意创造的浏览效果,但它并不是一定能给用户一个很好的体验,至少大部分时间是超出用户的预期,滚动劫持这种情况应该尽可能避免使用。