You can use the same symbol for your website pagination as for its menu navigation, provided that you change its orientation.
You can use the same symbol for your website pagination as for its menu navigation, provided that you change its orientation.
The Inside Source, eBay’s online magazine, is another nice example of minimal design applied to fashion and style. I love the way the pink spots, vividly contrasting the overall black-and-white design, are used to drag your attention on salient assets such as the hot topics or the current item in the pagination.
A nice numeral menu/pagination displayed on 52 weeks of UX, a tumblr collecting Joshua Porter‘s thoughts about design and usability.
I was casually browsing the Daily‘s website when I catched a little detail in the home page: as the slideshow progresses, a paging made by little icons lights up, making the slide’s topic clear. By the way, I really dig the blue/purple textured buttons.
This colourful specimen of pagination is taken from the State of Wikipedia, a website that explores and exposes the rich history and inner-workings of the most famous, web-based encyclopedia.
Verdeo is a Colombian gourmet frozen foods line. Here, you can see their online catalog, accurately designed, from which we’ve snipped a dashing example of pagination.
If i lived in NY, I’d sure have a Bertelli’s bike: every piece is unique and it combines brand new parts with vintage parts found at a flea market. If you wanna browse BBici’s framesets, you can use the small HTML arrows embedded in the menu navigation, a simple and classy navigation solution.
A nice example of a heavily styled 3D pagination, with strong but clear hover effects.
Pagination and main navigation links are both displayed on a beveled toolbar, duplicated at the bottom page: I think it’s really clever how Eico’s design have unified in one place back/next button, category, year, name of the project and link back to the portfolio’s home page.
Sometimes the previous/next alternative may oversimplify navigation but if Ux Hero choose it for his own blog who I am to disagree? Moreover, I’m quite fed up with infinite numerical pagination.
Fubiz is an inexhaustible source of inspiration for all of us and, even if sometimes the prev/next option is a slightly off-putting tool for browsing big galleries (yes we brave internet-moles who always want to go quickly through things), we loved the unparralled simplicity of this layout. By the way take a look at this gallery [...]
In the so-called normal web world a navigation menu is always supposed to precede pagination, but what normally rules in webdesign, doesn’t minimally affect Subnormality strip website. Hope you’ll enjoy these comics with too many words and a subversive menu in it: have an inspirational reading!
How could we possibly resist to this Tumblr theme inspired by Saul Bass’ work? Saul Bass was a notorious American graphic and logo designer, made famous by his animated motion picture title sequences and I’m quite sure you can recognize some of them here. Bass’ spirit it’s clearly revoked by the protruding hands, the capricious [...]
Mert Tol’s a creative director that runs an inspirational blog about Typography, Web Design, Advertisement and everything pertaining creativity. So this website it’s a quite useful resource in itself. Also add the fact that its typographic driven pagination displays a clever way to incorporate in one block several elements: post date, comments number, tags and [...]
On the web, half of the job is finding out your way through a website to the seeked data, so it’s always a good web design practice helping people to get orientated, even if it’s not strictly necessary. I find beautiful and useful Bkwld’s gallery pagination because it provides users with an extra bit of [...]
If you’re a typography geek as I am, you already know it, but for those rerefied minds that didn’t have yet the pleasure to discover it, Typetees is an online shop dedicated to showcase the best typographical tees available on the web. The tees are amazing and the overall layout feel is clean, fresh and quite agreable, [...]
Mobily’s website oddly mixes main navigation (home, about me, contact) with portfolio’s pagination (previous/next). That’s kind a strange and incorrect from a stricly functionalistic standpoint, but, being this website an one-page website, rather easy to navigate, I don’t think it’s a big deal if the designer wanted to shuffle things a little . Aside form that, [...]
Cssarts has well formatted standard commands (forward, fast forward…): love the way the circle buttons match the rounded corners.
Duoh!, the belgian web agency run by Veerle Pieters and Geert Leyseele, has a web site pagination that’s not only graphically pleasant but is also associated with a nice label. Veerle Pieters, among other things, was recently named one of 30 full most influential people in the world of web design.
A rare example of vertical paginations is featured in Alucinógena, a Chilean showcase who collects the most shocking (in a positive sense) examples of graphic design.
Spectra is a flash web site that aggregates MSNBC network news: among the many subtleties graphics, I wanted to point out the pager/slider navigation.
Especially interesting from a functional standpoint, the page-slider on Thestrangeattractor, a communtiy for creatives but also a web portal full of resources and useful links for people constantly looking for inspiration.
Pagination on Image Spark, an interesting service that allows you to create not only galleries but also moodboard, is fairly unusual drawn as tabs.
The paging buttons on PSDTUTS +, one of my favorite website about creative resources and tutorials for Photoshop, it’s perfectly coordinated with all the other interface elements.