Archive for the ‘ Web ’ Category
Pitchfork 2011 for iPhone, iPod touch, and iPad on the iTunes App Store.
Lovely looking iPhone app for the Pitchfork music festival. The app is nicely laid out and has a consistent indie music poster feel to it. The typography and icons also work well with the retro circles and lines look.
Thrive Solo is a beautiful web-based project management tool for Freelancer’s with clean simple graphs and grid goodness
Via swissmiss
An interesting infographic showing the general layout of an Apple email, and how it is trying to sell you stuff. This is good inspiration for how to structure your own advertisements.
Cool Infographics – Blog – The (visual) Anatomy of an Apple Email.
Wirify is a great resource for anyone who is interested in the underlying structure and grids of websites. You can use Wirify to create a wire diagram of any webpage – instantly showing you the grid design.
Fonts in Use is a great new website that analyses the use of typography on websites, products, signage, posters, branding and pretty much anything else. The analysis gives the fonts used and what is good and bad about the usage.
Fonts In Use – Type at work in the real world..
Via Typetide
A very useful website for setting the scale and rhythm of your text for a website, but also covers everything you need for print as well.
You can play with the heading sizes, line spacing and padding in a what you see is what you get manner, and even get the CSS code.
DDB Paris recently created 1000 Facebook books for people, using up to 10 friends and their own status updates and photos, as a promotion for Bouygues Telecom.
The books are very well laid out, transfering the Facebook style from web to print effectively.
The Web Font Awards showcases some brilliant typographic web site designs.
.jpg)
Gallery | Best Web Designs, Best Web Font Usage | Web Font Awards.
Smashing Magazine has a nice article on the use of typography in websites, using many great examples showing what is strong about each and also how they could be improved.
Some examples below. I really encourage everyone to visit and read the full article.
Expressive Web Typography: Useful Examples and Techniques – Smashing Magazine.
