Как использовать цвета в дизайне UI?
Веб-дизайн 0 Комментариев

Как использовать цвета в дизайне UI?

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

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

Если необходимо использовать дополнительные цвета, кроме выбранных, то оптимальным будет использовать тени и оттенки цветов из вашей палитры.

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

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

60% — главный цвет, 30% — второстепенный и 10% — акцентирующий цвет.

цвета в дизайне UI

Значение цвета.

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

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

цвета в дизайне UI

О значении других цветов вы можете прочитать в статье этого блога «Сочетание цветов в веб-дизайне».

Оттенки серого.

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

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

цвета в дизайне UI

Природа – источник вдохновения.

Лучшие сочетания цветов встречаются в природе. Они всегда будут выглядеть естественно. И вариантов сочетаний цветов вы найдете бесчисленное количество.

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

Инструменты:

  • Coolors.co

цвета в дизайне UI

  • Kuler

  • Paletton

цвета в дизайне UI

  • Shutterstock Lab Spectrum

цвета в дизайне UI



Подпишитесь на обновления блога!

Будьте всегда в курсе новостей

Добавить комментарий