воскресенье, 23 октября 2016 г.

Мастер-класс: строим сайт с самого начала

Инструменты для выбора цвета и гармоничной палитры
Цвета на сайте - наиболее значимый фактор, если говорить об эмоциях, настроении и первом впечатлении, производимом дизайном этого сайта.

Когда дело доходит до подбора цветовой палитры для нового сайта, недостаточно опираться только на свой дизайнерский вкус. Есть еще инструменты, которые помогают разобраться с цветом, вычислить точные соотношения и предсказать эмоциональные оттенки каждого цвета и их сочетаний. Есть готовые палитры, заботливо или небрежно отобранные для себя другими дизайнерами. И есть миллионы фотографий - наши неизменные источники вдохновения.

Сегодня мы поговорим об инструментах онлайн, которые помогают нам найти оптимальные цветовые варианты.

Статья 15Hand Picked Color Palette and Color Scheme Generators написана несколько лет назадИ из 15 инструментов, рассмотренных в обзоре сейчас доступны не все. Тем не менее, считаю обзор полезным, поскольку именно в теме подбора палитр и управления цветом подходы, восприятие и математика меняются, пожалуй, медленнее, чем в любой другой области интернет разработки.

Итак, какие же бывают онлайн инструменты для подбора цветов и гармоничной палитры, и чем они нам могут помочь?

Не гарантирую абсолютную истину в оценках. Хочу поделиться лично своими впечатлениями.

Все инструменты, рассмотренные в статье, можно разделить на три категории:

Генераторы (вычисляют палитры по специальным формулам цветовой математики. Управляются параметрами):

COPASO by ColourLovers -- не очень понял радостей этого сервиса. По первому впечатлению - это скорее красиво, чем удобно для работы. Возможно, если зарегистрироваться, можно получить больше возможностей.

ColorMunki -- инструмент даже больше не для веб-дизайна, а для графического дизайна. Поскольку имеет интересные режимы, учитывающие гамму (цветовой тон), характер (яркие, тусклые, блестящие, глубокие) и технологические режимы при выборе цветов.

Есть набор предопределенных картинок и полученных из них палитр. Среди обилия инструментов ColorJack, может быть самый интересный из них - Сфера цвета, где можно подобрать сочетание основных цветов.
ColorSchemeDesigner.com -- Еще один популярный цветовой инструмент. Вот здесь кроме, собственно, подбора цветов еще имитируется сайт, на котором они будут применены. На других сервисах я этого не заметил, о чем и грустно скажу в конце этого поста.

Интересный вариант нам предлагает Color Wizard by ColorsOnTheWeb, там как раз реализованы вариаторы. Но слабовато построение цветовой схемы и никакого взаимодействия с вариаторами.

Анализаторы (получают палитры, анализируя картинки, загружаемые пользователями):

Kuler by Adobe -- давно известный инструмент подбора палитр на базе Флэш. Цветовой математики я здесь не нашел. Вижу только каталог палитр, размеченный тэгами. Палитры получаются выборкой цветов из изображений, которые вы загружаете.

W3-Palette.com -- скорее, просто сборник заранее изготовленных палитр. К сожалению, давно заброшен, как и тот, о котором мы писали в статье Гармоничная цветовая палитра. Другой способ получения...

Удачный пример анализа картинки на составляющие ее цвета предлагает нам Colors Palette Generator by CSSdrive. Там выбирается полсотни цветов, а из них строится три палитры. Есть, что оценить.

А вот сервис ColorHunter предлагает нам меньше думать :-) Просто сам берет и извлекает палитру из нашей картинки по своему усмотрению. Какую-то. Но вроде неплохо так извлекает.

Комбинированные, универсальные сервисы (сочетают оба подхода):

Toucan by Aviary -- умеет построить к заданному цвету до 20 математических цветовых ассоциаций. Цвета умеет выбрать из картинки с нашей помощью (пипеткой). Сделано не очень удобно.

В системе ColorExplorer есть обе эти функции, но они разделены. Мне у них понравился интеллектуальный режим подбора цветовой палитры.

Про замечательную систему ColoRotate мы вам уже рассказывали в статье Работаем с цветом на Colorotate. Вот она как раз делает то, что обещает: умеет и выбрать автоматически цвета из картинки, и вычислить гармоничную палитру. Очень привлекательный 3D-интерфейс.

Идеального инструмента при этом мы с вами так и не нашли...

Странно... Ну, вот почему среди такого обилия инструментов и подходов, никому в голову не пришло сделать простую и логичную вещь: кроме подбора основных цветов по давно известным моделям и формулам, добавить к найденным цветам семейство вариаторов (разбелы, уход в цвет, либо в серое и т.д., тоже по известным моделям), и дать возможность получать реальную палитру именно из них всех, и, наконец, показывать эту палитру на абстрактном полосатом изображении, а как это будет выглядеть на условном сайте?

Буквально все элементы этой мечты реализованы в инструментах, о которых мы сейчас говорили. Но, ни один из них не предлагает все три возможности одновременно.
А жаль! Была бы реально полезная вещь для дизайнеров! Веб и не только.
Источник: Webmasterish



Комментариев нет:

Отправить комментарий