Под какой размер лучше всего делать дизайн приложений для iOS и Android?

Question

[Raul Abdullin]

Какой размер экранов при проектировании дизайна приложения для iOS и Android считается сейчас признаком хорошего тона?
Раньше всегда делал под 375x667px.
С появлением больших смартфонов появился вопрос, стоит ли делать увеличить размер при проектировании дизайна или всё же размер 375x667px по-прежнему актуален и удобен для разработчиков?

Comments

[Rustam Bainazarov]

375 — самый популярный размер экрана для iOS (iPhone 6, 6S, 7, 8, X, XS). Просто планируйте ваш дизайн и для других разрешений тоже.

[Raul Abdullin]

SmthTo, да это понятно, что должен работать на разных разрешениях, просто думаю по умолчанию изначально рисовать под какое :) спасибо большое

Answer 1

[opendannyy]

gs.statcounter.com/screen-resolution-stats
под iOS естественно 375px
под android 360px
это топ по популярности сегодня
но я как и вы всегда делаю 375 ;)

Comments

[Raul Abdullin]

iOS 375x667px, Android 360x(на сколько)? Или такая же высота 667?
А вообще, если честно тоже не понимаю, какой смысл дизайнеру делать под эти две похожие ширины

[opendannyy]

360x640 (x2) — это самое популярное разрешение для android. Хороший тон ориентироваться именно на него.
375x667 (x2) — это самое популярное разрешение для ios. Хороший тон ориентироваться на него.
Но при всем при этом... :)) если нужно делать приложение для обеих систем, я выбираю разрешение iPhone X, например. НО выставляю себе грид, под 6ой айфон по высоте и стараюсь ориентироваться больше на него, хоть размер артборда и больше, мне лично так удобнее. да, при этом, я делаю только артборды на 375, т.е. не переделываю их под андроид, нет смысла, ведь дизайн адаптивный, не стоит очень сильно заморачиваться при такой небольшой разнице в 15px. А вот если дизайн из-за 15px едет это просто плохо спроектированный дизайн.
Поэтому я из личного опыта вам говорю что да, 375x667px по-прежнему актуален, как и 360x640.

PS. почему под Х? потому что он это ориентир на платежеспособную аудиторию, в моем понимании этого вопроса. (ну и потому что у меня X, мне так проще ориентироваться на дизайн на реальном устройстве и очень оперативно)

[Raul Abdullin]

opendannyy, большое спасибо за подробный ответ, а можете еще пояснить про x2, т.е. делаете под данные разрешения умножив на 2, или просто экспортируете в x2?

[opendannyy]

Если работаете в скетче, или фигме, или xd (т.е. инструменты прототипирования), то да, речь именно про экспорт.
Если работаете в фотошопе — то про размер умноженный на два, три.
т.е. для векторов экспорт, для растра увелчиение размера. (если в скетче в дизайне у вас будут картинки, например для аватара, то их тоже туда надо формировать в размере @x2, @x3)
@x3 как раз для iPhone X
есть вообще классный Гайд по разрешениям именно для iPhones — https://www.paintcodeapp.com/news/ultimate-guide-t...

[Raul Abdullin]

opendannyy, "если в скетче в дизайне у вас будут картинки, например для аватара, то их тоже туда надо формировать в размере @x2, @x3" а как понять формировать? т.е. сохранять в таком виде take.ms/Qv5PK да?

[opendannyy]

да, все верно

[Raul Abdullin]

opendannyy, большое спасибо

Answer 2

[iko_mali]

Советую делать под iPhoneX сразу, что бы не возникало лишних вопросов от разрабов это 375x812, а под андроид стандарт 360x640

Comments

[Raul Abdullin]

А в целом iPhoneX популярен у пользователей? Вроде последняя модель далеко не все зашла.

Answer 3

[Roman Kerimov]

Под самый маленький из поддерживаемых. И уже потом смотреть нужно ли что‐то адаптировать под большой.

Answer 4

[Cimeries7]

С разрешениями под мобилки 360х640 и 375х812 это понятно.
А остальные разрешения? Н-р, если делать дизайн под андроид, то там и планшеты еще есть. И у Эппла тоже есть планшеты. Какие разрешения нужно брать для них? Ведь когда делаешь адаптивный дизайн сайта, то разработчику выдаешь дизайн в 3 вариантах обычно (мобилка, планшет, десктоп).
Для приложений тоже ведь надо наверно выдавать дизайн для мобилки и планшета?