下列是豆瓣电影的换页设计方案,我认为做得很优异。特别是在是页码陈列设计一部分,呈现的是前2页、后2页和当今页码周边的9页。

豆瓣电影的换页设计方案

适合的应用情景

查找要求极强的作用,例如“我的个人收藏”“歌曲库”等,便捷迅速精准定位搜索。
免费建站软件有哪些

內容固定不动的作用,例如新闻资讯网站内,编写写的长达多张的图组长文,或是互联网文学类网站里的电子器件书。

不适感宜的情景

页码换页较大的缺点取决于每一次换页都必须点一下,并且规定点一下的精确度提高,例如务必点一下“下一页”或是某一数据才可以翻到想来的网页页面。针对查找要求弱,且內容持续升级的作用,例如新浪微博,不提议应用页码换页。

二、全自动流式布局

全自动流式布局,指的按段式载入,当客户访问到已载入的內容底端时,网页页面会全自动载入事后內容。

流式布局是移动互联网网暴发后盛行的互动方法。哪个情况下,社交媒体互联网、残片化時间的定义热火朝天,许多网站将主页以時间线+定阅的方法展现,facebook、twitter均应用这类方法。客户网上的目地已不是检索有效材料,只是随意看一下、消遣无趣時间。网上习惯性的更改当然产生了瀑布式载入的时兴。

适合应用的情景

客户的关键要求是访问全新內容,例如新闻资讯定阅类、社交媒体类网站。

不适感宜的情景

因为流式布局欠缺查找作用,假如客户必须经常搜索老內容,那麼瀑布式载入会有来比较严重阻拦。

三、手动式流式布局

手动式流式布局是必须客户手动式点一下载入按键,才可以得到大量內容的方法。手动式流式布局分成二种状况:往前换页和向后换页。往前换页一般是有时候间线有新信息时的pop提示,向后换页的結果和全自动流式布局一样,仅仅会出現一个按键,必须点一下才载入事后內容。

适合的应用情景

往前换页的流式布局:可用于处于被动升级的网页页面。处于被动升级指的是当我们滞留在网页页面时,接受来到他人升级內容,例如、新浪微博都是提示给你xx条新內容。

向后换页的流式布局:可用于作用合适流式布局,但是底端有內容的网站。例如下面的图。

但是,我本人不要看好向后换页的流式布局(),尽管不用像页码那般精确精准定位,但依然空出了一次点一下的流程。假如并不是有务必放到底端的內容,能够考虑到把原先底端的內容以不张扬的方法放到侧边栏。例如像那样——

底端普遍內容被放到了侧边栏

四、箭头符号换页

箭头符号换页是页码换页的简单化方式,除掉页码数据,同时把“上一页”“下一页”简单化成箭头符号,以下图。

豆瓣电影阅读文章的箭头符号换页

豆瓣电影歌曲的箭头符号换页

适合应用的情景

控制模块尺寸固定不动而且內容较少,一般是展现型控制模块,例如编写强烈推荐、今天超低价。往往应用箭头符号换页,有三点缘故:

一是由于控制模块尺寸固定不动不适感合会扩张控制模块长短的流式布局;

二是內容较少沒有两页,显示信息数据页码看起来累坠。

三是由于展现控制模块必须略微绮丽的互动实际效果,而箭头符号换页非常容易作出较为炫的动漫实际效果。

五、圆点页码

有很多,而圆点页码是数据页码的简单化,即把页码数据变为圆点,当今页码用独特色调突显出去。

适合应用的情景

演试型控制模块,例如滚屏banner。全自动轮换的banner往往大部分分应用圆点页码并非箭头符号换页,是以便让客户了解一现有几幅图片,现阶段是第几张。具体上,圆点页码的提醒作用要超过实际操作作用。也是有网页页面同时应用圆点和箭头符号,例如下面的图——

虾米表演的banner

不适感宜的情景

客户积极换页要求极强的控制模块。圆点页码便是以便简约美观大方而问世的,一般比数据页码点一下范畴小,不适感合经常实际操作。

六、锚点滚轮换页

锚点滚轮换页指的是翻转电脑鼠标滑轮后,网页页面精准定位到下一个锚点。事例请见tumblr的商品详细介绍页。这类换页方法的优势有2个,第一是能够互动动漫实际效果炫酷;第二点是不必点一下,轻轻地翻转滑轮就立即精准定位到下一页,十分便捷。缺陷是开发设计程序繁杂,不适感合网站里很多应用。

适合应用的情景

具备展现作用的宣传单页,许多本人首页、企业首页都应用锚点翻转换页。

6种网页页面换页方法【有图】

作 者:admin

下列是豆瓣电影的换页设计方案,我认为做得很优异。特别是在是页码陈列设计一部分,呈现的是前2页、后2页和当今页码周边的9页。 豆瓣电影的换页设计方案 适合的应用情景 查找要


立 刻 购 买



扫描二维码分享到微信

在线咨询
联系电话

400-888-8866