Art in My Coffee is a Tumblr blog and community which catalogs funny latte pics from all around the world. We love the delicatly shaped mug and the general warm, caffeinated color scheme: besides we couldn’t expect less since it’s been designed by Meagan Fisher, the mastermind behind Owltastic.
in
Comments & Call-out,
Logos
The ampersand was originally a ligature of the letters E and T, invented to write swiflty the latin conjunction ET, which means “and”.
Maybe because of its tensile form and its fluid swooshes the ampersand is nowadays one of the most en vogue character and quite an obsession for typophiles: so if you too are a [...]
in
Typography
Stupid Studio is a creative motion design and online agency based in Denmark which is specialised in motion graphics and, contrary to its name, delivers very brilliant stuff.
This website is quite a living example of how a simple three colums grid, evenly repeated in each sections, can effectivly improve your website’s consistency, abating the navigation [...]
in
Menu & Navigation
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.
in
Paginations
A nice error page, clearly shaped as a navigation flow chart, from Konigi’s, a reference website for what concerns user experience and interface design.
in
Error pages
When it comes to pricing tables, it’s quite usual getting the different offerings arranged into columns, in order of increasing price from left to right.
But another quite remarkable trend in web design is slowly spreading: it consists in positioning the most relevant (according to your business) offer in the middle of the table so it creates [...]
in
Tables & Infographics
Yellow is a powerful, cheerful colour but rarely used in webdesign because, I suppose, of its inner lack of contrast. You can find it quite likely associated with black or, as in this case with cyan, and it’s often used in design-related websites.
This time, we want to show you this nice, huge yellow tabbed navigation, [...]
in
Menu & Navigation
Quite a classic but nonetheless we loved this fresh, neat drop down menu, designed in a lovely palette with a clear, simple approach.
This web design sample comes from emPivot’s website:
emPivot.com is the first online network to bring together the wide range of user generated and premium video content related to the environment. As a result, [...]
in
Menu & Navigation
Sometimes not founding what you’re looking for could be sooooooo frustrating: that’s more or less what this funny illustration from CSSRemix error page is trying to tell us.
in
Error pages
Here you are a classy, finely shaped tab menu from Weightshift, a small studio based in San Francisco.
Though we loved this web site on the whole (the typography is great and, generally, you can catch a meticulous attention behind every detail), we liked the most the quite vertically compressed menu (since the so-called web 2.0, [...]
in
Menu & Navigation
When I first saw this nice logo from Rype Arts it immediately occurred to me the classical sterotype of the nerd guy with his shirt pocket stuffed with pens. In effect, this digital coat of arms depicts exactly the tools I need for my everyday work routine, so it really deserved a mention on Web [...]
in
Logos
When it comes to grid-based web design, one of the most charming and peculiar grid structure example that occurrs to me it’s UX Magazine’s layout.
The square-based structural balance of this layout it’s quite obvious but it could have turned out annoying and boring if designers didn’t conceive some visual tricks that, breaking the grid integrity, [...]
in
Grids & Listings
This is a quite innovative and original comments listing example that comes directly from Particletree’s blog: setting the comments on two columns instead of one let you squeeze the discussion into a more compact, less dispersive space, with the side effect of making eventual question/answer/reply threads less legible.
in
Comments & Call-out
When you click on the huge button on the top of Why Every One Loves Tumblr page, you’ll see a big check list menu appearing with four differente choices.
This is a peculiar way to navigate between section that I’ve seen only here but I think that may possibly turn out useful in many other situations.
in
Buttons, Bullets & Badges,
Menu & Navigation
A nice idea for Clearleft, a web agency specialized in user centered design: a web site menu made of numbered cards that makes a not so subtle suggestions to methods applied in Information Architecture.
in
Menu & Navigation