Документация Promolytica
Все разделы

Сайт

Сверить с макетом

расхождения с макетом списком

Экран «Сверить с макетом» в кабинете
Так этот экран выглядит в кабинете. Нажмите, чтобы открыть крупно.

Платформа открывает ваш черновик на всех ширинах из макета, снимает настоящие цвета, шрифты, кегли и отступы и сравнивает их с числами макета. Отдельно ассистент смотрит на кадр и на страницу и называет то, чего в числах не видно: иконки, фотографии, декор, порядок блоков.

Главное отличие от «Дизайна из Figma»: сверка сама ничего не меняет. Она измеряет и показывает список, а изменится ровно то, что вы отметите галочками. Это безопасный режим для сайта, который вы уже вели руками.

Как пользоваться

  1. Нажмите «Сверить с макетом» и подождите пару минут.
  2. Посмотрите блок «Макет и сайт рядом»: слева макет, справа сайт как он есть сейчас.
  3. Пройдите список расхождений, сгруппированный по ширинам экрана, и отметьте галочками то, что нужно поправить.
  4. Нажмите «Исправить отмеченные». Правки уйдут в очередь редактора, ход работы виден в чате.
  5. После правок сверьтесь ещё раз и опубликуйте сайт.

Что важно знать

  • Пункты с пометкой «на глаз» это наблюдения, а не измерения. Их стоит проверить самому, прежде чем отмечать.
  • За одно нажатие в работу уходит не больше 40 отмеченных пунктов, остальные отправляются следующим заходом.
  • Пока идёт замер, экран сам опрашивает сервер каждые 10 секунд: обновлять страницу не нужно.
  • Блок «Замечания о самом макете» это не расхождения. Сайт повторяет макет, но в макете так задумано неудачно, и решать это надо с дизайнером.

Что вы увидите

Страница «Сверить с макетом»: кнопки «Сверить с макетом» / «Сверить заново», строка сводки («Расхождений с макетом нет: совпадение по значениям N%, по виду секций N%» или «Нашёл N расхождений»), «Ширины из макета: …px», блок «Макет и сайт рядом» (слева макет, справа черновик), группы «Десктоп», «Планшет», «Телефон», «Общее» и пункты вида «{класс}: на сайте X, в макете Y», часть с пометкой «на глаз».

Классы расхождений: нет блоков макета, цвет текста, фон секции, шрифт, загрузка шрифта, насыщенность, кегль, межбуквенный, межстрочный, переносы строк, ширина блока, положение, отступ, мобильная раскладка, вид секции, взгляд на макет. Отдельно «Замечания о самом макете»: сайт повторяет макет, но в макете так задумано неудачно, исправлять нечего.

Кнопки «Отметить все», «Снять отметки», «Исправить отмеченные (N)». Сверка только меряет и ничего не меняет: правка ставится ассистенту по отмеченным пунктам с точными значениями, до 40 пунктов в одну правку.

Частые вопросы

  • Зачем сверка, если приёмка идёт при сборке? Приёмка работает во время сборки по макету, а сверка нужна позже: после своих правок или обновления макета, чтобы увидеть, что разошлось, и починить только выбранное.
  • Что значит «на глаз»? Расхождение, которое нельзя измерить числом (порядок блоков, подменённое фото): его стоит проверить самому, прежде чем отмечать.
  • Почему галочка согласия на обработку данных не считается расхождением? В макете она бывает нарисована отмеченной, а по закону человек ставит её сам: такие находки платформа не показывает.

Если не сработало

  • Написано «Сверки с макетом ещё не было». Нажмите «Сверить с макетом»; замер занимает пару минут.
  • Написано «Не отмечено ни одного расхождения» или «Отмеченные расхождения не найдены в последней сверке». Отметьте пункты в текущей сверке; после «Сверить заново» прежние отметки не действуют.
  • После «Исправить отмеченные» расхождение осталось. Правка ушла в черновик, а сверка читала его до правки: дождитесь конца правки в чате и нажмите «Сверить заново».