Как добиться pixel perfect при верстке Android-приложения?

Question

[nickostyle]

Добрый день.

Передаю разработчику макеты в фигме. Там есть режим инспектора, в котором видны все расстояния и стили.
Но результат не радует. Отступы скачут, стили тоже, я думаю, что часть ответственности за это лежит все же на разработчике, т.к. он спешит и не придает значения дизайну. Но он говорит, что добиться pixel perfect невозможно из-за большого обилия экранов разной плотности пикселей.

Вопрос в том, существует ли какой то флоу или инструмент для того, чтобы верстка приложения соответствовала макетам?

Answer 1

[Денис Загаевский]

Добиться pixel perfect на Андроиде возможно, но дико-дико трудно. Однажды я слышал про такое, дизайнеры отдавали макеты для 100500 разных размеров экрана и разработчики напилил для этого свой ui framework. Также есть графические движки для игр, которые умеют в pixel perfect, но там скорее речь о том, чтобы не было размытия на границах изображений.
Ты можешь задать размеры отступов по краям и между некоторыми элементами, но всегда надо оставлять места, которые будут тянуться. Соответственно, уже ни о каком pixel perfect речь не идёт. Размеры надо всегда давать в dpi, но надо помнить, что они как минимум должны быть четными. Есть устройства, на которых размеры в целых dpi дают нецелое количество пикселей. Округляется всё на ходу и бывает, что получается так себе.
Ты можешь требовать, чтобы цвета были правильные, размеры шрифтов (но тут надо помнить, что юзеры любят ими играть и всё может поехать). Стили можно сделать одинаковыми по всему приложению.

Answer 2

[Jacen11]

похоже на брехню
dp (density-independent pixels) — независимые от плотности пиксели.

Comments

[Денис Загаевский]

И что?

[Jacen11]

Денис Загаевский, но положение же объектов относительно друг друга всегда будет одинаковым. Или что не так?

[Денис Загаевский]

Jacen11, ну, предположим у тебя есть две одинаковые квадратные кнопки со стороной 64dp , одна в правом верхнем углу, другая в левом верхнем. Отступы от края экрана надо зафиксировать, например 16dp. Какое расстояние будет в итоге между кнопками?

[Jacen11]

Денис Загаевский, так наплевать же. Адаптивная же верстка. В этом и есть весь смысл.

[Денис Загаевский]

Jacen11, нет, адаптивная верстка и pixel perfect это разные вещи.

Answer 3

[OmUltramar]

Верстаете макет под 360dp
В настройках разработчика на девайсе указываете ширину экрана 360dp

Разработчик пилит экран по макету и сверяется по нему:
Скопировал проект в фигме на новую страницу
Сделал скрин
Вставил скрин в фигму
Указывал ширину скрина в фигме 360dp
Наложил с помощью прозрачности
...
PROFIT!!!

Макет можно верстать и под другое разрешение, например, под ios 375dp или 395dp (если у вас мультиплатформенный дизайн). Главное используйте девайс с нужным разрешением или указывайте нужное разрешение в настройках разработчика перед сверкой с макетом.
Несоблюдение размерных сеток - ХАРАМ!!!