Инструмент подбора цвета онлайн поможет вам создать гармоничную цветовую схему, а также получить кода цветов для дальнейшего использования при разработке дизайн проекта, веб-сайта и для любой другой работы, связанной с графикой.
R: 98
G: 152
B: 213
H: 212
S: 58
L: 61
Найти свои белые и черные цвета.
Единственное правило здесь — это не использовать абсолютно белый или черный цвет.
Абсолютный черный цвет и белый цвет могут утомлять глаза при чтении или выполнении действий. Белый ( #FFF ) имеет 100% яркость цвета, а черный (#000) — 0%. Такая неравномерность создает интенсивный контраст, к которому человеческим глазам труднее адаптироваться при навигации и чтении.
Избегайте использование чисто черного ли белого цвета, особенно на больших площадях. Лучше всего использовать ограниченую палитру оттенков серого, которая состоит из нейтральных черных цветов с добавлением белых оттенков, например:
Первичный цвет — это первое с чем стоит определиться.
Основной цвет чаще всего отображается на экранах и используется, чтобы указать пользователям на основные действия пользовательского интерфейса (UI). В идеале должно быть от 1 до 3 основных цветов, которые легко ассоциируются с конкретным брендом или продуктом.
Знание своей аудитории
Ключ к хорошему UX — понимание своей аудитории.
Цвет играет здесь важную роль, так как выбор влияет на чувства и эмоции пользователя при взаимодействии с продуктом.
Кто ваша целевая аудитория?
Эти вопросы могут и должны повлиять на выбор, поэтому не стоит терять их, выбирая палитру UI и обсуждая свой выбор с командой.
Использование семантических цветов, для выделения важной информации.
Семантические цвета — это цвета, используемые для понимания пользователя информации об успехе, ошибке, предупреждении.
Чтобы выделить жизненно важный статус пользовательского интерфейса, положительную или предупреждающую информацию;
Для проверки текстовых полей или элементов управления, таких как переключатели, чекбоксы;
Для быстрой визуальной обратной связи, например нового сообщения в приложении.
Правило очень простое и звучит так:
60% — пространства предназначено для основного цвета / цвета области;30% — это вторичный / поддерживающий цвет;10% — акцент и сопровождающий цвет.
Можно использовать эти пропорции, чтобы найти правильный баланс при подборе и сочетании цветов, не превращая пользовательский интерфейс в красочную смесь.
Считается, что эти пропорции приятны человеческому глазу, потому что они позволяют легко воспринимать дизайн UI и общую композицию экрана.