Дизайн iPhone @2x в Sketch TROUBLE

Я уже прочитал огромное количество сообщений и статей о размерах экрана iPhone, но не могу найти информацию о следующей проблеме.

Недавно я получил дизайн, сделанный в эскизе, и размеры артборда 640x1136 (и все ресурсы такие, как фоновое изображение). Как я понял - дизайнер Хейв сделал дизайн для iphone 5 - 4inch. И мои проекты в 2x. Я прав?

Пожалуйста, см. Экран проекта Sketch здесь!

Итак, я хочу экспортировать дизайн для всех iphone 4,5,6,6s plus.

В настоящее время я разрабатываю свой проект с физическим устройством iphone 6s plus.

Но когда я экспортирую дизайны в скетч, как на скриншоте, я получаю 3 изображения.

  1. 320x568 пикселей (экспортируется как 0,5x)
  2. 640x1136 пикселей (экспортируется как 1x)
  3. 960x1704 пикселей (экспортировано как 1,5x)

И они не подходят для всех устройств, когда я добавляю 3 изображения в Assets.xcassets.

Также я могу экспортировать в 2 раза, но я получаю 1280×2272 пикселей, и это больше, чем у iPhone 6s плюс разрешение экрана.

Что я должен сделать, чтобы этот эскиз хорошо работал на всех iPhone, особенно на моем iPhone 6s plus? Может быть, я могу использовать только одно изображение для всех iPhone в xcode?


ios iphone screen-resolution sketch-3
person fundamental3    schedule 26.06.2016    source источник
comment
Этот вопрос не по теме, потому что речь идет об использовании программного обеспечения для графического дизайна, а не о программировании.   -  person jscs    schedule 27.06.2016
comment
Согласованный. Вы должны переместить это на graphicdesign.stackexchange.com   -  person Phil Andrews    schedule 27.06.2016
comment
@spacemonkey Извините, я не могу сделать это сам.   -  person fundamental3    schedule 27.06.2016

Ответы (1)


arrow_upward
1
arrow_downward

Я считаю, что проблема, с которой вы столкнулись, заключается в том, что не все iPhone имеют одинаковое соотношение сторон. Следовательно, вы не можете просто масштабировать изображения, чтобы они подходили для всех iPhone.

640 x 1136 — это правильное разрешение в пикселях для iPhone 5. Однако iPhone 4 имеет разрешение 640 x 960 (меньше по высоте, но такой же ширины).

В зависимости от того, что представляет собой изображение (и, следовательно, что выглядит лучше), вы можете либо обрезать изображения при экспорте из Sketch, либо растянуть изображение, чтобы оно соответствовало всем размерам экрана.

person Kenneth    schedule 27.06.2016
comment
Это верно. Ваш дизайнер должен сделать два разных макета. Один для iPhone 4, а затем один для iPhone 5/6/6P. И нет, вы не можете исключить iPhone 4. Если Apple все еще поддерживает его, вы должны его поддерживать. - person Phil Andrews; 27.06.2016
comment
Привет! Спасибо! Так что я могу экспортировать свои изображения как 1x - это будет 640 x 1136, и я дам ему суффикс @2x, это будет идеально для iPhone 5. А как насчет iPhone 6? это 750 х 1334 пикселей. Как я могу получить такой размер из эскиза, или он не измеряется, и iPhone 6 будет использовать @2x? И если я экспортирую как 2x, я получаю 1280×2272px, что не является iPhone 6s plus. Как мне экспортировать изображения, чтобы получить правильные размеры? - person fundamental3; 27.06.2016
comment
Нет настройки экспорта, которая даст вам правильный размер. Фактическая графика должна быть переработана в правильном соотношении сторон. - person Phil Andrews; 27.06.2016
comment
@spacemonkey, чтобы я мог экспортировать изображения только для iPhone5? Спасибо за ответ, в любом случае! - person fundamental3; 30.06.2016
comment
Айфоны 5/6 такие же. 6 Plus может быть другим. Это действительно iPhone 4, для которого вам придется серьезно изменить дизайн, если у вас тесная компоновка. - person Phil Andrews; 30.06.2016
comment
@spacemonkey Хорошо, понял! Спасибо за вашу помощь! - person fundamental3; 30.06.2016