1. Provide large clickable areas
2. Don’t use underlines
3. Identify the current page
4. Space out page links
5. Provide Previous and Next links
6. Use First and Last links (where applicable)
7. Put First and Last links on the outside

Related References

• An ultimate article about pagination, Pagination 101, has already been written by Faruk Ates.
• Style sheets freely available for free download: Some Styles For Your Pagination.
• If your weblog runs upon Wordpress you can use WP-PageNavi plug-in to generate pagination “on the fly”. It’s easy to install, however, requires some changes in the source code of your Wordpress theme.

Mistake #1: Navigation Options Are Invisible

Since pagination’s primary purpose is to serve as an improved navigation, it is supposed to make it clear for the visitors where they are, where they’ve already been and where they can go next. These three facts give users a complete understanding of how the system works and how the navigation should be used.

But most importantly, the navigation options should be visible. Hugg.com doesn’t follow this guideline. The color of the links has a very low contrast with the white background. The hover-effect isn’t provided.

Mistake #2: Pagination Isn’t Intuitive

If you have to decide between a quite complex (but beautiful) pagination and a simple one with necessary functionality always prefer the simple solution. If users don’t understand the mechanism behind navigation they won’t be able to use it and therefore won’t use your web-site.

Helium.com is a perfect example for this mistake. Take a look at the screenshot below: what do the arrows stand for? For the page you’ve already visited or for the page you are currently on? And why does the link to the second page have a white background color? Why do the arrows have different colors? This is unintuitive.

Unintuitive designs result from the lack of structure, hierarchy and well thought-out design decisions. “Blank” pagination is as unintuitive as overcrowded design solution.

Creative Solutions Can Be User-Friendly

The more frequently a design element is used, the harder it is for designers to introduce some creative approaches without risking to make the design less intuitive. Consequently, pagination designs have rather a variety of different patterns — revolutionary approaches are used very rarely.

However, creative approaches can be user-friendly. E.g. Dirty.ru uses a slider-based pagination menu; users can drag it to get more available options, that means links to the older pages of the site.

Erweiterungen.de, the German version of the official Firefox extensions web-site, provides more navigation options once the visitor clicks on the “…”-button.

Gallery

Although “standard” pagination — linked blue numbers following each other — is very common for most web interfaces, designers tend to experiment with colors, forms, backgrounds and shapes.

The pagination doesn’t need to look nice aiming to captivate users’ attention; as a part of site navigation it offers users an important functionality and as such has to be used effectively. Still, visual clues can be helpful. In most designs blue and grey colors dominate — colors traditionally used by services.

Simple Enumeration

Colors and Shapes In Use

Often designers use colors to highlight the current page and separate it from the other pages. The numbers of the pages are also given a shape: a rectangle, a circle or a button. The current page is usually not linked.

Pagination With Manual Page Input

In some cases users can provide the number of the page they’d like to see manually, via the input-element. This is common for paginations with the limited number of options — e.g. in these designs you can’t jump to the last page if you’d like to.

Unusual Solutions

1. Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software

2. Adobe Software - Adobe Photoshop

3. Adobe Software - Adobe Photoshop

4. Create a software box - Photoshop Tutorial

5. Programming the web - Retro lines in photoshop?

6. Splash Page Tutorial | Designphase - Web Design Tutorials

7. Gradient Styles & How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com

8. Creating a page curl in Photoshop

9. Creating patterns in Photoshop CS2

10. Realistic photo print - Easy to follow photoshop tutorials

11. Adobe Software - Adobe Photoshop

Logo-Gestaltung

12. Jelly Remake - Tutorials 2.0

13. Web 2.0 Style Logo

14. PXLGFX- Polished Text

15. How to Make a Web 2.0-Style Logo

16. Learn to create your own Web2.0 Logo

17. How to create a WEB 2.0 style logo

18. Web 2.0 Logo #2 | Designphase - Web Design Tutorials

19. Web 2.0 Logo | Designphase - Web Design Tutorials

20. Web 2.0 Logo

21. Create A bugs Life Logo

22. Pimp My Ride - Logo

23. The Logos of Web 2.0 | The FontFeed at FontShop

24. web2logo.com

25. Flickr Photo Download: LOGO2.0 part I and II

Text-Effekte

26. Custom Chrome Text Effect

27. Photoshop Reflections

28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0

29. 3D Text Professional Tutorial

30. Text Kerning

31. The Glossy TEXT web2.0 style

