Please enable JavaScript.
Coggle requires JavaScript to display documents.
Выделение важного. Как расставлять акценты в макете - Coggle Diagram
Выделение важного. Как расставлять акценты в макете
Два режима изучения макетов
Режим захвата изображения
Режим чтения
Схема изучения макета
1.Якорный объект, это тот, который захватывает первоначальное внимание
Изучение по F-паттерну
Якорные объекты должны доносить основу предложения
Якорный объект должен давать наиболее подробную ин-фу о предложении, смыслы, которые хочешь донести или выводы
Как проверить, что именно является якорным объектом
Откройте глаза, закройте глаза и проследите, как вы считываете макет. Что видите в первую очередь?
Когда персонаж в дизайне смотрит на зрителя - зритель смотрит на персонажа. И взаимодействие на этом заканчивается. Если персонаж не смотрит на зрителя - зритель больше смотрит на текст
Как управлять вниманием пользователя
То, что контрастнее - видим в первую очередь
Воспринимаем картинку, как 3D-объем
Что ближе - опаснее, поэтому воспринимаем в первую очередь
Слева-направо, сверху-вниз
Контрасты и акценты
Контраст цветом - выделяем цветом
Контраст светотени
Контраст детализацией и резкостью - нужно правильно расставлять детали, отделяя текст от картинки
Все, что детализировано - отвлекает внимание
Необходимо сверять порядок желаемого считывания - с реальным (селф+третьи лица)
Как проверить акценты: 1. Обесцветить 2. Размыть 3. Следить за собой 4. Ай трекинг текст, веб виза 5. Прототип/эскиз
Как выделить блок в дизайн макете
Техника небоскребов
Двух этажей достаточно
Размер, цвет, насыщенность, прописные буквы, курсив и тд
Как применять: все сравнять, группируем с помощью полей, заново выделяем главное