Приключенческие игры для Айфона и Айпада: 15 лучших | Яблык

Основные разделы

Применив каркасы и принципы, мы получили дизайн корневых экранов на iPad:

А ещё на iPad в таббаре много свободного места, и мы добавили в меню музыку и уведомления. Теперь приложение ВКонтакте на iPad даже чуть более функциональное, чем на iPhone.

80 days

Как не трудно догадаться, в основе этой игры лежит классическая история Жюля Верна «Вокруг света за 80 дней», повествующая о приключениях Филеаса Фога. По сути, 80 Days — интерактивная книга, разработанная в форме приложения для iPhone и iPad. В 2021 году журнал Time назвал проект лучшей игрой года.

Assassin’s creed: идентификация

Разработчики компании Ubisoft Entertainment в очередной раз порадовали пользователей iOS своими шедеврами. Перед игроками откроются просторы эпохи Возрождения, большое количество захватывающих миссий, которые помогут раскрыть тайну загадочных Воронов.

Broken age

Эпизодический приключенческий проект знаменитого выходца из LucasArts Тима Шейфера. В Broken Age рассказывается история двух подростков — Шея и Веллы, которые находятся невообразимо далеко друг от друга, но во многом связаны. Основное внимание в игре уделяется не головоломкам, а сюжету, героям и деталям. Проект доступен как для iPhone и iPad, так и для Mac.

Deus ex go

Главная изюминка игр серии Square Enix GO — разрушительный экшн и увлекательные головоломки. В отличие от остальных игр серии проект Deus Ex GO представляет собой, скорее, атмосферную бродилку с элементами головоломки, нежели стелс-экшн. В Deus Ex GO игрокам предстоит распутать террористический заговор, использовать хакерские и боевые навыки, попутно справляясь с предложенными загадками.

Lara croft go

Lara CroftGo — увлекательная приключенческая головоломка с элементами стратегии от студии Square Enix. Проект завоевал немало престижных наград, включая приз Apple Design Awards в 2021 году. В отличие от классического варианта игры, более наполненного экшном, проект Lara Croft Go можно назвать пошаговой бродилкой с отличным саундтреком.

Mickey mouse «castle of illusion»

Игра Mickey Mouse «Castle of Illusion» увидела свет в далеком 1991 году, но только в прошлом году была портирована на iOS. Несмотря на простой сюжет, проект привлекает внимание своей мультяшной детализированной графикой и, конечно, присутствием супергероя всех времен и народов — Микки Мауса.

Oceanhorn

Увлекательная ролевая приключенческая игра, которая наверняка придется по вкусу пользователям iPhone, iPad и Apple TV. Проект обладает качественной трехмерной графикой, интересным сюжетом, общей атмосферностью и саундтреком, над которым работали знаменитые метры Нобуо Уэмацу и Кендзи Ито.

Papers, please

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

Radiation island

Radiation Island от Atypical Games — потрясающая приключенческая игра, где пользователю предстоит выживать в огромном открытом мире в роли ученого, подвергнувшегося радиоблучению в ходе Второй мировой войны.

Superbrothers: sword&sworcery

Superbrothers: Sword&Sworcery EP — совместный проект разработчиков из Capybara Games, Superbrothers Inc. и композитора Джима Гатри. Superbrothers представляет собой атмосферную приключенческую игру, выполненную в стиле пиксель-арта с замечательным звуковым сопровождением и отличной графикой.

Valiant hearts: the great war

Игра Valiant Hearts: The Great War представляет собой интерактивный графический роман, включающий драки, приключения и головоломки, а также уникальную атмосферу и дизайн. Проект повествует об истории четырех героев, сражающихся в Первой мировой войне.

Адаптивность. каркас и глобальные компоненты

Чтобы ускорить дизайн и разработку, мы использовали системный подход: выделили структуры экранов (каркасы) и большие компоненты, а затем описали для них правила адаптации к iPad. Дизайнеры придерживались стратегии правил — и разработчики один раз заводили, например, снекбар, и он правильно работал во всех случаях.

