15+ Must have Web Resources for Designers

In last few weeks, while revising and organizing all my resource files and references i realized how helpful they have been to  develop myself as a functional designer. Here is a compilation of some useful documents and resources which i think every designer should refer.

Design Readings

Vignelli’s Canon
A 96 page great book published by  Massimo Vignelli. He shares his methodology & experiences with type, grid & design thinking. And the great thing is that he has released it for free online. A must read for every designer and in fact, i will suggest also take print and keep a hard-copy for yourself.

Grids Are Good !
Grids are Good ! Ya ! And so this PDF is.A nice document by Khoi Vinh and Mark Boulton explaining step by step Grid Construction for a web.

Better Typography – Mark Boulton
A detailed 129 slides for better typography. Also talks about Gray Box modeling and web grids.

Web Typography – Jeff Croft
Another typography document. Jeff Croft covers type basics to CSS styling.

Web Application Form Design
By Luke Wroblewski, practical explanation and guidelines for designing web forms. Really helpful to understand the way user interacts and performs tasks with forms.

Why Design ?
AIGA has been alaways providing respectful resources for design students and proffesionals. This booklet outlines the design business strategy and the process to approach a project.

Advice for Emerging Designers : After School Special
12 useful advices for students and also who are in state of developing a new design business.

Introduction to Good Usability
Visual impact is necessary but a good usability approach is what makes a website or application functional to the end-user. Introduction to good usability by Peter Pixel works well as a handy e-book for basic usability guidelines.

Getting Real by 37 Signals
A book with 16 chapters, 91 essays explaining practical approach to web-app development. And best of all its free to read online !

Corporate Identity Process
Detailed document by Identityworks.com for designing better corporate identities and brands.

Wireframes for the Wicked
37 slides by Nick Finck. Nice documentation about wire-framing and patterns involved.

Tutorials & Resources



Boks is an AIR application (so it works on Windows, Mac and Linux) that provides a User Interface for Blueprint CSS’s framework. It handles grid configuration, baseline rhythm pimpin’, CSS (with or without compression) and grid.png export, HTML layout and much more goodie-goodie!

Adobe Kuler
Must have for graphic artists. The Adobe AIR based desktop client allows you to search and create color schemes and later import directly to your Adobe applications.

COLOR lovers Desktop App
Desktop Color Search by Colorlovers.com, its an Adobe AIR app that runs on your desktop and allows you to search the entire COLOURlovers database for colors, palettes and patterns.

Pencil Project
Pencil is a small add-on that turns your  Firefox 3 browser into a sketching tool with just a 400-kilobyte installation package. Useful for creating quick mockups and wireframes.

Have more links ? Do Drop them as comment.

Related posts:

  1. Type & Grid – Wallpaper