Другие файлы cookie можно настроить.
Урок 1. Контраст: сделай главное заметным
Охота за резиновой уточкой
Человеческий мозг устроен экономно: он моментально замечает только то, что резко отличается от окружения.
Представим площадь, где ходят 50 одинаковых серых голубей. Взгляд скользит по ним, не задерживаясь. Но что, если прямо посреди них окажется ярко-жёлтая резиновая уточка?
Почему взгляд автоматически за доли секунды прыгнул на уточку?
Три рычага контраста
Контраст — это не только цвета! Дизайнер управляет вниманием с помощью 3 супер-рычагов: яркости, размера и формы.
Даже если не менять цвет, а переключить только Размер или Форму, объект моментально отделяется от соседей и захватывает внимание.
Ловушка «Новогодней ёлки»
Если выделить всё подряд — не выделится абсолютно ничего.
Когда в комнате шепчутся сорок человек, а один говорит в громкоговоритель — слышно именно его. Но если раздать громкоговорители каждому, получится шум, в котором невозможно разобрать ни единого слова.
Спокойный фон, понятный текст и всего одна главная кнопка действия.
Спасение кнопки и «Тест прищура»
Текст обязан контрастировать с кнопкой, а кнопка — с фоном экрана. Профессионалы проверяют это прищуром глаз (размытием).
Обложка для ролика и чит-код нейросети
Задача: выбрать обложку видео по игре на фоне ночного города, которая мгновенно прочитается даже на маленьком экране телефона.
... высокий контраст, ярко-жёлтый главный объект на глубоком тёмном фоне, чёткий силуэт, минимализм
Суперсила контраста активирована!
Контраст работает только тогда, когда выделяется что-то одно. Контрастировать должны и кнопка с фоном, и текст внутри этой кнопки.