32. Photoshop Tutorials: Texteffect

33. Web 20 Shiny Floor Effect - video tutorial

Badges

34. Web 2.0 Badge Photoshop Tutorial

35. Create a Shiny Badge - Photoshop Tutorial

36. Supermarket Stickers Tutorial - Visualdesigncore.com

37. Web2.0 Badges

38. Glossy web 2.0 badge with rounded corners

39. A Glossy Starburst Tutorial

Buttons

40. Badge ‘n Button | Designphase - Web Design Tutorials

41. Toxiclab.org - Photoshop - Web buttons tutorial

42. Photoshop Buttons Create glossy button for web 2.0 Tutorial

43. Web 2.0 style buttons

44. Glossy Button Video Tutorial and PSD

45. Creating flexible buttons using Photoshop shapes and styles

46. Web Badges: Video Tutorial

Web 2.0 Vorlagen, Verlauffarben und Layouts

47. Design a Web 2.0 tab with Photoshop

48. PXLGFX- Perfect Pixel Patterns

49. A Gradient Tutorial

50. Banner Navigation Tutorial

51. Shadowness / Tutorials - Website Header Tutorial #3 by Rinn

52. Shadowness / Tutorials - Professional Looking Website Header by Rinn

53. Sleek and Spicy website header Tutorial

54. Vista Style Layout - Talk Mania Forum

55. Web 2.0 "STYLE" web layout - Free Psd

56. Web 2.0 Layout - Tutorial Kit

57. Web 2.0 template tutorial

58. Irish Content Box Tutorial

59. Web 2.0 Design Kit | Photoshop Lab

60. Web 2.0 Design Kit, Part 2 | Photoshop Lab

Web 2.0 - Was es sonst noch gibt…

61. Web 2.0 Colour Palette

62. The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke.

63. Great Fonts for Web 2.0

64. The visual design of Web 2.0

65. Web 2.0 how-to design style guide

66. Disenar a lo Web 2.0, la lista definitiva

67. Tutorials - Search for Tutorials - Pixel2Life

68. Free tutorial pdf downloads - Photoshop Tutorial

PR 8 blogs

Veerle’s blog 2.0 - Webdesign - XHTML CSS | Graphic Design

PR 7 blogs

Authentic Boredom – by graphic designer, Cameron Moll

Core77 / design magazine + resource /

Design Observer: writings about design & culture

Hicksdesign – Journal of a small creative agency based in Witney, Oxfordshire, UK, authored by Jon Hicks

Subtraction 7.0 – NYTimes.com’s Design Director, Khoi Vinh, blogs about design and other relevant info.

Veer: The Skinny – provides visual elements for use in professional creative work

PR 6 blogs

Be A Design Group - a blog for graphic designers, created in March of 2004 by Adrian Hanft and Bennett Holzworth.

BittBox - Homemade vector freebies, design tips, tutorials and bitts.

CR Blog – News and views on visual communications from the writers of Creative Review

Designers who Blog – features blogs discussing graphic design, web design, illustration, marketing, photography, branding, writing and advertising

Design is Kinky – a proudly Australian blog on design

Design View: Articles, Essays and Opinions by Andy Rutledge

Graphic Define Magazine – focuses on the business of running a graphic, interactive, or web design studio.

ideasonideas, a blog that invites dialogue on issues relevant to communication designers and brand strategists

I Love Typography, devoted to fonts, typefaces and all things typographical.

ISO50 – The Visual Work of Scott Hansen

Mark Boulton: Design Thinking. Web Delivery. By a designer based in Cardiff, UK.

NOTCOT.ORG - for your ideas + aesthetics + amusement.

Quipsologies - Corralling the most relevant and creative on- and off-line bits that pertain to the design community.

Randa Clay Design – Design, Marketing, Blogging, Branding and all things Creative

SonSpring | Journal by Nathan Smith

Speak Up > Design Dialog

Swiss Legacy – Graphic design and typography

swissmiss – tina roth eisenberg | swiss designer gone nyc

Typographica. A Journal of Typography.

PR 5 blogs

Anamorphosis. learn design create

Andy Budd :: Blogography – based in Brighton, England

Chris Glass, The Last 10 Days. A creative fella’s journal from Ohio.

Design Adaptations | Charity Ondriezek

Design Notes published by Michael Surtees who tries to see life filtered through design as opposed to placing design on a pedestal

Elliot Swan survived three days without the internet

Graphic Design Blog – graphic design, freelancing, illustration, advertising, web design

