zoukankan      html  css  js  c++  java
  • 各式各样的分页导航条

    页码条在网页设计上是必不可少的,因为你不可能老是提供一个按钮“下一页”,这样浏览者会变得很烦躁的。然而,页码的设计也是很讲究的,要好看、简洁还是花哨呢?有些网站的页码设计得非常漂亮,而有些却让人摸不着头脑。这篇文章翻译自Smashing Magizine,列出出将近60个网站的页码设计,当中哪个失败,哪个漂亮,哪个让人摸不着头脑,哪个你最喜欢呢?还是由你来判断吧!点击图片可进入相应的网站。

    首先看两个失败的范例下面这个页码设计得色彩过于清淡。

    Screenshot Pagination

    而这个页码设计得虽然漂亮,但到底现在是第一页还是第二页呢?如果是第一页,为什么第二页会是白色的呢?

    Screenshot Pagination

    下面这两个是否略显寒酸呢

    Screenshot Pagination
    Screenshot Pagination

    比较有创意的页码条:

    Screenshot Pagination
    Screenshot Pagination

    简洁而好看实用的页码条

    Facebook

    Screenshot Pagination

    Businessweek

    Slanted

    Cpluv

    Stylegala

    Screenshot Pagination

    Overture

    Misal

    漂亮实用页码条:

    StylishLabs

    Apple Store

    Bildblog

    Screenshot Pagination

    Sitepoint

    Amazon

    Maple

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Flickr

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    UXMag

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Designshack

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    Screenshot Pagination

    提供选项的页码条

    Screenshot Pagination

    Veer

    Screenshot Pagination

    一些特别的:

    Screenshot Pagination

    Screenshot Pagination

    其实页码不需要漂亮实用就够了。

  • 相关阅读:
    多表查询,连表查询
    mysql数据概念难点
    mysql练习题
    linux下 redis
    nginx安装
    八皇后问题 OpenJ_Bailian
    Prime Ring Problem hdu-1016 DFS
    Oil Deposits hdu-1241 DFS
    Highways
    畅通工程再续
  • 原文地址:https://www.cnblogs.com/MaxIE/p/961331.html
Copyright © 2011-2022 走看看