Удобно ли рисовать макеты сайтов на Retina display?
Привет всем.
Купил mac book pro 13 retina.
Открываю макеты сайтов, 1260px, физически все на столько мелко, что рисовать не комфортно.
Если говорить про макеты 960px, то тем более.
Как справляетесь?
Я вижу такие варианты:
1) кто-то подключает монитор, по старинке. Но тогда не понятно зачем ретина была нужна.
2) рисовать макеты 1280px, но resolution: 144, тогда все будет комфортного размера, но очень большое. А когда в верстку отдавать — сбрасывать resolution до 72, тогда все будет нужно размера.
Спасибо за ответ. Правильно ли понял: я открываю макет 1000px(допустим), выставляю resolution 144, тогда макет будет 2000px. А когда отдаю в верстку -- макет возвращаю в resolution 72, и размер вернется в 1000px. так? шейпы, шрифты остаются не сильно изменены, а фотки(если были большие) не потеряют качество при уменьшении. Так?
@vovadesigner Вы о каком софте говорите? Если о фотошопе, то от изменения одного только dpi, размер в px у макета не изменится, (как был 1000px так и остался 1000px). Изменятся его "виртуальные" размеры (которые в сантиметрах\дюймах).
Если, например, в индизайне, то да - там основополагающий размер в сантиметрах, а размер пиксельного рендера зависит от dpi.
именно про phototshop cc, попробовал выставить для макета 1000px(72pdi) разрешение 144(dpi) -- макет стал 2000px. Потом можно вернуть в 72dpi и отдать в верстку?
@vovadesigner Странно, у меня CS5 "уважает" пиксельные размеры и меняет сантиметровые...
Нет, смотрите. Если вам прислали макет в lo-res, с ним уже ничего не сделаешь - просто увеличивайте масштаб просмотра (не макет!) в 200% и работайте с ним, как есть.
Если макет увеличить, а потом уменьшить - он размажется. Чтобы не размазывался, можно, конечно, использовать алгоритм nearest neighborhood, но с ним свои проблемы - при уменьшении дорисованного в процессе работы hi-res контента вылезет "лесенка".
По этому, с существующими макетами работайте по-старому, но в 200% увеличении просмотра. А новые макеты рисуйте в hi-rez, а потом делайте две версии: уменьшенную, и для ретины. Только не забывайте про чётные размеры, чтоб при уменьшении не вылезли полу-пиксельные элементы. Например, border в ретине минимум 2px.
На самом деле, это проблема ) Возрастают требования к фото-исходникам, ко шрифтам с мелким кеглем и прочее, прочее. Но такой подход даёт и свой профит: у вас сразу будут макеты и для ретины, и для lo-res. За это принято доплачивать.
Только что попробовал. Да, 12pt шрифт сделал в 144 разрешении, потом открыл на обычном ноуте, поставил на 72 разрешение, все аккуратно уменьшилось, НО! шрифты мелкие чуток поплыли, стили(стиль border для слоя) остался большим(в 2 раза больше). Мда.
vovadesigner: прошло более года времени, поделись опытом использования ретины для веб-дизайна спустя время ;) Стоя на пороге выбора,,, и все эти штуки с 144 ppi немного настораживают :)
Простой
Простой
