The Personal Disquiet of

Mark Boulton

Visual Design 101

– March 20th, 2012 –

The slides

Content outlines
Slides (no notes)
Slides (no notes)

RESEARCH

Moodboards
Style tiles
Style tiles are one step more than a moodboard, but not a design comp. Useful for framing discussions with clients without committing to layouts.
Dribbble
Filterable thumbnails (by colour & tags). Useful for detail.
Pinterest
Great addition to the designer’s toolbox.
Icons
Icon Finder
Icon finder is Google for icons.
The Noun Project
The Noun Project is a database of svg-based icons.
Imagery
Crestock
iStock Photo
Flickr
Google Images
Tip: Search for ‘large images’ and filter by date for better results.
Tools
Little Snapper
A great tool for snapping web pages and building up your inspiration database.

TYPOGRAPHY

Font embedding services
Google Fonts
free fonts you can download, use and/or embed.
Typekit
Font embedding service based on an annual membership.
Fontdeck
Similar to Typekit, but uses per domain charging.
Articles, Websites & Presentations
Web Typography Sucks
On Web Typography
Typedia
Fonts in Use
More meaningful typography
Books
Elements of Typographic Style
The manual of typography. Read it.
Chicago Manual of Style
Oxford style (or Hart’s Typesetting Rules)
Book based on Hart’s Rules for Compositors.

GRID SYSTEMS, LAYOUT & COMPOSITION

Articles, Websites & Presentations
Bibliotype
Frameworks & Tools
960.gs
Almost the standard CSS grid framework. Useful for prototyping.
Gridset
Books
Grid Systems: Principles of Organizing Type
Grid Systems in Graphic Design
Ordering Disorder: Grid Principles for Web Design

Colour

Tools