Под какой размер лучше всего делать дизайн приложений для iOS и Android?
Какой размер экранов при проектировании дизайна приложения для iOS и Android считается сейчас признаком хорошего тона?
Раньше всегда делал под 375x667px.
С появлением больших смартфонов появился вопрос, стоит ли делать увеличить размер при проектировании дизайна или всё же размер 375x667px по-прежнему актуален и удобен для разработчиков?
iOS 375x667px, Android 360x(на сколько)? Или такая же высота 667?
А вообще, если честно тоже не понимаю, какой смысл дизайнеру делать под эти две похожие ширины
360x640 (x2) — это самое популярное разрешение для android. Хороший тон ориентироваться именно на него.
375x667 (x2) — это самое популярное разрешение для ios. Хороший тон ориентироваться на него.
Но при всем при этом... :)) если нужно делать приложение для обеих систем, я выбираю разрешение iPhone X, например. НО выставляю себе грид, под 6ой айфон по высоте и стараюсь ориентироваться больше на него, хоть размер артборда и больше, мне лично так удобнее. да, при этом, я делаю только артборды на 375, т.е. не переделываю их под андроид, нет смысла, ведь дизайн адаптивный, не стоит очень сильно заморачиваться при такой небольшой разнице в 15px. А вот если дизайн из-за 15px едет это просто плохо спроектированный дизайн.
Поэтому я из личного опыта вам говорю что да, 375x667px по-прежнему актуален, как и 360x640.
PS. почему под Х? потому что он это ориентир на платежеспособную аудиторию, в моем понимании этого вопроса. (ну и потому что у меня X, мне так проще ориентироваться на дизайн на реальном устройстве и очень оперативно)
opendannyy, большое спасибо за подробный ответ, а можете еще пояснить про x2, т.е. делаете под данные разрешения умножив на 2, или просто экспортируете в x2?
Если работаете в скетче, или фигме, или xd (т.е. инструменты прототипирования), то да, речь именно про экспорт.
Если работаете в фотошопе — то про размер умноженный на два, три.
т.е. для векторов экспорт, для растра увелчиение размера. (если в скетче в дизайне у вас будут картинки, например для аватара, то их тоже туда надо формировать в размере @x2, @x3)
@x3 как раз для iPhone X
есть вообще классный Гайд по разрешениям именно для iPhones — https://www.paintcodeapp.com/news/ultimate-guide-t...
opendannyy, "если в скетче в дизайне у вас будут картинки, например для аватара, то их тоже туда надо формировать в размере @x2, @x3" а как понять формировать? т.е. сохранять в таком виде take.ms/Qv5PK да?
С разрешениями под мобилки 360х640 и 375х812 это понятно.
А остальные разрешения? Н-р, если делать дизайн под андроид, то там и планшеты еще есть. И у Эппла тоже есть планшеты. Какие разрешения нужно брать для них? Ведь когда делаешь адаптивный дизайн сайта, то разработчику выдаешь дизайн в 3 вариантах обычно (мобилка, планшет, десктоп).
Для приложений тоже ведь надо наверно выдавать дизайн для мобилки и планшета?
