建网站使用长滚动式页面的2大注意事项

分享到:

2018-08-28 19:05:46

毫无疑问,长滚动式的页面能承载更多不同的内容,建网站使用长滚动式的页面布局能使整个网站保持差不多的格局,保证不同设备拥有相同的视觉体验。而且滚动式页面的操作方式无论是在PC端还是在移动端,都具有友好性,PC端只需鼠标滚动,移动端只需手势滑动。

但是建网站设计长滚动式的页面时,还有两点需要注意:

一、明显的引导用户浏览的提示设计

建网站使用长滚动页面

长滚动式的页面一般是一屏以内为一个内容,其设计的整体性较强,因而,要有效提醒用户还有更多的内容可供浏览。为了有效引导用户,建网站时可以使用视觉引导,这种设计方式效果是比较好的,大致有三种方法:一种是向下的箭头引导,一般位于页面底部中间的位置,配上闪烁的动效,让用户更加明白其中的引导性。

另一种是下一页面的内容显露出一小部分,让用户知道接下来还有页面内容可浏览,侧边还要配上进度条的引导,让用户大致掌握页面的内容的数量。

还有一种是页面数量的引导显示,这种设计类似于大部分人建网站会使用到的轮播图模块,在页面的边缘位置,随着页面的滚动,跳跃不同的小圆点,让用户知道自己的阅读进度。

二、保证导航栏可见

长滚动页面设计导航栏可见

长滚动式的页面设计要保持导航栏的可见,让用户有方向感与安全感。导航栏的设计一般使用悬浮式设计,即导航栏始终悬浮于页面顶端,用户可以随时使用。

但有时候建网站者会觉得悬浮的导航栏会遮挡重要的页面内容,在设计导航栏时,使用半隐藏式的设计,设计图标,引导用户触发,然后再显示导航,即节省页面空间,又能达到导航的可预见性。还有一种方法是,当用户下拉页面时,导航栏隐藏,当用户返回定不是,导航栏出现,这种设计一般用于移动端网站。

以上两个方面是长滚动式页面的两大注意事项。站长们在采用长滚动页面设计时,要多从用户角度出发,构建更适合用户浏览的页面,还在考虑如何建网站长滚动式页面的朋友们赶紧看一下本文,减少错误的发生哦。

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