Right @ 2x для сетчатки 4 hd

Question

При создании макетов PSD для iPhone, какова ожидаемая ширина дизайна? Каковы правильные размеры? Мои дизайнеры обычно предоставляют мне дизайн, который составляет 640px и 72ppi, и я чувствую, что это неправильно. Даже если их дизайн составляет 640 пикселей, физическое пространство, которое у меня есть на моем коде, по-прежнему составляет 320 пикселей, и мне пришлось сжимать каждый отдельный элемент в два раза больше его размера. Итак, какие измерения следует искать именно на iPhone PSDmockup

Итак, есть ли 1x | @ 2x | @ 2x сетчатки HD | @ 3x Каковы правильные пропорции макетов? Реально ли использовать только 640 * 1136 или теперь для iPhone 5+ требуется 750 * 1334 в качестве стандартного @ 2x?

Я уже прочитал темы: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions http://aten.co/2014/09/12/designing-from-iphone-5-to-iphone-6-iphone-6-more-than-i-bargained-for/

Но до сих пор не может понять, что @ 2x, а что @ 2x сетчатка HD

Answer 1

Дизайнеры обычно используют размер пикселя Rendered Pixels. Это число в два раза больше, чем вы используете для кода из-за Retina.

Итак, когда они дают вам, например, несколько значков, которые составляют 100px на 100px, и вам нужно уменьшить их вдвое, это потому, что они предназначены для экранов сетчатки. Retina теоретически имеет тот же размер, что и вы, но у него больше пикселей, поэтому изображение выглядит более резким.

@ 2x - это изображение старого способа, которое было идентифицировано для использования либо на экране стандартного разрешения, либо на экране сетчатки. Теперь вы можете проверить AssetCatalog, поскольку он позволяет перетаскивать изображения разных размеров без переименования.

@ 2x сетчатки HD просто совершенно неправильно. так как @ 2x относится к сетчатке. The @ 3x для iPhone 6plus.

Возможно, вы захотите проверить Apple's guide for app icon sizes, чтобы узнать о разных размерах экрана.

Answer 2

iPhone 6 Plus является 414 х 736 точек. При этом ваши результаты должны соответствовать разрешению @ 3x (1242x2208). Все остальные устройства просты, принимайте разрешение в точках (что вы проектируете) и удваиваете размер активов для экспорта (для размещения экрана сетчатки).

Вы можете прочитать об этом здесь: http://www.paintcodeapp.com/news/iphone-6-screens-demystified