Сверстал по пикселям, а оказалось, что дизайнер сделал макет на ретине. И странное заявление от проверяющего мою работу :S?

Question

[Tigronix]

размерность проверить с макетом, дизер делал в Retina разрешени,, верстальщик верстал по пикселям и получился гигантизм, опытный верстальщик делает не по пикселям а по DPI

Я прошерстел инет на тему ретину, dpi и всему, что с этим связано и внятного ответа не нашёл.
1) "опытный верстальщик делает не по пикселям а по DPI" - это еще как?
2) Если то что выше это бред, тогда, как мне верстать если мне дали макет с ретины. Ведь он получается изначально больше в два раза. Размеры шрифтов, отступы, высота, ширина и т.п.. Нужно заранее говорить, чтобы макет делали под не ретиновский монитор?
Есть кто опытный в этом вопросе - обьясните, как действовать, спасибо)

Comments

[Константин Давыдов]

Меня больше интересует, откуда вообще такая дурацкая мода пошла, из-за ретины рисовать весь макет в два раза больше?!

"опытный верстальщик делает не по пикселям а по DPI" xD

Answer 1

[Олег]

Под ретину нужно подготовить растовую графику с запасом по качеству (засунуть в смарт объект), в идеале еще иконки сделать в векторе, ну или тоже с запасом 2x. В принципе это все, в остальном это должен быть обычный макет и верстается как обычно.

Comments

[Tigronix]

То есть всё что растровое - должно иметь два размера. (1х и 2х). Всё что векторное юзать svg.
Но в остальном макет должен быть обычным, чтобы можно было верстать по px, верно?

[Олег]

Tigronix: Да

[Tigronix]

Олег: Спасибо

Answer 2

[Serj-One]

Дизайнер - идиот. Макет делается относительно css пикселя. Любой макет верстается 1 в 1.

Comments

[Tigronix]

То есть если скажем теперь мне нужно всё переделывать, то мне как сформулировать свою мысль?) Типо: "Дизайнер а давай ты сделаешь макет под px, чтобы на моем не суперсверхчетком экрана всё выглядело, как нужно", верно?)

[nepster-web]

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

[nepster-web]

а совсем по хорошему, дизайнер должен штук 5 макетов давать, под популярные расширения.

[Serj-One]

Tigronix: Проси макет в актуальных размерах. Если нужна поддержка ретины, пусть готовит пак используемых растровых изображений в формате 1х/2x (большие для подмены на ретина-дисплеях), это единственное, что актуально при вёрстке под ретину.

[Serj-One]

nepster09: Причём здесь разрешения, если обсуждается то, что дизайнер целенаправленно нарисовал макет в 2 раза больше, чем нужно?

[Tigronix]

Serj-One: Спасибо, теперь всё ясно

Answer 3

[Андрей Федоров]

В каком виде вам дали макет? PSD? Тогда пусть утрутся вместе с со своим дизайнером - какой макет - такая и верстка.

Answer 4

[nepster-web]

DPI - это понятие в типографии.
Если вы верстали все в px, то нужно заканчивать делать заказы и идти месяцок подучиться. Откройте для себя www.w3schools.com/cssref/css3_pr_mediaquery.asp и %, em, vw, vh и другие относительные величины.

Comments

[Tigronix]

медиа запросы открыть? я их и так юзаю, но не понял, как это связано)
В процентах я верстал конечно же. Про остальные величины я читал тоже.
Как мне это поможет в данной ситуации? Вместо px юзать em?

[nepster-web]

Tigronix: вообще мы должны юзать миксин, который сможет конвентить все это дело или теск для галпа/гранда типа pxtorem. Собственно, если сделанно на относительных величинах и все хорошо, то верстка должна подстраиваться под расширения. А вообще first mobile не зря придумали.

Answer 5

[Mr Crabbz]

Выход - верстать в rem. Потом под нужные разрешения равномерно масштабировать.