Гайды. Глобальные правила и примеры компонентов мы вынесли на отдельную страницу в Figma — Guide. Дизайнеры брали оттуда готовые объекты, а разработчики ориентировались на примеры и реализовывали их в коде.

Каркасы экранов. Мы вывели несколько типовых структур страниц, которые чаще всего встречались в приложении.

• Материк. Залитый фон, одна длинная белая колонка с контентом. Подходит почти всем страницам.

• Широкий материк. Нужен для страниц, где много, например, фотографий или видео. Рука не поднималась ужимать яркий медиаконтент в узкую колонку материка, и мы разрешили быть ему широким.

• Острова. Несколько материков, которые живут на серой странице. Острова появляются в дизайне «ленточных» страниц: новостей, стены пользователя, закладок, лайков.

• Hero. А ещё у нас бывают страницы про одну сущность: автора клипов, маску, эффект, флешмоб. Или настроечные экраны, в которых не так много контента, но хочется акцентировать внимание на заголовке. Для этого мы просто растянули шапку с градиентом на всю ширину.

Совет: новый Auto Layout 2.0 от Figma заметно ускоряет адаптацию экранов для iPad. Особенно настройка фиксированной ширины у родительского контейнера и Fill у всех внутренних фреймов.

Модальные окна. Для модальных окон мы взяли системные размеры Form Sheet и Page Sheet и придерживались их. Модальная карточка приобрела ширину Form Sheet, а модальная страница обзавелась двумя ширинами: 416 и 640 точек.

Частным случаем модального окна были выезжающие из шапки панели. Например, в новостной ленте можно переключиться между разными типами контента. В мобильной версии меню выезжало просто из шапки. А на iPad мы ограничили меню по ширине в 416 точек, скруглили уголки и навесили разделитель. Получился новый компонент — «галстук».

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

Адаптивность. проектирование навигации

Самое верхнеуровневое проектирование любого продукта — это информационная архитектура и навигация. Структуру мы оставляли такой же, как на iPhone, а вот над навигацией пришлось подумать.

Мы постоянно работаем над ней в приложении. Тестировали разные варианты, и один был с левым меню, в котором сконцентрированы наиболее часто используемые разделы. Его мы и решили взять за основу версии для iPad.

Сначала разбили весь экран на две колонки: сайдбар с навигацией слева и основной контент справа. Идея навигации была в том, чтобы взять боковое меню из мобильной версии и добавить пункты таббара в самый верх. У пользователя остаётся в быстром доступе вся основная навигация, а ещё можно быстро переходить к второстепенным пунктам меню. Так рекомендует адаптировать приложения и Apple.

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

Затем мы замиксовали подходы и сделали в ландшафте всегда раскрытую навигацию, а в портрете выезжающее меню, как на iPhone (по умолчанию оно скрыто, чтобы не съедать ширину).

Финальный вариант был самым простым: таббар остаётся, а боковое меню открывается из шапки экрана.

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

Благодарности

Над приложением работала огромная команда. Спасибо менеджерам, разработчикам, тестировщикам, отделу маркетинга и исследований и всем-всем-всем.

Бонусы

Советы дизайнерам, которые будут проектировать универсальное приложение

1. Подождите 5 лет.

2. Найдите iPad и воспользуйтесь приложениями. И системными, и сторонними. Так будет легче найти удачные приёмы и понять общие принципы.

3. Подумайте о контексте и внимании. iPad — что-то среднее между ноутбуком и телефоном. Он не такой мобильный, поэтому пользователи могут фокусироваться на нескольких частях экрана.

4. Выделите сетку и основные компоненты в отдельные правила, чтобы упростить разработку. Чем больше автоматических адаптаций, тем проще.

5. Учитывайте рекомендации Apple. Посмотрите лекцию Designed for iPad и попробуйте применить советы из неё.

6. Постройте эффективный процесс. Если у вас в команде несколько дизайнеров, распределите зоны ответственности. А ещё такая задача — самый подходящий момент, чтобы синхронизироваться с разработчиками после каждого макета, если вы ещё так не делаете.

Макеты для iPad

