Неразрывный дизайн
Неразрывный дизайн
Читать в Telegram

Частые ошибки цвета в студенческих работах

Неразрывный дизайн

Пишу о продуктовом дизайне и рабочей кухне: UX‑паттерны, таблицы и формы, исследования и коммуникация в команде. Делюсь практическими шпаргалками по Фигме, разбором решений и кейсами «было/стало», которые экономят часы работы и спасают метрики. Больше пользы, меньше воды — рассказываю то, что обычно остаётся за кадром.

Открыть в TelegramДругие публикации
цветтенисерый

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

  1. Тени цвета #000. В реальности тени не чёрные, если добавить оттенок фона или объекта, будет чище и лучше
  2. Слишком светлый серый — видно только на маке с ретиной
  3. Жёлтый как основной — не ошибка, но нужно понимать, что написать жёлтым по белому или найти «тёмно-жёлтый» не получится, и это нужно учитывать с самого начала
  4. Ярко красный текст на чёрном, фото, синем, зелёном, фиолетовом создаёт спецэффекты, которых автор не добивался
  5. Не ошибка, но часто советую брать серый с оттенком, а не чистый ахроматический, получается интереснее

Конечно, это не законы, но для начинающих — почти всегда работающие правила

Панель настроек теней и цвета в интерфейсе макета: параметры смещения, размытия и выбора цвета тени с демонстрацией влияния оттенка на итоговый вид
Панель теней: как оттенок тени меняет визуальное восприятие макета
Пример читаемости: жёлтый текст на белом и альтернативный более тёмный вариант — показ проблемы контраста и нечитаемости на экране
Жёлтый текст часто не читается на белом — проверять контраст заранее
Карточки товара с фотографией и палитрой: сравнение чистого ахроматического серого и серого с оттенком, влияние цвета на карточку и кнопку
Карточки товара и палитра: серый с оттенком даёт интереснее результат

Дискуссия

Olga Sedneva
Классная выжимка! А может сделать это регулярной рубрикой?) Полезно вспомнить о чем-то) и почувствовать себя снова студенткой)
❤2
Anastasia
Офигенные советы!
❤1
Неразрывный чат
Olga Sedneva
Классная выжимка! А может сделать это регулярной рубрикой?) Полезно вспомнить о чем-то) и почувствовать себя снова студенткой)
Я кстати стала повторять базу по тренажеру юикса, скоро напишу пост, вообще интересно всё воспринимается теперь)) А тут у меня был рекорд по количеству работ — 36, я просто ооочень много раз это всё повторила 😁 но попробую ещё какие-то такие штуки писать)
Olga Sedneva
Неразрывный чат
Я кстати стала повторять базу по тренажеру юикса, скоро напишу пост, вообще интересно всё воспринимается теперь)) А тут у меня был рекорд по количеству работ — 36, я просто ооочень много раз это всё повторила 😁 но попробую ещё какие-то такие штуки писать)
Я как дочь и сестра педагогов заявляю авторитетно, что преподаватели - герои! 36 работ Сколько терпения…
😁1
Alex Sha
Жёлтый, наверное, это вообще самый сложный цвет, если смотреть в массе с другими цветами. Круто было бы студентам показывать цветовую 3l модель - https://oklch.com/#79.56,0.1283,42.01,100
Неразрывный чат
Alex Sha
Жёлтый, наверное, это вообще самый сложный цвет, если смотреть в массе с другими цветами. Круто было бы студентам показывать цветовую 3l модель - https://oklch.com/#79.56,0.1283,42.01,100
Мне кажется, это может ещё сильнее студентов запутать)
Присоединиться к обсуждению →

Читайте так же