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