Выбор цвета в графическом дизайне

Леонид Родинский

Копирайтер
22 August в 10:25

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

Теория ощущений

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

  • Первая группа объединяет тёплый диапазон. В него входят красная, оранжевая и жёлтая краска со всеми полутонами.
  • На противоположном холодном полюсе находятся голубой, синий и зелёный в различных пропорциях.
  • Чёрный, белый и все 256 градаций между ними – это нейтральная область визуального ряда.

Ещё нужно добавить пограничную зону, делящую цветовой круг пополам. Речь идёт о десятке заливок – от хаки до черники и фиалки – относящихся к двум основным разделам. В зависимости от температуры, они могут присутствовать и в первом, и во втором красочном сценарии.

Основные, вторичные и простые модели

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

Итак, три краски – красная, жёлтая и синяя – главные действующие лица этого сюжета. При их попарном смешении на свет появляются ещё три игрока: красный+жёлтый=оранжевый, красный+синий=фиолетовый, а жёлтый с синим дают зелень. Шесть первых цветов заняли место на круге. Теперь смешение новых элементов расширяет существующий диапазон ещё вдвое и традиционный набор готов к использованию в веб-проектах (или на художественном полотне).

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

  • Оттенок (тон) – начальная точка отсчёта. Небольшое смещение по цветовому кругу превращает ярко-зелёный в лайм, глубокий розовый в скарлет, а лимонный в янтарный. Интуитивно разобраться в этом нельзя, а полагаться только на чувства опасно. Говорят, что дизайнеры способны различать на полсотни оттенков больше (по сравнению с простыми людьми), но это капля в море – вообще-то человеческий глаз потенциально может воспринимать до 10 млн значений.
  • Насыщенность – глубина и сила заливки, иногда определяемая, как чистота. Речь идёт об интенсивности цветового потока, который может быть и слабым, и вызывающе-кричащим, даже на достаточно спокойных красках.
  • Показатель значение оперирует шкалой «темнее-светлее», отчасти комбинируя два предшествующих пункта.

Данная модель известна под названием HSV (Hue, Saturation, Value) и является одной из основных в универсальной демонстрации цветового профиля. Известный пользователям графических приложений красочный круг (или кольцо), снабжённый боковым движком, как раз реализован на рассмотренном выше концепте. Правда, в последнее время он уступил позиции в специализированных программах более простым для двухмерного представления инструментам.

Схемы цвета

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

  • Во-первых, монохроматическая схема, раскладывающая по оттенкам и насыщенности один-единственный цвет. Преимущество состоит в гарантированной гармонии, которая достигается в этом сценарии – образцы всегда сочетаются друг с другом.

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

  • В-третьих, согласованная (комплиментарная) формула цвета. Базируется на двух противоположных точках круга и подкрепляется монохромными добавлениями основных красок. Ничего сложного, достигается хорошая контрастность и сочетаемость элементов.

  • Треугольные варианты, в которых основное требование – это симметричность.
  • Наконец, тетрадный вид – четыре точки на цветовом круге.

В целом, любая правильная геометрическая фигура, которую можно внедрить в рассматриваемую модель, способна быть основой колористики. Дальше речь идёт только об эстетических параметрах и эмоциональном смысле, передаваемом полученным цветовым профилем.

Настроение цвета в графическом дизайне

Наш заключительный раздел часто ставят на первое место, хотя он слишком субъективен и индивидуален, чтобы занимать лидирующие позиции. Речь идёт о передаваемом краской эмоции, ассоциирующейся со сложившимися канонами.

  • Красный (основной) – это и агрессия, и любовь, и важность. Поэтому с ним обходятся крайне осторожно, стараясь не переусердствовать в стремлении выделиться. Ещё следует помнить, что у различных этносов данный цвет может обозначать совершенно противоположные вещи: что для китайцев праздник, то жителям чёрного континента скорбь и траур.
  • Жёлтый (основной), в большинстве случаев, несёт солнечный и радостный смысл, но в сочетании с красным усугубляет опасность и настороженность. В англоязычной аудитории способен говорить о трусости (идиома yellow streak), а в Стране восходящего солнца, наоборот – о храбрости и доблести.
  • Заключительный из основных – синий. В тёмном диапазоне охватывает достоинство, спокойствие и надёжность. Светлые тона воспринимаются свежо и дружелюбно.

