Навигация

  • Все ваши макеты подписаны и стрелочки проведены между экранами

  • Есть все точки входа в экран

  • Версионность фичи указана и все экраны актуальны

  • Слои названы на латинице по вашей ДС или просто понятно

  • Скрытые объекты удалены

Адаптивы

  • Если веб: 1920, 1440, 1280, 720, 360 (или на ваш вкус)

  • Если мобилка: android: 360, ios: 375, + планшет 700 (или на ваш вкус)

Картинки и иконки

  • Картинки сжаты через tiny image и лежат в облаке с неймингами на латинице

  • Иконки доступны разработчику в свг. Популярный размер 24х24

  • Если есть анимации - описаны поведения переходов и самих анимашек

Дизайн система

  • Все объекты - компоненты, и они актуальны

  • Отступы горизонтальные и вертикальные сверены

  • Размеры шрифтов соответствуют

  • Цвета все через токены/стили

  • Темная и светлая темы отрисованы (при необходимости)

  • Для айос и андроида использованы верные паттерны: навбар, модалки, клавы и так далее

Состояния

  • Загрузка: скелетоны, лоадеры

  • Пустой вид

  • Онбординг

  • Экраны успеха

  • Экраны ошибок: отвалился интернет, ошибка с кнопкой повторить, ошибка без шанса на перезагрузку (всё сломалось), не подгрузилась часть контента

  • Вид, где очень много контента, самые длинные слова

Тексты

  • Дефисы, тире, ё, кавычки, знак минуса перепроверено

  • Висячие предлоги прогнаны через типограф и в тексте есть элементы для разработчиков   https://www.artlebedev.ru/typograf/

Согласования

Можно прописывать даты и имена согласовавших, чтобы не было потом сюрпризов

Пишите в комментариях, что забыто и ваши лайфхаки по передаче макетов в разработку!

Комментарии (0)