По душе · Android · 8 сентября 2026

Экраны против макета

Семнадцать экранов приложения рядом с кадрами Figma, из которых они должны были быть сделаны. Слева — снимок с эмулятора 390×844 dp ×3, справа — рендер ноды. У каждого экрана указано, что именно я переписал и по какой ноде.

11переписано по нодам
2сняты заново — снимали не тот экран
1наполнен данными макета
3сверены, правок не потребовалось

Как читать

Снимок принимается, только если приложение доказало, какой экран открыто: рядом со снимком лежит список подписей с устройства. До этого проверки не было — и один кадр «Страница Карта» оказался снимком онбординга, потому что карта уводит на анкету, пока у пользователя нет интересов.

Данные на экранах — из макета: города, районы, уведомления, недавние запросы. У каждого значения в коде стоит guid текстовой ноды. На других данных сравнивать бессмысленно: ширина строк и высота блоков зависят от текста.

Проценту расхождения не верьте как оценке. Он считает долю несовпавших пикселей, а тонкий текст на белом их почти не даёт: экран без целого блока показывал 2,5 %. Число полезно только чтобы заметить сдвиг, а не чтобы ранжировать экраны.

A6Поиск города

597:56057 390×1123 dp podushe://city_search переписан

Что сделано

Белый блок 390×184 с нижними углами 32 и тенью 8: в нём и шапка, и поле поиска. Раньше было наоборот — шапка на сером, список в белой шторке с верхними углами.
Список идёт по серому фону экрана, строки 60, разделители 358 по центру.
Галочки у выбранного города убрал: в ноде её нет.
Список городов появился — до этого экран показывал «Ничего не найдено».

A7Поиск района

609:74123 390×844 dp podushe://district_search переписан

Что сделано

Тот же белый блок 184, строки 64, чекбокс 24 слева на x=16, текст с x=48. Был справа.
Починил загрузку: экран получал свою копию модели, куда город не приходил, и список районов был пуст всегда.

Уведомления

287:29704 390×844 dp podushe://notifications переписан

Что сделано

Добавлены вкладки «Все» / «Непрочитанные» 358×40 — их не было.
Карточки сгруппированы по дням: «Сегодня / понедельник» — 590/18 плюс название дня 400/18.
Карточка 358×64: обложка 64 r8 вместо кружка 44, подпись времени 510/14.
Метка непрочитанного — квадрат 12 r8 #F84040 вместо круга 9 акцентом.
Внизу «Прочитать всё».

Настройки

348:56975 390×924 dp podushe://settings переписан

Что сделано

Экран собран разделами: лейбл раздела на x=28 и группа-карточка 358 r24 #F5F5F5 со строками 52 и разделителями 326.
Состав по ноде: «Приватность и безопастность» (видеть / писать / заблокированные), «Уведомления» (Push / SMS / Email), «Поддержка» (поддержка / соглашение / политика).
Строки со значением справа («Все»).
Опечатка «безопастность» перенесена из ноды дословно — вопрос дизайнеру.

A5Город и районы

597:55329 390×871 dp podushe://reg_location переписан

Что сделано

Строка города переехала НАД карту — в ноде она на y=358, карта на y=422.
Появилась плитка 40 r8 белым с icon-map-pin-fill 24.
Название города 590/18, подпись «Определили по геопозиции» 510/14, «Изменить» 590/16 акцентом.
Карта 358×140 r20 с тенью 8.

B7Афиша списком

610:75563 390×844 dp podushe://afisha_list переписан

Что сделано

Слева календарь, справа лупа. Было наоборот: «назад» слева, календарь справа.
Шеврон переехал к городу — в ноде он у «Москва», а не у района.
Заодно нашёл, что кадру сопоставляли не тот маршрут: 610:75563 — это «Афиша» списком, а снимали «Афишу города».

Избранные

293:27869 390×844 dp podushe://favorites переписан

Что сделано

Шапка 124 с заголовком по центру 590/18 вместо крупного заголовка слева.
Добавлены вкладки «События» / «Люди» — их не было.

B10Страница события

230:19369 390×844 dp podushe://event переписан

Что сделано

Адрес одной строкой «ЦМТ, Краснопресненская наб. 12» и ниже «Москва-Сити · 2.4 км от вас». Улицы и расстояния на экране не было вовсе.
Добавлен пейджер обложек — бейдж 66×19 r32 по центру в 12 над низом обложки: активная страница пилюлей 32×7, остальные точками 7.

B11Чат события

232:22272 390×844 dp podushe://chat переписан

Что сделано

Кнопка «•••» 48 на (326, 64) — в шапке её не было, обработчик не передавался.
Кнопка стеклом, как Button-icon в ноде, а не голая иконка «бургер».
Шторки меню в макете нет ни в одном из 22 кадров чата — содержимое за дизайнером.

B9Категория

229:14429 390×844 dp podushe://category переписан

Что сделано

В заголовке был машинный ключ: «Категория “sport_and_fitness”». Теперь название берётся из справочника категорий, если витрина не ответила.
У «Вы подписаны» появилась галочка перед подписью.

A1Экран входа

158:9505 390×844 dp podushe://welcome переписан

Что сделано

Коллаж занимает ровно верхние 608 dp: заголовок стоял на 25 dp выше, потому что высота картинки шла от её пропорций.
Трекинг заголовка −1, как в ноде; стоял 0.

B6Поиск

192:19379 390×844 dp podushe://search данные

Что сделано

Строки и отступы уже совпадали с нодой (44 + разделитель = шаг 45).
Экран был пуст: в него легли недавние запросы «Пробежка», «Настолки», «Кофе» и популярные категории со счётчиками — всё из ноды.

B1Карта

180:8884 390×844 dp podushe://afisha_map снят заново

Что сделано

Снимок этого кадра был снят не с того экрана: карта уводит на онбординг, пока у пользователя нет интересов.
Тайлы карты на эмуляторе не поднимаются, поэтому холст карты исключён маской — сравнивается обвязка.

A12Поп-ап успеха

287:27892 390×844 dp podushe://afisha_map+verify_success снят заново

Что сделано

Поп-ап в макете лежит поверх карты, а снимали его поверх экрана входа.
Добавил цепочку маршрутов в отладочный вход: сначала карта, поверх неё поп-ап.

A2Ввод номера

260:24430 390×844 dp podushe://phone совпадал

Что сделано

Проверил по ноде: поле 46, паддинги 24/16/16, gap 32, нижний отступ 56 — всё совпало, правок не потребовалось.

A4Ввод кода

261:26987 390×844 dp podushe://otp сверен

Что сделано

Сверен по ноде; расхождения по числу ячеек и подзаголовку остаются открытыми вопросами к дизайнеру.

A9Интересы

284:25333 390×844 dp podushe://reg_interests сверен

Что сделано

Сверен по ноде: чипы по два в ряд, пять рядов — совпадает.

Что осталось

Сверены и переписаны 17 кадров из 623. В объёме ревизии по спеке — около 260 кадров: это все состояния собранных экранов, а не по одному кадру на экран.

Шторки и попапы. Фильтрация, календарь, выбор диапазона, состояния кнопок на странице события — это не отдельные маршруты, приложение до них надо доводить действиями. Механика съёмки по подписям для этого уже готова.
Длинные кадры. 74 кадра выше экрана, самый длинный 3045 dp. Снимаются прокруткой со склейкой; неподвижные шапка и таб-бар кладутся в полотно по одному разу.
Вопросы дизайнеру. Опечатки в макете («безопастность», «меропрития», «отклонилв», «воскресение»), меню чата без содержимого, районы Петербурга в городе Москва на A7.