Inspiration Bit – Get inspired and learn from the latest technology, art and design buzz on the Web.

Jasongraphix :: A journal of art, thoughts, and projects by Jason Beaird

Lealea Design: Blogblog: Design inspiration and introspection

Luz Cannon: The Work of David Brooks : Designer, Photographer and Audio Producer

Noisy Decent Graphics by Ben Terrett, a Graphic Designer in London

Reflections – the personal blog of Paul Enderson, a freelance web and graphic designer from England

Russell Davies – incredibly diverse UK-based blog on topics associated with design

The Serif – Your daily dose of design inspiration

things to look at – plenty of images, and oddly, things to look at

Tutorial Blog – Design Articles and Tutorials

Type for you. A blog on typography, by Pedro Serrão, a graphic designer from Porto, Portugal.

PR 4 blogs

Ace Jet 170 – Found type, print and stuff

AdGoodness – advertising and design blog from Frederik Samuel

AisleOne – Design, typography and everything else.

Computerlove – Connecting Creative Talents

creativebits | Apple orientated design community (must register to comment)

Creative Curio – Learn, discuss and explore the realm of graphic design.

Numbers 51 and upwards

PR 4 blogs

David the Designer – don’t underestimate the knowledge this man has acquired (and don’t call him Dave)

FormFiftyFive – Design Inspiration – the pet project of designers Glenn Garriock and Jack Daly

gradient dropshadow curve – by Henry Tapia

graphicPUSH – “a sporadically but faithfully updated design blog”

Journale - Asgeir Hoem – A Blog on Design, Typography, Creativity and Randomness

Laughing Lion Design : Web, Graphic Design & Illustration Ireland

Milienzo – Aaron Russell blogs about web and graphic design, the creative industry and multimedia…

Smashing Magazine – a weblog dedicated to web-developers and designers

We Made This (It’s Our Blog)

PR 3 blogs

Creative Guy – tips, tricks, tutorials and discussion about Adobe Photoshop, InDesign and Illustrator for designers running Mac OSX

Gazelle Creative – by Elizabeth Jackson (a.k.a. Zabs)

Grain Edit - covers contemporary graphic design / illustration, as well as design from the from the golden era of advertising (1950s–1970s).

Your Brain on Design: A Graphic Design Blog | Leslie Tane Design

Via：davidairey

Http://hi.baidu.com/freezesoul

一个老外收集的笔刷
Site: http://www.appendixsquared.com/downloads/brushes.php

一个韩国免费笔刷网站
http://yoonmi.net/zboard/zboard.php?id=brush

如果你还有兴趣下载，这里还有很多很多。。。
http://www.photoshopsupport.com/tools/brushes.html

下面是一个国外设计师收集的一系列画笔，有一部分是免费的：http://designfruit.com/jasongaylor/blog/?cat=4

这个里面按分类有不少比较少见的笔刷
Site：http://www.psbrushes.net/

送上一个画笔收集站点，里面还有其他设计素材，这下泛滥了。。。：
http://www.bluevertigo.com.ar/bluevertigo.htm

最后一个：800个画笔资源for Ps

http://www.blogcreativo.com.ar/mas-de-800-brushes-para-photoshop/

 

Foliage Brushes - These brushes are big, and meant for print. You can use them for Web stuff as well, but you might need to size them down. Most of them are around 1800 pixels wide.



Gabriele Magurno - Excellent collect of high quality brushes.



VPDesigns Omega Brush Set 200+ - Inside you will find grunge sets, vector/tech sets, cloud brushes, fractals, abstract sets, all in all there are some 200+ brushes within 9 collections.




Anodyne Light Brushes - A beautiful collection of magical light brushes for Photoshop.



Jenn B’s Hair Brushes - Small yet splendid set of human hair brushes based on her own scanned locks/curls and they look great.




Typographic Grunge Brushes - A random collection of grungy, decayed typographic brushes.



Misprinted Type - Excellent collection of grunge brushes



Angryblue - A collection of grunge brushes and bloodspots etc.



Veerle’s Blog - Tutorial on how to create yourown grunge brushes.



Photoshop Brush List - From photoshop support, large collection of links to brush downloads.
Brushfind - 画笔搜索引擎，可以试试
Miss M Photoshop brushes, loads of different categories.



Worn Photoshop Brushes For High Resolution - If you are new to the brushes that I make, you should know that they are mainly for working with materials meant for print. You can use them for Web stuff as well, but you might need to size them down



