Никита Краснокутский рассказал о ключевых пунктах, на которые надо обратить внимание при передаче макетов разработчикам. Этот чек-лист поможет минимизировать ошибки и будет полезен как начинающим, так и опытным дизайнерам.
Главное:
- Проверьте размеры экранов и элементов, систему отступов и подчинение сетке. В макете должны быть только целые значения рх/dp без дробей
- Проверьте, как будут вести себя элементы интерфейса на разных экранах: телефонах, планшетах, ноутбуках и 4К-мониторах
- Оцените макет на соответствие эвристикам usability и дизайн-принципам
- Очистите макет от лишних элементов и скрытых слоёв. Переименуйте слои и компоненты. Проверьте привязку цветовых и шрифтовых стилей
- Проверьте контрастность цветов и читаемость шрифтов на доступность
- Убедитесь, что все иконки отрисованы, растровые изображения по возможности переведены в вектор, а все фото и видео залиты в один архив
- Опишите поведение текстов для разных разрешений экрана. Продумайте внешний вид компонентов при минимальном и максимальном количестве данных
- Визуализируйте анимации и приложите референсы
- Учтите разные варианты завершения UX-сценариев и отобразите их в Figma или Miro
- Добавьте иллюстрации и подсказки на экранах с пустыми состояниями или ошибками
- Приложите карточку с описанием задачи, версиями макетов и вашими контактами
Источник
