40 Must Have Cheat Sheets for effective Web Designers

As a follwoup on the article 40+ Essential Front End Web Developer Cheat Sheets it is now time to deliver a similar package to Web Designers. Creating Web Designs isn’t easy at all as it is first of all a creative process. To get the creative process started it may be a good idea to seek inspiration by looking closely at the designs used on websites that belong to the segment your design will target (ex. e-commerce shop, corporate website, personal blog etc.). Once a designer have all the inpiration and all the ideas lined up to start the actual design process he or she needs to master a set og software products (ex. Adobe Photoshop) and best practice patterns for designing web user interfaces. This article will cover the elements you need to get work done more effectively as a web developer (ex. working in photoshop, Illustrator etc.) Please make sure that you post a comment if you know an important resource that have not been included in the article. I hope you will find this article useful, lets get started!

Color Codes

RGB Hex Colour Chart

The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called “web safe” or “non-dithering” colours (there are actually only 22 web safe colours, but those are revolting).

CHEAT_SHEETS

Color Reference Guide

CHEAT_SHEETS

Web Safe Color Chart

CHEAT_SHEETS

HTML Colors Cheat Sheet

This cheat sheet contains a chart of 1050 colors grouped by hue and varied into 25 different saturations and brightnesses for each. Each color has the HTML color code reprsented as a Hex triplet (e.g. #808080). Also, it contains a chart of the 216 Web-safe colors and each is represented as a single-digit Hex triplet (e.g. #999).
CHEAT_SHEETS