各式各样的网页页码条设计展示
页码条在网页设计上是必不可少的，因为你不可能老是提供一个按钮“下一页”，这样浏览者会变得很烦躁的。然而，页码的设计也是很讲究的，要好看、简洁还是花哨呢？有些网站的页码设计得非常漂亮，而有些却让人摸不着头脑。这篇文章翻译自[url=http://www.smashingmagazine.com/2007/11/16/pagination-gallery-examples-and-good-practices/][color=#0000ff]Smashing Magizine[/color][/url]，列出出将近60个网站的页码设计，当中哪个失败，哪个漂亮，哪个让人摸不着头脑，哪个你最喜欢呢？还是由你来判断吧！点击图片可进入相应的网站。首先看两个失败的范例[url=http://www.kenengba.com/post/296.html][color=#0000ff]，[/color][/url]下面这个页码设计得色彩过于清淡。
[url=http://hugg.com/][img=284,47]http://www.panoramio.com/photos/original/5930799.jpg[/img][/url]
而这个页码设计得虽然漂亮，但到底现在是第一页还是第二页呢？如果是第一页，为什么第二页会是白色的呢？
[url=http://www.helium.com/][img=454,33]http://www.panoramio.com/photos/original/5930794.jpg[/img][/url]
[u]下面这两个是否略显寒酸呢[url=http://www.kenengba.com/post/295.html][color=#0000ff]？[/color][/url][/u][url=http://www.helium.com/][color=#0000ff][img=223,33]http://www.panoramio.com/photos/original/5930787.jpg[/img][/color][/url]
[url=http://www.make-believe.org/][color=#0000ff][img=107,44]http://www.panoramio.com/photos/original/5930805.jpg[/img][/color][/url]
[u]比较有创意的页码条：[/u][url=http://www.dirty.ru/][img=240,71]http://www.panoramio.com/photos/original/5930763.jpg[/img][/url]
[url=http://www.erweiterungen.de/][img=412,149]http://www.panoramio.com/photos/original/5930774.jpg[/img][/url]
[u][u]简洁而好看实用的页码条[url=http://www.kenengba.com/][color=#0000ff]：[/color][/url][/u][/u][url=http://www.facebook.com/][color=#0000ff][img=93,43]http://www.panoramio.com/photos/original/5930780.jpg[/img][/color][/url]
[url=http://www.iht.com/][color=#0000ff][img=109,41]http://www.panoramio.com/photos/original/5930802.jpg[/img][/color][/url]
[url=http://www.businessweek.com/][color=#0000ff][img=168,50]http://www.panoramio.com/photos/original/5930733.jpg[/img][/color][/url]
[url=http://www.slanted.de/][color=#0000ff][img=342,41]http://www.panoramio.com/photos/original/5930836.jpg[/img][/color][/url]
[url=http://www.cpluv.com/][color=#0000ff][img=394,49]http://www.panoramio.com/photos/original/5930757.jpg[/img][/color][/url]
[url=http://www.stylegala.com/][color=#0000ff][img=223,50]http://www.smashingmagazine.com/images/paginierung/stylegala.gif[/img][/color][/url]
[url=http://www.everyzing.com/][color=#0000ff][img=212,57]http://www.panoramio.com/photos/original/5930778.jpg[/img][/color][/url]
[url=http://www.overture21.com/][color=#0000ff][img=284,43]http://www.panoramio.com/photos/original/5930826.jpg[/img][/color][/url]
[url=http://www.mis-algoritmos.com/2007/03/16/some-styles-for-your-pagination/][color=#0000ff][img=275,62]http://www.panoramio.com/photos/original/5930811.jpg[/img][/color][/url]
漂亮实用[url=http://www.kenengba.com/][color=#0000ff]的[/color][/url]页码条：[url=http://stylishlabs.com/][img=228,44]http://www.panoramio.com/photos/original/5930842.jpg[/img][/url]
[url=http://store.apple.com/][img=229,60]http://www.panoramio.com/photos/original/5930728.jpg[/img][/url]
[url=http://www.bildblog.de/][img=233,45]http://www.panoramio.com/photos/original/5930731.jpg[/img][/url]
[url=http://www.nnm.ru/][img=241,48]http://www.panoramio.com/photos/original/5930825.jpg[/img][/url]
[url=http://www.sitepoint.com/][img=272,59]http://www.panoramio.com/photos/original/5930835.jpg[/img][/url]
[url=http://www.amazon.com/][img=270,43]http://www.panoramio.com/photos/original/5930727.jpg[/img][/url]
[url=http://www.maple.nu/][img=278,46]http://www.panoramio.com/photos/original/5930806.jpg[/img][/url]
[url=http://www.chow.com/][img=304,51]http://www.panoramio.com/photos/original/5930754.jpg[/img][/url]
[url=http://www.italknews.com/][img=303,42]http://www.panoramio.com/photos/original/5930803.jpg[/img][/url]
[url=http://www.empressr.com/][img=316,53]http://www.panoramio.com/photos/original/5930770.jpg[/img][/url]
[url=http://www.flickr.com/][img=335,54]http://www.panoramio.com/photos/original/5930781.jpg[/img][/url]
[url=http://www.ttiqq.com/][img=395,72]http://www.panoramio.com/photos/original/5930848.jpg[/img][/url]
[url=http://www.crankk.com/][img=393,45]http://www.panoramio.com/photos/original/5930758.jpg[/img][/url]
[url=http://www.ebizmba.com/][img=386,49]http://www.panoramio.com/photos/original/5930768.jpg[/img][/url]
[url=http://www.uxmag.com/][img=389,87]http://www.panoramio.com/photos/original/5930857.jpg[/img][/url]
[url=http://www.digg.com/][img=427,62]http://www.panoramio.com/photos/original/5930762.jpg[/img][/url]
[url=http://www.wykop.pl/][img=459,49]http://www.panoramio.com/photos/original/5930862.jpg[/img][/url]
[url=http://www.wikio.com/][img=361,50]http://www.panoramio.com/photos/original/5930860.jpg[/img][/url]
[url=http://www.become.com/][img=257,52]http://www.panoramio.com/photos/original/5930729.jpg[/img][/url]
[url=http://www.meneame.net/][img=496,53]http://www.panoramio.com/photos/original/5930807.jpg[/img][/url]
[url=http://msdn2.microsoft.com/][img=240,58]http://www.panoramio.com/photos/original/5930817.jpg[/img][/url]
[url=http://www.tutorialsgarden.com/][img=286,56]http://www.panoramio.com/photos/original/5930850.jpg[/img][/url]
[url=http://www.pixsy.com/][img=325,66]http://www.panoramio.com/photos/original/5930828.jpg[/img][/url]
[url=http://drupal.org/forum/][img=469,55]http://www.panoramio.com/photos/original/5930766.jpg[/img][/url]
[url=http://www.ulf-theis.de/][img=270,58]http://www.panoramio.com/photos/original/5930845.jpg[/img][/url]
[url=http://www.quintura.com/][img=243,61]http://www.panoramio.com/photos/original/5930833.jpg[/img][/url]
[url=http://www.programmableweb.com/][img=239,51]http://www.panoramio.com/photos/original/5930830.jpg[/img][/url]
[url=http://www.newsgarbage.com/][img=326,47]http://www.panoramio.com/photos/original/5930821.jpg[/img][/url]
[url=http://www.drweb.de/weblog/weblog/][img=479,67]http://www.panoramio.com/photos/original/5930767.jpg[/img][/url]
[url=http://www.toplinks.gr/][img=410,59]http://www.panoramio.com/photos/original/5930847.jpg[/img][/url]
[url=http://www.blogmarks.net/][img=376,44]http://www.panoramio.com/photos/original/5930732.jpg[/img][/url]
[url=http://www.ulf-theis.de/][img=326,50]http://www.panoramio.com/photos/original/5930855.jpg[/img][/url]
[url=http://www.designsnack.com/?page=browse&asc_desc=desc&site_level=approved&order_by=approved_id&category=all&rows=40][img=443,44]http://www.panoramio.com/photos/original/5930759.jpg[/img][/url]
[url=http://www.listible.com/][img=188,56]http://www.panoramio.com/photos/original/5930804.jpg[/img][/url]
[url=http://www.sproose.com/][img=489,62]http://www.panoramio.com/photos/original/5930840.jpg[/img][/url]
[url=http://www.mister-wong.com/][img=166,55]http://www.panoramio.com/photos/original/5930813.jpg[/img][/url]
[url=http://www.gnoos.com.au/][img=271,44]http://www.panoramio.com/photos/original/5930785.jpg[/img][/url]
[url=http://www.gizmodo.de/][img=290,58]http://www.panoramio.com/photos/original/5930783.jpg[/img][/url]
[url=http://justice.anglican.org.nz/][img=304,55]http://www.panoramio.com/photos/original/5930838.jpg[/img][/url]
[url=http://codesnipers.com/][img=413,53]http://www.panoramio.com/photos/original/5930756.jpg[/img][/url]
提供选项的页码条[url=http://www.kenengba.com/post/295.html][color=#0000ff]：[/color][/url][url=http://www.newyorker.com/][color=#0000ff][img=226,42]http://www.panoramio.com/photos/original/5930823.jpg[/img][/color][/url]
[url=http://www.veer.com/][color=#0000ff][img=392,89]http://www.panoramio.com/photos/original/5930858.jpg[/img][/color][/url]
[url=http://www.talkdigger.com/][color=#0000ff][img=459,57]http://www.panoramio.com/photos/original/5930844.jpg[/img][/color][/url]
[u]一些特别的：[/u][url=http://www.metacafe.com/][img=501,80]http://www.panoramio.com/photos/original/5930810.jpg[/img][/url]
[url=http://blogs.icerocket.com/][img=276,72]http://www.panoramio.com/photos/original/5930800.jpg[/img][/url]
其实页码不需要漂亮[url=http://www.kenengba.com/][color=#0000ff]，[/color][/url]实用就够了。 回一个，浏览了贵站，感觉你一个人很辛苦啊~~ [quote]原帖由 [i]一枪暴头[/i] 于 2007-11-24 06:30 发表 [url=http://bbs.xboxchina.com/redirect.php?goto=findpost&pid=121773&ptid=16657][img]http://bbs.xboxchina.com/images/common/back.gif[/img][/url]
回一个，浏览了贵站，感觉你一个人很辛苦啊~~ [/quote]
你是说这个网站是他一个人办的？包括论坛？
页:
[1]