Теория — это круто, но лучше закреплять всё на практике и примерах. Поэтому мы подготовили публичный Figma-файл в комьюнити @vk. Там больше 200 экранов!

Заглядывайте в макет, дублируйте его к себе и экспериментируйте! Прикольные концепты можно закинуть в VK Designers — лучшие опубликуем в сообществе. Не стесняйтесь <3

Дракула: воскрешение

Впервые игра была выпущена еще в 1999 году и завоевала популярность не только среди поклонников приключенческих боевиков, но среди любителей мистики, благодаря переплетению со знаменитым романом Брэма Стокера. Фактически, Дракула — это интерактивный фильм, в котором игрок наблюдает за происходящим, решая промежуточные задачи.

Новый процесс проектирования

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

И мы попробовали несколько идей.

Макет смелый и эффективно использует пространство экрана, но нам не подошёл. Он подразумевает дополнительную разработку под iPad — а мы как раз хотели от неё отказаться, чтобы не замедлять запуск новых фич. Поэтому потребовались ограничения для дизайнерских решений.

Поэтому что мы сделали дальше? Взяли приложение для iPhone и растянули.

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

Закапываясь в ограничениях, легко сделать быстрое в разработке, но неудобное приложение. Чтобы не попасть в эту ловушку, мы нашли баланс: глобальные компоненты адаптируем, но локально пользуемся преимуществами iPad.

— А чем отличается iPad от ноутбука или телефона, кроме размера экрана?

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

Мобильный телефон — маленький. Нет дополнительных устройств ввода, только пальцы. Благодаря этим и другим ограничениям получилось компактное устройство, которым удобно пользоваться на ходу, в автобусе, тренажёрном зале. Но в таких условиях люди не могут охватить вниманием сразу несколько окон. Поэтому мобильные приложения открываются на полный экран, а каждая страница заточена под конкретную задачу.

Планшет — что-то среднее между ноутбуком и телефоном. По умолчанию без клавиатуры и мышки, но с большим экраном. Планшетом можно пользоваться на ходу, но уже не так удобно. При этом дизайнеры ожидают, что владельцы устройств справятся с несколькими фокусами внимания или приложениями. Поэтому появились разделения на колонки, Split View, Slide Over и другие возможности.

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

После проработки основных концептов и обсуждения с разработчиками мы приступили к важному этапу — проектированию системы адаптации.

Подготовка

Немного расскажу про инструменты и план работы. С прошлого года мы работаем в Figma, и пришло время по максимуму использовать главную функцию редактора — мультиплеер.

Мы собрали почти всех дизайнеров и распределились по командам. Я стартовал сразу и готовил систему, а другие продуктовые дизайнеры подхватывали новые описанные компоненты и утаскивали в свои макеты. Каждый из нас отвечал за свой продукт: музыку, видео, мессенджер, клипы, сервисы, ленту новостей, истории, постинг, звонки, стикеры и подарки, сообщества, маркет, инфраструктуру.

Мы планировали использовать нативные iOS-компоненты. Поэтому для дизайна под iPad потребовались хорошие знания по работе модалок и навигации. Ещё нам пригодилось приложение Adaptivity (A‪)‬. Оно платное, но помогло разобраться, какие стандартные размеры у модальных окон и таблиц и как они меняются при разных ориентациях устройства.

На этом мы завершили подготовку.

Предыстория

Последние несколько лет у нас было два приложения в App Store: ВКонтакте (для iPhone) и «ВКонтакте для iPad».

Прохождение игр archives — ipad view

Last Empire-War Z – это стратегия в реальном времени про очередной зомби-апокалипсиса. Игрок может присоединяться и играть с другими игроками в глобальной сети, выбирая сам, с кем вступать в союзы, а кого считать врагом. Тебе придётся управлять своим городом, производить и стеречь свои ресурсы от каждого, кто хочет посягнуть на них, а также тренировать свои войска, чтобы они были в состоянии дать отпор полчищам кровожадных зомби. Конечно, игрок может играть в одиночном режиме, но разве это так же весело, как играть с реальными игроками со всего мира?

