Работа с цветом: полезные инструменты, книги, статьи для веб-дизайнеров

Работа с цветом — это первое, что должен уметь любой дизайнер. В интернете огромное количество разрозненной информации на эту тему, я попытался собрать самое полезное в одной подборке. Большинство полезностей с уклоном в веб-дизайн.

Инструменты

840d69f319acd29d47b0215865e34e98

Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — ColourcodeColor Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.

29b504432a266ad43f4f79b254674856

Multicolr — полезный поисковый сервис, который умеет находить по одному или нескольким цветам фотографии на Flickr (более 10 миллионов под лицензией Creative Commons).

82dfacdd52a02a2ea0a51162538cc42c

Check My Colours — сервис, проверяющий читабельность текста на любом сайта. На скриншоте — часть результатов Хабра.

980e1991c75a1f8995afefad6f4b18ea

Sphere — выбор цветов в соответствии с теорией цвета, почти научный подход к выбору палитры

3a04854e416ba93e3165c3c7a0e92083.

0to255 — помогает тонко выбрать нужный оттенок цвета.

0cb59bf4f95b8c31d495ca674fbca608

CSS Color Names — наглядно демонстрирует все 147 названий цветов на английском.

1d3d3f56c3c944e61a4e190b23791206

Color Hexa — небольшая интерактивная энциклопедия цвета с полезными функциями.

11e676cba071e4c5628846670fdce9d5

Color Blender — «смешивает» два цвета, находя промежуточный

d910c7be86cafec48bb085d38530eef6

Таблица «безопасных» цветов, которые можно использовать в веб-дизайне, от Студии Артемия Лебедева. Штука несколько устаревшая, полезна скорее для общего развития, чем практического применения.

3bee5074ee489417c74b3a0a75a8ef69

Color Palette Generator — составляет цветовую палитру любого изображения.

b13dec4b8abc271cecc3592914a98c55

color.hailpixel.com — полноэкранный выбор цветов, удобно.

8d0f3392ef4a16e485a6be890110ea3c

Flat UI Colors — простой сервис для выбора цветов из набора Flat UI от Designmodo.

Статьи

В качестве введения полезны статьи из Википедии: Цвет и Список цветов.

Статья о теории цвета на Хабре.

Серия статей о цвете от Smashing Magazine с упором на веб-дизайн, теория и практика, обязательна к прочтению:

  1. Color Theory For Designers, Part 1: The Meaning of Color
  2. Color Theory For Designers, Part 2: Understanding Concepts And Terminology
  3. Color Theory For Designers, Part 3: Creating Your Own Color Palettes

Colors in Web Design: An Exploration — статья на Six Revisions, где на практических примерах объясняется правильное использование цветов в веб-дизайне.

An Introduction to Color Theory for Web Designers — статья от Tutsplus для веб-дизайнеров об использовании цветов на сайтах, в том числе в типографике.

How to Calibrate Color for the Web — подробно описывается калибровка цветов в изображениях, предназначенных для интернета.

Colors in Web Design: Choosing a right combination for your Website — статья от 1stwebdesigner, рассказывающая о пользовательском восприятии цветов в веб-дизайне.

20 colour tips for website design — лаконичные советы по правильному использованию цветов в веб-дизайне.

Книги и другое полезное чтиво

87e6353a94160617b5f80d9d3e6e575e

Искусство Цвета, автор Иоханнес Иттен (1888-1967) — одна из самых популярных книг по теории цвета во всем мире. Естьна Озоне.

146ad96169c33572c79b98c86c5be145

Color Design Workbook: A Real World Guide to Using Color in Graphic Design — хорошая книга об использовании цветов в дизайне.

3e9f1b66902d0e2775f240ea029329c7

The Ultimate Guide to Fantastic Color Usage — не совсем книга от Smashing Magazine, просто так называется, очень практично и структурированно рассказывается о цвете, применительно к веб-дизайну.

aa82f4df0d53850da887627ec0a069e5

The Psychology of Color — удобная памятка о восприятии цветов.