10 color tools

Links, books, and tools for designers

Just about every designer has used color wheels. But today there are many other aids available, from hex code palettes, to books, to infographics. What follows are 10 resources crucial to the designer’s arsenal.

01 Flat UI Colors
Simply click on the desired color displayed by this web app, and it will copy the HTML hex code to your device’s clipboard.

10 color tools for designers
02 ColourLovers
Most loved! An oldie but goodie…

10 color tools for designers
03 color.hailpixel.com
Hover your mouse around to select the color, click and it will save it for you.

10 color tools for designers
04 hexu.al
A browser of words formed from HTML hex codes—displays colorful words in action.

10 color tools for designers
05 Mudcube Sphere
An interactive color visualizer. Clear as mud!

10 color tools for designers
06 Color Scheme Designer
Another classic color picker.

10 color tools for designers
07 Color Design Workbook
A real-world guide to using color in graphic design, by Terry Lee Stone, Sean Adams, Noreen Morioka

10 color tools for designers
08 Color
A course in mastering the art of mixing colors, by Betty Edwards. Great guide for teaching kids (and grownups) about color theory.

10 color tools for designers
09 Pantone Color Resource
Color: Messages and Meanings, by Leatrice Eiseman. Explains the suggestive meanings behind color.

10 color tools for designers
10 Pantone Guide
Guide to communicating with color, by Leatrice Eiseman. Stylish, modern, and utterly sophisticated, this vibrant calendar celebrates a classic, charismatic, and undeniably inspiring pairing: fabulous color in combination with great design.

10 color tools for designers
 
Courtesy Gisele Muller, Web Design Ledger

7 type sins

7 typography sinsTypographic Hell. It’s not a pleasant place to be. Some of us are headed there, and we’re making others suffer along the way. But fear not: Redemption is here. In the July Issue of HOW, designer and typography junkie Jim Godfrey tells of 34 Typographic sins (download all now) and how to free yourself from their grip. Preview 7 of these unsightly sins.

01 Two spaces between sentences.
Your keyboarding teacher not only taught you how to type, but also how to sin. Once upon a time, typewriters used a monospaced typeface. Since all of the letters were the same width, it became customary to add an extra space at the end of a sentence to call attention to a new sentence. This was never the practice of professional typesetters, who always used one space. (If you’re a doubting Thomas, go find an old book and see for yourself.) Since most typefaces on our computers vary in width, unsightly gaps appear if two spaces are used. Repent of this sin by using only one space.

02 Failing to align baselines of type in adjacent columns of body text.
Baselines of all columns of text on a page should align. This creates a pleasing margin of pure white space.

03 Failing to tuck periods/commas inside quotes marks.
Admittedly, this is an American convention; Europeans may do it differently, but let’s go on a typographic crusade across the pond. It will keep unsightly negative space from drawing unnecessary attention to the period or comma. By the way, punctuation such as question marks and exclamation points belong either inside the quote if they are part of the quote, or outside the quote if they are not part of it. Semicolons and colons always appear outside quotation marks.

Immoral: “I love type so much”, she confessed.
Chaste: “I love type so much,” she testified.

04 Failing to kern display type.
Nothing bellows “I’m an amateur!” quite like display type that hasn’t been properly kerned. Unseemly gaps can impede readability by distracting the reader. The kerning tables of some typefaces are great, but the human eye is divine. Adjust the spacing between letters and assuage your guilt.

05 Indenting a paragraph too far.
The standard indent for a paragraph is 1 em (the point size of the type), not half an inch. Most software has default tabs set for half an inch, creating a big hole in the text. To hide your sins, make penance by adjusting the tabs.

06 Using process colors for body text.
It’s harder to read, but more important, it’s hell to register on press. Instead, use 100% cyan or magenta (yellow? never) or spec a Pantone color. Your pressman will sing praises to your name.

07 Faux italic/oblique, bold and small cap type.
Thanks to word processors everywhere, we see type that’s hypocritical: It kind of looks italic (or bold) but it’s not. Cast out the hypocrites: Select the italic or bold version from the font menu, and if a typeface doesn’t have genuine small caps, don’t use them (the weight of the letterforms will be inconsistent and, consequently, unattractive).

Courtesy Jim Godfrey, HOW Design

A good match: Pantone and fashion

Pantone spring 2011 colorsGraphic designers and printers have used the Pantone Matching System for ages. But many people don’t often realize how vital Pantone is to the fashion industry. To coincide with New York’s Fashion Week, Pantone released its top 10 color report for spring 2011 women’s fashion. Designers and fashion houses such as Badgley Mischka, Tommy Hilfiger, Adrienne Vittadini, Betsey Johnson, and Project Runway winner Christian Siriano read the report and chimed in with their take on the colors.

One notes at first glance the absence of primary colors. And many of the designers latched on to “Honeysuckle,” a bright red-pink hue dubbed color of the year. But who are the people who select these colors? Answer: as most things are decided—by committee. A top secret committee of 10 people meet in Europe twice a year at the invitation of Pantone, a company based in Carlstadt, New Jersey.

Pantone designer David Shah, who presides over the meeting, said he seeks opinions from a broad range of industries. “I have people who work in the car business, who work with big store groups,” Shah said. “I can’t tell you the names. They’re involved with everything from furniture through to clothing and knitwear.”

Pantone’s main business is color standards. There are 1,925 colors in Pantone’s library of textile colors, each with a unique identifying number, and the familiar swatches. This number is used to communicate color standards so that graphic designers and their printers, or fashion designers and their textile manufacturers, are on the same page.