从6个角度探讨长滚动页面的设计方式

2020-09-25 16:33:27  51 浏览  0 评论   赞

长滚动页面就是用户需要滚动很长的距离才能到页面的底部,其特点:滚动上要呈现动效;每一页采用相似的元素设计;导航应当固定在屏幕上;加入动效

从6个角度探讨长滚动页面的设计方式

图679-1:导航栏固定不动

1、 视差滚动图片角度:图形图像的素材多是以动效或者立体的效果呈现出来,为用户带来视觉上的享受,同时增加了互动。

从6个角度探讨长滚动页面的设计方式

图679-2:导航栏向下出现,向上隐藏

2、 屏幕尺寸分页角度:简单来说就是将长滚动页面分隔成尺寸大小都相同的分页。这种方式对于内容分割与组织很有效,可以令到页面内容更加聚集、突出。

3、 导航要常在角度:很明显,使用长滚动的方式进行页面设计,导航一定要随时能被用户使用到。常驻的导航能够让用户感觉到安全以及可控,避免迷失。

从6个角度探讨长滚动页面的设计方式

图679-3:每页相同风格

4、 动画互动角度:免不了会出现动画元素,能够增加视觉效果为用户带来趣味。

5、 多向滚动角度:页面可以横向、纵向,也可以从上下左右各个方向滚动。

6、 交互信息提示角度:也就是适当的给予一些引导和提示,避免用户出现疑惑。

从6个角度探讨长滚动页面的设计方式

图679-4:每页打开时有动画效果

 

转载请注明:网创网 www.netcyw.cn/b679.html

赞 ()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2019 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com