Впрочем, веб-дизайн редко обращается к столь глубоким корням, больше опираясь на вкус исполнителя проекта, его опыт и багаж практических работ.

Наши работы

  • оформление вк овчинникова
    Задача: 

    Создать стильное оформление группы ВКонтакте в тематике Психология

    Что мы сделали: 

    Разработали концепцию дизайна

    Создали продающее оформление

    Результат: 

    Повысилась конверсия группы

  • Фермерский продукт - превью
    Задача: 

    Разработать стильный и продающий дизайн упаковки продукции бренда «Фермерский продукт» 

    Что мы сделали: 

    Разработали концепцию фирменного стиля бренда

    Создали продающий дизайн упаковки

    Результат: 

    Бренд стал узаваемым, продукция стала выделяться на рынке

    Уровень продаж повысился

  • океан - морепродукты
    Задача: 

    разработать привлекательный дизайн для упаковки замороженных морепродуктов компании «Океан». 

    Что мы сделали: 

    придумали яркое дизайнерское решение для двух продуктов;
    успешно воплотили его в жизнь, принимая во внимание пожелания заказчика.

    Результат: 

    рост узнаваемости бренда и привлечение внимания к продукции компании. 

  • Кейс Новый логотип компании ЗЕКСЛЕР
    Задача: 

    Создание нового логотипа в рамках редизайна фирменного стиля ЗЕКСЛЕР

    Что мы сделали: 

    Придумали графическую идею

    На основе идеи разработали новый логотип

    Результат: 

    Новый логотип с осмысленной идеей

    Изменился стиль сайта компании ЗЕКСЛЕР

Наша команда

  • Вадим Скопинцев
    Генеральный директор

    Сделаем лучшее решение для привлечения клиентов из интернета, сделаем продажи!

  • Дмитрий Карпинский
    Директор по пропаганде

    Экспонента, бизнес должен и будет расти по экспоненте! Продавать, будете продавать!

  • Евгений Белоусов
    Директор по продажам

    Предложу варианты решения ваших проблем- вам останется лишь выбрать!

  • Павел Шульга
    Старший специалист по контекстной рекламе

    Грамотно используем Ваш рекламный бюджет. Выйдем на максимум заявок!

  • Евгения Лю-Ти-Фу
    Руководитель PR направления

    Ваш имидж в наших руках. Если вас нет в Интернете, то вас нет в бизнесе!

  • Диана Зайцева
    UX/UI дизайнер. Руководитель разработки

    «Протачиваем» Ваш ресурс для получения им продающих свойств. Захватываем клиентов для Вас!

  • Леонид Белкин
    Менеджер проектов

    Сделаем Ваш сайт продающим. Конверсия будет расти!

  • Дмитрий Трацевский
    Руководитель разработки

    Разработанные нами сайты работают как часы!

  • Татьяна Николаева
    Менеджер проектов, переводчик

    Пишем только уникальные и интересные тексты на русском и английском. Вам понравится!

  • Кирилл Миченус
    Разработчик

    Разработаем классный, продающий сайт. Внедрим интересные идеи!!

  • Марина Петренко
    Контент-менеджер

    Раскрываем все положительные стороны Вашего бизнеса для увеличения целевой аудитории!

  • Виктор Токмачев
    Менеджер по работе с иностранными клиентами

    Наши идеи подходят всем - иностранные клиенты охвачены!

  • Татьяна Ромакина
    Копирайтер

    Создадим уникальные продающие статьи. Лучший контент для Вашего сайта!

  • Леонид Родинский
    Копирайтер

    Написать уникальные тексты и заголовки – этого мало. Наполняем сайты неповторимым содержанием!

  • Анастасия Бондарева
    Копирайтер

    Правильно написанный рекламный текст способен творить чудеса! Удивительно, но слова могут продавать! И мы Вам это докажем!

  • Вячеслав Киосе
    Копирайтер

    Текст – это не просто слова. Посетители Вашего сайта получат информацию с внятным и понятным смыслом.

  • Стань одним Из нАс
    Трудоустройство

Клиенты

Наши услуги

САМОЕ ИНТЕРЕСНОЕ НА СТРАНИЦЕ
“ЗЕКСЛЕР” В Facebook и ВКОНТАКТЕ