Читайте также:  ‎App Store: Мобильный клиент ВТБ

§

Angry Birds по сути первая мобильная игра, которая добилась всемирной известности. В неё играл почти каждый, о ней говорили в новостях и даже сняли мультсериал, а в последствии и фильм. Казалось нет предела успеху. Однако, всё рано или поздно заканчивается. Rovio совершило классическую ошибку многих успешных компаний и отказалась от производства новых игр, а продолжала выжимать все соки из бедных птичек. Как итог — недавно финская компания объявила о значительном сокращении штата сотрудников. И чтобы спасти ситуацию выпустили Angry Birds 2, которая не несла в себе никаких инноваций, зато денег принесла. Кстати, игра условно-бесплатная, поэтому чтобы пройти как можно дальше надо либо сильно попотеть, либо заплатить. Вот и поговорим сегодня, как можно ускорить данный процесс без финансовых вложений.

§

Heroes of Dragon Age — это крайне популярная онлайновая РПГ. Почему? Во-первых, это Dragon Age. Во-вторых, игра по сути карточная. И цель тут одна — собрать как можно больше уникальных героев. А игровой процесс…как сказать..его почти то тут и нет, все наши подопечные сами дерутся, мы только формируем отряд (да, да, всё как в Blood Brothers). Ладно, не будем о грустном, расскажу лучше о прохождении Heroes of Dragon Age: секреты, персонажи, герои, гайд.

§

Hill Climb Racing получилась очень и очень хорошей игрой. Да, простая, зато затягивает всерьёз и надолго, а глядя на количество людей, которые играют в неё в метро, автобусе, трамвае, троллейбусе, понимаешь, что я такой не один. Я уже как-то говорил, что честная игра — это прежде всего, но есть такие, кто не хочет напрягаться, а получить всё и сразу, поэтому сейчас и расскажу про взлом Hill Climb Racing.

§

Real Racing 3 — это новый стандарт для всех мобильных гонок, как в плане графики, так и геймплея. Но всё было бы хорошо, если бы не зверский донат. Так, по сведениям сайта 148Apps.com, чтобы купить все тачки надо потратить 500$, что совсем не очень. Поэтому сегодня, я вам расскажу как можно (абсолютно честно и по сути без всякого взлома) немного увеличить количество денег в игре: прохождение Real Racing 3 взлом, деньги, секреты.

Сибирь

Уникальный приключенческий квест, портированный на iOS. Вместе с главной героиней Кейт Уокер вам предстоит пережить странное и опасное приключение по транссибирской магистрали. Основные достоинства игры: красочность и атмосферность, отлично продуманный сюжет, неординарные задания и логические решения.

Сибирь 2

Продолжение истории о приключениях молодого адвоката из Нью-Йорка Кейт Уокер. В этот раз девушке предстоит отправиться в путешествие по заснеженным просторам Сибири в поисках таинственного острова, населенного мамонтами.

Заключение

Мы избавились от старого подхода с двумя приложениями для iPhone и iPad — и сделали одно, универсальное. Больше нет причин откладывать поддержку планшета — все основные компоненты и так адаптированы под большой экран, а отдельные легко укладываются в описанные каркасы.

Ещё один плюс — тёмная тема пришла и на iPad. Планшетом стало комфортно пользоваться ночью: экран не слепит и ничего не отвлекает от контента.

Fun fact: так как мы сделали универсальное приложение, пути назад нет. Без поддержки iPad в новых версиях Apple будет отклонять релизы, поэтому версия для планшета теперь всегда под контролем.

Это только начало! Не все идеи вошли в итоговый интерфейс. Мы не хотели откладывать релиз только ради концептуальных и смелых решений — пользователи ждут. Но в будущем планируем использовать все возможности iPad и сделать важные функции ещё удобнее. Речь о Split View, более удобном музыкальном плеере, поддержке технологии Picture in Picture, контекстных меню и многом другом. А ещё в глубинах ВКонтакте остались экраны, до которых мы ещё не добрались. О них тоже позаботимся и адаптируем.