各式各样的网页页码条设计展示

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

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

[img]http://www.imageser.com/images/2007/11/17/5930799.jpg[/img]

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

[img]http://www.imageser.com/images/2007/11/17/5930794.jpg[/img]
下面这两个是否略显寒酸呢
[img]http://www.imageser.com/images/2007/11/17/5930787.jpg[/img]
[img]http://www.imageser.com/images/2007/11/17/5930805.jpg[/img]
比较有创意的页码条：[img]http://www.imageser.com/images/2007/11/17/5930763.jpg[/img]
[img]http://www.imageser.com/images/2007/11/17/5930774.jpg[/img]

简洁而好看实用的页码条：[img]http://www.imageser.com/images/2007/11/17/5930780.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930802.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930733.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930836.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930757.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930778.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930826.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930811.jpg[/img]

漂亮实用的页码条：[img]http://www.imageser.com/images/2007/11/17/5930842.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930728.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930731.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930825.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930835.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930727.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930806.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930754.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930803.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930770.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930781.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930848.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930758.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930768.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930857.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930762.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930862.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930860.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930729.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930807.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930817.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930850.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930828.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930766.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930845.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930833.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930830.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930821.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930767.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930847.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930732.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930855.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930759.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930804.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930840.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930813.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930785.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930783.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930838.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930756.jpg[/img]

提供选项的页码条：[img]http://www.imageser.com/images/2007/11/17/5930823.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930858.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930844.jpg[/img]
一些特别的：[img]http://www.imageser.com/images/2007/11/17/5930810.jpg[/img]

[img]http://www.imageser.com/images/2007/11/17/5930800.jpg[/img]

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

好贴啊

很久没来，有种回家的感觉。

好贴啊

:victory: :victory: :victory: