r27’s posterous

 
Filed under

Grid

 

Baseline - a designer framework by ProjetUrbain.com

Built with typographic standards in mind, Baseline makes it easy to develop a website with a pleasing grid and good typography. Baseline starts with several files to reset the browser’s default behavior, build a basic typographic layout — including style for HTML forms and new HTML 5 elements — and build a simple grid system. Baseline was born to be a quick way to prototype a website and grew up to become a full typographic framework for the web using “real” baseline grid as it’s foundation.

Loading mentions Retweet
Filed under  //   Grid  

Comments [0]

90+ Outstanding Layout Designs For Inspiration

Inspiration is a great thing, every day I look through hundreds of submissions to Design You Trust, FFFound, Fubiz, GrafikCache, Lovely Package, SwissMiss and TheDieline in Google Reader, starring my favourites and saving them to my hard disk. This has grown into quite the collection since I started it 6 months ago so I thought I’d use this to me advantage and start posting collections of them here.

In this post I’m going to take a look at all the layout designs I’ve starred, specifically books and similar publications, work that is printed and physically real, something digital images can never replace. Posters come next week.

Loading mentions Retweet
Filed under  //   Graphic Design   Grid   Inspiration   Typography  

Comments [0]

Award-Winning Newspaper Designs | Inspiration | Smashing Magazine

Print and Web are different. Traditional layout techniques from print, particularly an advanced formatting, aren’t applicable to the Web as CSS doesn’t offer sophisticated instruments to design such layouts (e.g. text floating around an embedded image; some “floating” techniques provide such results, however they produce bloated source code just as well).
At the same time the flexibility of the Web is hardly applicable to print as there is no way to customize a traditional periodical for reader’s convenience. Apart from that, online-reading is very different from offline-reading: in the latter both leading and the line length are usually much shorter.
However, there are a number of fundamental principles which are often being used in both media. Over the last years newspapers and web-sites started to apply similar principles of data presentation, such as the heavy use of white space and grid-based design. The results can sometimes be very similar, but often they have almost nothing at common.
This issue of monday inspiration series is supposed to provide you with some examples of outstanding newspaper designs which have been rewarded with prestigious awards (see references at the bottom of this post), and demonstrate unusual approaches of newspaper design.

Loading mentions Retweet
Filed under  //   Grid   Inspiration  

Comments [0]