Выбрать страницу

работа с разными разрешениями под apple-устройства

Анонсировали новые устройства от эппл. С новыми разрешениями и размерами экранов. Ещё прошлым летом меня начали просить графику для iOS игр слать в 4 (и более) разных разрешениях, размерах и дизайнах. И если Когда дело доходило до игровых интерфейсов, можно было смело начинать стреляться. Требовалось не только изменить размер иконки, но и запихнуть её в нужное место на экране нужного разрешения. В комментариях меня попросили подробней описать проблему.

Возьмём сферические устройства в вакууме моделей x.

Скриншот 2014-09-11 05.53.58

 

Размеры экранов у айфона-Х и айпэда-Х разные. Но при наложении друг на друга, мы видим, что появляется зелёная область, в которую теоретически можно запихнуть нужный нам интерфейс, и, ура. Как правило, разноцветных прямоугольников 4 и больше. Были случаи дизайна графики одновременно под iphone 3gs и ipad 2, и там приходилось ещё скейлить сами экраны к меньшему разрешению, пропорционально, чтобы получилась похожая картинка.

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

 

Базовый мокап интерфейса нужно переработать под разные размеры так, чтобы смотрелось хорошо. Сердечко и черепок можно просто попытаться перенести в углы на айпэде-х соответственно, а вот YouLose необходимо увеличить: «что вы, что вы, столько места пропадает».

 

Похожая ситуация и с айфоном-Х. С той лишь разницей, что экран меньше, и нужно элементы делать больше, и для глаз, и для пальцев. Сердечко-черепок увеличиваем, табличку растягиваем, не забывая текст внутри неё оставить «как было», а кнопочки раскидать «шоб красиво», или даже перерисовать, потому что «тот эффектик, который был на первом экране, в большом размере, тут выглядит не очень, не нравится мне, придумай что-нибудь, поиграй с цветами.»

 

Как результат, при экспорте на разные разрешения, например, сердечка, мы имеем такую картину с размерами.

сердечко

Когда 4 разрешения и больше, имеем больше размеров. В ситуации с табличкой, размеры ведут себя строго непропорционально, чем доставляют нам много приятных моментов экспорта. Не забываем, что многие вещи просто так не отскейлить, и нужно думать как перерисовать, чтобы затратить меньше времени и сил. А ещё нужно помнить, что не интерфейсами работа полнится, есть ещё фоны, персонажи, анимация, спец-эффекты. И к каждому из элементов графики подход свой.

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

Нет единого верного универсального способа подготовить графику ко всему зоопарку (вот уже) iOS-устройств. Как эту войну выигрывают дизайнеры, работающие в растровых редакторах, я не знаю, но держу за них кулачки, и искренне сочувствую всем тем, кто только вступил на этот тернистый путь.

В заключении хочу сказать, спасибо эпплу за то, что думает не только о себе и своих активах, но и об огромной аудитории потребителей, делая их жизнь гораздо счастливей и полноценней. Хочется верить. что в недалёком будущем, эппл начнёт хотя бы немного думать и об огромном коммьюнити разработчиков, которые стараются не только набить свои карманы деньгами, но и сделать платформу и мир лучше.