Не упусти!

Круто, что тебе интересны наши курсы!

И именно за твой интерес и желание развиваться мы дарим тебе скидку!

Заполни данные ниже и на почту прийдет письмо с промокодом для тебя со скидкой на любой курс!

Отлично!

Ваш промокод на скидку отправлен на Ваш E-mail. Проверте пожалуйста Вашу почту.

Проверьте все папки в вашем почтовом ящике (спам, промоакции).

Как применить цвета в дизайне?

Как применить цвета в дизайне?

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

 

С чего начать?

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

 

 

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

 

Правило 60–30–10

 

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

Не применяя нужное количество цветов, можно слишком отвлечь пользователя или наоборот, не уделяя достаточного внимания определенным ключевым элементам всей истории. Чтобы найти правильный баланс между цветами, мы используем соотношение 60–30–10. Позвольте мне показать вам на примере плаката, как это работает.

 

 

Это соотношение предполагает использование основных (или нейтральных) цветов в 60% случаев, вторичных цветов в 30% , а затем для действительно бросающихся в глаза элементов фокусировки 10% .

Теперь в сторону теории, давайте посмотрим, как эта новая информация объединяет наши цвета пропорционально 60%, 30% и 10%. 60% оранжевого, 30% не совсем желтого белого и черного, 10% красного и бирюзового.

 

Создадим несколько квадрантов!

 

Вы спросите, а что такое квадрант?

Квадрант - это и исследование, и процесс создания правил для цветовых стилей.

 

Настроить квадрант действительно просто в любом инструменте дизайна, просто выполните следующие действия:

  1. Вы начинаете с четырех квадратов одинакового размера, которые вместе образуют квадрат большего размера.

 

 

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

 

 

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

 

 

  1. Пришло время  добавив более мелкие декоративные элементы, чтобы дополнить внешний вид.

 

 

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

 

 

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

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

 

Источник Muzli

 

 

рекомендуемые статьи

50 блогов для вдохновения графическим дизайном 50 блогов для вдохновения графическим дизайном...
Вы хотите отдохнуть от своей работы, получить вдохновение и новое чувство перспективы. Но, по правде говоря, вы, вероятно, в конечном итоге прокрутите Instagram и потратите свое время, глядя на дома, людей и милых кошек....
15 советов для улучшения формы 15 советов для улучшения формы
Формы являются неотъемлемой частью любого пользовательского интерфейса. Они устанавливают синхронный канал связи между предприятиями и пользователями. Их важность не вызывает сомнений, но в сети все еще есть множество пр...
Soft Skills Дизайнера Soft Skills Дизайнера
Чтобы стать профессионалом в творческой индустрии, вам необходимо иметь несколько вещей.
Photoshop против Illustrator Photoshop против Illustrator
Если вы только начинаете работать дизайнером, выбор между Photoshop и Illustrator может оказаться непростой задачей. Ниже мы предоставим вам несколько фактов, чтобы решить, какой из этих продуктов Adobe больше подходит ...
Топ-10 комбинаций шрифтов 2021 Топ-10 комбинаций шрифтов 2021
Все еще не нашли то, что искали? Вот несколько комбинаций шрифтов, которые могут идеально подойти для вашего следующего дизайна....
Советы по графическому дизайну, по контенту Instagram Советы по графическому дизайну, по контенту Instagram...
Графический дизайн должен быть выдающимся, чтобы привлекать максимальное внимание и выделять ваш бренд и бизнес из общей массы....