Работа с цветом: полезные инструменты, книги, статьи для веб-дизайнеров
Работа с цветом — это первое, что должен уметь любой дизайнер. В интернете огромное количество разрозненной информации на эту тему, я попытался собрать самое полезное в одной подборке. Большинство полезностей с уклоном в веб-дизайн.
Инструменты
Colour Lovers [1] — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode [2], Color Scheme Designer [3] и конечно Kuler [4]. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.
Multicolr [5] — полезный поисковый сервис, который умеет находить по одному или нескольким цветам фотографии на Flickr (более 10 миллионов под лицензией Creative Commons).
Check My Colours [6] — сервис, проверяющий читабельность текста на любом сайта. На скриншоте — часть результатов Хабра.
Sphere [7] — выбор цветов в соответствии с теорией цвета, почти научный подход к выбору палитры
.
0to255 [8] — помогает тонко выбрать нужный оттенок цвета.
CSS Color Names [9] — наглядно демонстрирует все 147 названий цветов на английском.
Color Hexa [10] — небольшая интерактивная энциклопедия цвета с полезными функциями.
Color Blender [11] — «смешивает» два цвета, находя промежуточный
Таблица «безопасных» цветов [12], которые можно использовать в веб-дизайне, от Студии Артемия Лебедева. Штука несколько устаревшая, полезна скорее для общего развития, чем практического применения.
Color Palette Generator [13] — составляет цветовую палитру любого изображения.
color.hailpixel.com [14] — полноэкранный выбор цветов, удобно.
Flat UI Colors [15] — простой сервис для выбора цветов из набора Flat UI [16] от Designmodo.
Статьи
В качестве введения полезны статьи из Википедии: Цвет [17] и Список цветов [18].
Статья о теории цвета [19] на Хабре.
Серия статей о цвете от Smashing Magazine с упором на веб-дизайн, теория и практика, обязательна к прочтению:
- Color Theory For Designers, Part 1: The Meaning of Color [20]
- Color Theory For Designers, Part 2: Understanding Concepts And Terminology [21]
- Color Theory For Designers, Part 3: Creating Your Own Color Palettes [22]
Colors in Web Design: An Exploration [23] — статья на Six Revisions, где на практических примерах объясняется правильное использование цветов в веб-дизайне.
An Introduction to Color Theory for Web Designers [24] — статья от Tutsplus для веб-дизайнеров об использовании цветов на сайтах, в том числе в типографике.
How to Calibrate Color for the Web [25] — подробно описывается калибровка цветов в изображениях, предназначенных для интернета.
Colors in Web Design: Choosing a right combination for your Website [26] — статья от 1stwebdesigner, рассказывающая о пользовательском восприятии цветов в веб-дизайне.
20 colour tips for website design [27] — лаконичные советы по правильному использованию цветов в веб-дизайне.
Книги и другое полезное чтиво
Искусство Цвета, автор Иоханнес Иттен (1888-1967) — одна из самых популярных книг по теории цвета во всем мире. Есть на Озоне [28].
Color Design Workbook: A Real World Guide to Using Color in Graphic Design [29] — хорошая книга об использовании цветов в дизайне.
Автор: rutm
Источник [30]
Сайт-источник PVSM.RU: https://www.pvsm.ru
Путь до страницы источника: https://www.pvsm.ru/veb-dizajn/39356
Ссылки в тексте:
[1] Colour Lovers: http://www.colourlovers.com/palettes/most-loved/all-time/grid
[2] Colourcode: http://colourco.de/
[3] Color Scheme Designer: http://colorschemedesigner.com/
[4] Kuler: https://kuler.adobe.com/
[5] Multicolr: http://labs.tineye.com/multicolr
[6] Check My Colours: http://www.checkmycolours.com/
[7] Sphere: http://mudcu.be/sphere/
[8] 0to255: http://0to255.com/
[9] CSS Color Names: http://www.colors.commutercreative.com/
[10] Color Hexa: http://www.colorhexa.com/
[11] Color Blender: http://meyerweb.com/eric/tools/color-blend/
[12] Таблица «безопасных» цветов: http://www.artlebedev.ru/tools/colors/
[13] Color Palette Generator: http://www.degraeve.com/color-palette/index.php
[14] color.hailpixel.com: http://color.hailpixel.com/
[15] Flat UI Colors: http://flatuicolors.com/
[16] Flat UI: http://designmodo.com/flat/
[17] Цвет: https://ru.wikipedia.org/wiki/%D0%A6%D0%B2%D0%B5%D1%82
[18] Список цветов: http://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D0%B8%D1%81%D0%BE%D0%BA_%D1%86%D0%B2%D0%B5%D1%82%D0%BE%D0%B2
[19] Статья о теории цвета: http://habrahabr.ru/post/155085/
[20] Color Theory For Designers, Part 1: The Meaning of Color: http://www.smashingmagazine.com/2010/01/28/color-theory-for-designers-part-1-the-meaning-of-color/
[21] Color Theory For Designers, Part 2: Understanding Concepts And Terminology: http://Color Theory For Designers, Part 2: Understanding Concepts And Terminology
[22] Color Theory For Designers, Part 3: Creating Your Own Color Palettes: http://Color Theory for Designer, Part 3: Creating Your Own Color Palettes
[23] Colors in Web Design: An Exploration: http://sixrevisions.com/web_design/colors-in-web-design-an-exploration/
[24] An Introduction to Color Theory for Web Designers: http://webdesign.tutsplus.com/articles/design-theory/an-introduction-to-color-theory-for-web-designers/
[25] How to Calibrate Color for the Web: http://www.webdesignerdepot.com/2010/04/how-to-calibrate-color-for-the-web/
[26] Colors in Web Design: Choosing a right combination for your Website: http://www.1stwebdesigner.com/design/colors-web-design-right-combination/
[27] 20 colour tips for website design: http://econsultancy.com/uk/blog/2654-20-colour-tips-for-website-design
[28] на Озоне: http://www.ozon.ru/context/detail/id/5302154/
[29] Color Design Workbook: A Real World Guide to Using Color in Graphic Design: http://www.amazon.com/gp/product/1592534333/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1592534333&linkCode=as2&tag=webdesled0b-20
[30] Источник: http://habrahabr.ru/post/187604/
Нажмите здесь для печати.