@seyin

Что такое верстка «пиксел-в-пиксел»?

Открываю вакансии на должность верстальщика и вижу везде: "требуется пиксел-перфекционист", "верстка пиксел-в-пиксел". А теперь открываю первый попавшийся psd-макет.
Условно допустим, что это одностраничный лендинг. Блок первый, скажем, "О нас".
Размер шрифта в заголовке - 24,32px. Явно тянули руками.
Марджин сверху 31px, снизу 35px.
Следующий блок, "Работы".
Структура та же, заголовок тот же. Но марджин сверху 34px, снизу - 41px.

Это верстать "пиксел-в-пиксел"? Для каждого блока свои отступы, и размер шрифта "как в макете"? Или все-таки голову включить и выровнять? Чего от верстальщика ждут-то?
  • Вопрос задан
  • 2668 просмотров
Пригласить эксперта
Ответы на вопрос 4
kudesa
@kudesa
Проектирую и верстаю адаптивные сайты
Верстка пиксел-в-пиксел или pixel perfect — это максимальное соответствие верстки и макета.
Тот макет, котрый вы описали, с разными отступами у типовых блоков и шрифтом с некруглым значением, является ошибкой начинающего дизайнера. Ничего хорошего из такого макета, как правило, не получается, имеем кучу типовых блоков с разными отступами, разными размерами заголовков, как итог, куча кода с модификаторами.
В общем, из плохого макета не сделать хорошую верстку.
Ответ написан
@IceJOKER
Web/Android developer
пиксель в пиксель - это и есть пиксель в пиксель, то есть верстаете точно пиксель в пиксель, что непонятного ?
какая разница какие там размеры, раз уж написано пиксель в пиксель, то так и верстаете.
Ответ написан
samoilenkoevgeniy
@samoilenkoevgeniy
Senior Fullstack Web Developer
говорят еще - pixel perfect, как уже отметили выше - это значит что ваша верстка при наложении на нее макета в режиме difference у вас не должно ничего "Двоится" и так далее.
Если проще - АБСОЛЮТНО все как в макете:)

Но для этого макеты тоже должны быть в порядке, естественно, если текст размером 23,57px, то он будет различатся от верстки.
Ответ написан
Kirilchuk
@Kirilchuk
Вперед и вверх
Это если в макете #000100 то и в верстке так же, а не #000. Ну и в остальном все точь в точь. А в вашем примере притензии к дизайнеру. Пусть исправит.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
03 июл. 2020, в 14:03
3000 руб./за проект
03 июл. 2020, в 13:49
25000 руб./за проект
03 июл. 2020, в 13:27
30000 руб./за проект