Tasty Tattoo™ Photoshop Brushes - Tattoos, Tatoos, Tattos, Body Art, Super Cool Body Paint For Your Mom, whatever you want to call it.



Graffiti Photoshop Brushes - Graffiti styled brushes in high resolution for print.



Massive list of Photoshop Brushes - tutorialtomb forum presents a list of brushes.
PSBrushes - 368 photoshop brushes listed in categories.
Brusheezy - Stupid Name. Cool Brushes! Categorised photoshop brushes.



Make your own brushes - Good tutorial on how to make brushes.
Coffee Stain Brushes - Photoshop brushes, at one point in your life you’ll probably have a need for a good old fashioned coffee stain and this collection is just the right thing.



Desert Cracks Brushes - Large scale, high quality texture brushes of desert and dry ground cracks.



Abstract8 Brush Set - A beautiful, energetic abstract collection of Photoshop brushes.



Deviant Art Brushes 这个说什么也要加到收藏夹里的



Hazard Brushes - Warning ahead! This is an interesting brush set, showing a bunch of warning signs, exit signs, biohazard signs and so on.



VBrush - Large collection of photoshop brushes

在这里要把Brushzzy单列出来，是因为他的专业性，这里提供了大量的PHOTOSHOP笔刷、图案、资源等，提供RSS订阅功能。

在375 Free Photoshop Brushes文章中，作者收集了14篇文章，共计375个笔刷，可以免费下载。你可以去他的文章页，也可以在下面的列表中，直接进入。

● Mystcart Brush Set IV by mystcart
● Native American by Indo Dreamin
● Tattoo Borders by Indo Dreamin
● Abstract Brush Set VII by r0man.de
● Bubble Brushes by hawksmont Brushes
● VPDesigns Omega Brush Set
● Grunge Brushes by Skully749
● Grunge ‘n Rust 3rd Edition by Metal-CX
● StarScape Brushes by MercuryShadow
● Hi-Res Watercolor Brushes by bittbox
● Abstract8 Brush Set by JavierZHX (Blazter)
● Frames and Borders Free Brush Set by Stephanie of Obsidian Dawn
● Tasty Tattoo Photoshop Brushes by Jason Gaylor of Designfruit
● Rose Petals Brush Set by Stephanie of Obsidian Dawn

在Free Hi-Res Watercolor Photoshop Brushes文章中，作者收集了大量的水彩笔刷，有CS3和CS2两种版本供你下载，每个16.2M。

==============07-12-12 23:32==================
添加一个专业笔刷下载站点，按笔刷类型分门别类，适合作为素材应用。

Site：http://www.psbrushes.net/

==================2007-12-31====================

新增关于圣诞节题材的PhotoShop画笔

Christmas ornament Brushes - It is never to early to think of Christmas and with these Photoshop brushes rendered in Bryce you can create lovely Christmas images and dress up your holiday projects

 

---

 

Christmas Brushes - An assortment of xmas shapes and objects

 

---

 

Vintage Christmas - Set contains 11 Vintage Christmas themed brushes

 

---

 

Tis the Season - 32 Festive Photoshop Brushes

 

---

 

Snow Flakes - It’s that time of year and many of you have been asking for snow and ice brushes. Well we’re happy to announce that we have an exclusive Snow & Flakes Brush Set

 

---

 

Seishido - Little christmas messages

 

---

 

Seishido - Christmas angels and symbols

 

---

 

Christmas Accent Brushes - I went around taking random pics of the Christmas things we’ve been digging out this week and decided they might be useful as a brush also

 

---

 

Snow and Snow Flake Brushes - A set of Photoshop brushes made up of various snow and snowflakes. This includes various flakes in different shapes, of course, but some of them are patterned, others are vector, some are crocheted, there’s some scattered flake shapes, as well as some made to look like real snow that you can add to any scene to make it look like it’s snowing

 

---

 

Deviantart - Collection of christmas themed photoshop brushes

 

---

 

Ornament Brushes - Christmas ornaments Brushes for PhotoShop - 7 different ornaments

 

---

 

Elegant Christmas Brushes - 27 mixed brushes

 

---

 

Mirror Image Stock - Deck the halls with festive brushes!

OpenWebGraphics.com is a large user-submitted library of website graphics. Most graphics can be used for any purpose depending on their license. Our library includes web icons, web banners and website backgrounds.

Site：http://www.openwebgraphics.com/

以后继续搜集