Мобильный UI как он есть

Вот есть у меня уже готовая игра под десктоп, и надо её адаптировать под мобилы. Казалось бы, чего проще-то? Однако, есть нюансы.

К примеру, сегодня работал над экраном инвентаря. Вот так он выглядит в десктопной версии:

Предметы, у предметов статы, кнопки действий которые можно с ними сделать, всё казалось бы просто. Всё нужное, ничего лишнего.

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

И начинается возня - что выкинуть, что упростить до иконок, что перенести на вложенные экраны, как объяснить что надо куда-то нажать чтобы увидеть больше, вот это вот всё. Сидишь два часа переставляешь туда-сюда, пробуешь варианты.

И вот ура, наконец-то вроде всё сошлось и всё на своих местах. Самое время протестировать как всё будет смотреться на разных языках. И тут начинается - на английском слово в 4 буквы, на немецком 16, кнопка в три раза длиннее. Добавим русский - там вместо двух слов три, всё обрезалось. Начинаем поновой.

Еще через часок - настраиваем чтоб тянулось вместе с экраном, чтоб размеры не ползли, центровка не сбивалась. Но это в общем-то уже рутина, редко когда непредсказуемо что-то себя ведёт, не считая китайского редактора UI который через два раза на третий не даёт откатить неудачное изменение по Ctrl-Z.

Но в итоге, когда всё наконец-то срослось - есть повод для гордости. Экран ещё не в игре, но его интеграция - это уже чисто код написать который тексты будет менять и переключать состояния, на 90% копипаста с других экранов.

Сегодня закончил дизайнить ещё 2 из 144 экранов - главную страницу инвентаря и страницу категории (оружие, доспехи и т.д.). Завтра уже воткну в игру и будет вкусненько.

Получилось вот такое, пока с картинками-заглушками:

Пойду хинкальки съем, отпраздную. А вам - хороших выходных!