Ретро цвета в дизайне

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

Тренд ретро цвета

ретро цвет

ретро дизайн

ретро стиль

ретро схема

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

Ретро может стать популярным стилем, потому что этот стиль легко воссоздает чувство эпохи. Чаще всего чувства связаны с прошлым. Цветовая схема и дополнительные эффекты смогут сделать Ваш дизайн действительно индивидуальным. При использовании менее насыщенных цветов, Вы можете выбрать более сильный оттенок в качестве основного цвета для Вашего проекта.

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

Характеристики Ретро схем

ретро сайт

ретро дизайн сайта

ретро стиль сайта

ретро схема сайта

Первое, на что вы обратите внимание - в ретро дизайне отсутствуют яркие цвета. Приглушенные оттенки - очень резкие и создают особый облик.

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

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

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

Ретро шрифты и текстуры

ретро цветовая схема

ретро цветовая схема сайта

ретро схема сайта

сайт в стиле ретро

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

Ретро цвета, как правило, работают лучше всего со старыми шрифтами с большим количеством кривых.

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

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

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

Ретро - цвет вдохновения

Не знаете с чего начать создание ретро палитры? Ниже представлены несколько примеров, которые могут подтолкнуть вас на создание своей собственной схемы.

Цвет любителей ретро, 130 цветовых палитр

цветовая палитра ретро

Цвет Schemer, тэговые ретро

ретро схема

Цвет Hunter, палитры ретро цвета

ретро палитра

Фотошоп - Ваш путь к созданию ретро стиля

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

Использование тона и насыщенности: откройте в меню Цветовой тон / Насыщенность, нажав Image > Adjustments > Hue / Saturation (Ctrl + U) и сдвиньте Насыщенность влево, чтобы её уменьшить. Это приведет к уменьшению насыщенности для всего изображения. Вы также можете регулировать насыщенность, добавив корректирующий слой (рекомендуется), нажав Layer > Новый корректирующий слой > Цветовой тон / Насыщенность.

Использование палитры: Чтобы выбрать тусклый цвет в самом начале, откройте панель цветов (нажмите на цвет переднего плана на панели инструментов). Выберите цвет, который вам нравится и переместите курсор влево. Чем левее, тем меньше насыщенность.

Делаем корректировку цвета изображений: Откройте Панель Кривых выбрав Слой > Новый корректирующий слой > Кривые. Выберите красный канал и отрегулируйте его так, чтобы он имел S-образную форму. Затем выберите зеленый канал (midtones) и создайте дугу. Потом синий канал, создайте плоскую фигуру обратную S. Создайте новый слой-заливку и с помощью 20% оттенков, залейте цветом, пользуясь мягким режимом наложения цвета - советую придерживаться красного, желтого или оранжевого, чтобы дополнить ваш ретро стиль.

Заключение

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

Стиль ретро должен быть простым и легким. Имейте это в виду при выборе ретро цвета.

 

Перевод статьи Retro is Reborn: A Look at the Color Trend

Тэги: color

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.