Useful tutorial for creating Web Style guides

Courtesy of WebDesign Tuts+

Style guides have been around for quite a while now. Even before the days of the web, companies often needed to create consistent and unified visuals for their brand. This was and still is achieved through the use of brand or identity guidelines. Such guidelines are usually set out in a document and can contain information such as:

  • Brand colors
  • Typography, such as fonts, sizes, leading etc.
  • Logo positioning and how to use in different situations ie. print layout can differ from web layout
  • Tone of voice
  • This useful tutorial shows how to create a simple one.

    Click HERE to go to Web Tuts+ for full tutorial.

    Website Style guide Tutorial
    Website Style guide Tutorial
    Advertisements

    Typography articles…

    Interesting article from Solopress about the the most popular fonts used in printing.

    http://blog.solopress.com/design-guide/top-5-most-popular-fonts-for-printing/?utm_source=Silkstream+SEND&utm_medium=email&utm_campaign=May+2012+Newsletter

    Fantastic typography blogs for Inspiration:

    http://www.smashingmagazine.com/2009/03/12/fantastic-typography-blogs-for-your-inspiration/

    A Day in the Life of a Graphic Designer

    I love infographics at the moment and this one is just brilliant… and so true. After the Oatmeal’s ‘How a Website Design Goes Straight to Hell’ poster struck a nerve, this one is also a spot on observation of us Graphic Designers out there. It’s a hard life but we grin and bear it 🙂

    This was created by Amerikan Made Prints a company started by the husband and wife team of Keith and Jenn Bowman. I’ve got to get me one of these (currently sold out) so in the mean time I thought I would share!

    You can see more of their work as well as this one here:

    Amerikan Made

    A Day in the Life of a Graphic Designer
    A Day in the Life of a Graphic Designer

     

    Web design – When less is more

    Every site has its form and function but sometimes less is more if done properly.

    Here are some clean and minimalist sites for inspiration… Having seen them, I really really want a Leica camera, so beautifully crafted!

    Leica website
    Minimalist website design
    Leica M9 Special Edition Camera
    Leica M9 Special Edition Camera

    Gulp, the world’s largest stop frame animation shot on a Nokia N8

    There is something so utterly charming about stop frame animation. Reminds me of days watching Trumpton or Camberwick Green as a child.

    This animation – Gulp is the world’s largest stop-motion animation shot on a Nokia N8 using its 12 megapixel camera and Carl Zeiss optics. The film has broken a world record for the ‘largest stop-motion animation set’, with the largest scene stretching over 11,000 square feet…

    Gulp. The world’s largest stop-motion animation shot on a Nokia N8. from Nokia HD on Vimeo.

    The animators: aardman.com
    The sand artists: sandsculptureice.co.uk
    The phone: nokia.com/​n8

    Pretty cool…