网站建设过程中那些翻页设计 ​

2017-11-09

很多新手站长在刚接触网站建设的时候,相信都会遇到很多关于设计的问题,其中翻页的设计就是最常见的。页面为什么会有翻页设计呢?主要是因为内容太多,超出了框架的承载量。今天我们就来说一下网站建设中,翻页设计的一些方式,


第一、页码翻页的设计。这就好像跟书籍翻页一样,是最经典的一种方式。在还没有瀑布流等等交互设计出现的时候,这是最常用的翻页设计。页码设计的三要素是:数字陈列的方式,这样可以快速定位。逐页翻页的设计,这个其实就上一页和下一页。跳进翻页设计,可以调到最后一页,页码翻页的设计主要用户内容比较固定的网站,但是也有缺点就是每一次翻页都需要点击一下,而且对点击精确度要求也比较高。


第二、自动瀑布流翻页的设计。什么是自动瀑布流呢?指的就是分段式的加载,当用户在浏览内容的时候,浏览完已加载的内容,页面就会继续加载为浏览的内容。瀑布流的设计是移动互联网发展起来之后出现的一种交互式设计。因为在移动互联网中,社交网络以及碎片化时间的概念比较热门。不少网站在建设首页的时候,都采用时间线+订阅的方式进行。移动用户浏览网站主要是打发时间,而不是搜索资料,所以,就带动了瀑布流交互式的设计。这种方式适合于浏览一些新的内容,例如资讯订阅类型、社交网站等等。但是这种方式没有搜索功能,因此用户在查找就内容的时候需要反复查找。


翻页设计


第三、手动式的瀑布流设计方式。这个主要是通过用户手动点击加载按钮才进行剩下内容的加载,这个主要分为向前翻页以及向后翻页。这个主要适用与被动更新的页面,例如知乎网站以及微博网站,会提醒你有多少条内容更新了。


第四、箭头翻页的设计。其实这是页码翻页的简化形式,只是将页码变成了箭头。适用与模块大小比较固定的,内容比较少的,多用于展示型的模块,例如编辑推荐等等。


第五、圆点页码。这是数字页码的简化,把页码数字变成圆点,而且将当前的页码通过特殊的颜色显示出来。一般用于演示型的模块,例如banner的轮播。这样可以让用户知道一共有多少张图,当前是第几张。


以上五种方式就是翻页设计的一些方式,希望可以帮助到站长们,站长们在建设网站的时候也可以参考一下。

免费使用