PES

Интерфейс игр — UI

2019-10-05T16:20:50.525Z

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

Это риале Gamedev-а. На интерфейс, многие издатели, либо не уделяют должного внимания, либо не умеют/не понимают, как его грамотно совместить с жанром той или иной игры, либо заставляют левел-дизайнерапридумывать и изобретать то, в чем он не разбирается.

В этой статье приведены примеры игр с хорошим/отличным интерфейсом.

Metroid Prime

Одна из культовых видеоигр, не только для игроков, но и для геймдизайнеров. Metroid Prime показала всем дизайнерам, как нужно правильно делать интерфейс и как он должен вписываться в игру, не мешая при этом геймеру погружаться в игру. Metroid Prime до сих пор является высшей точкой дизайнерского решения для интерфейса, когда все элементы находятся непосредственно в игровом мире.

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

Во многих играх, где есть тепловизор, их используют, в основном, для ночных миссий, чтобы можно было что-то разглядеть. В Metroid Prime тепловизор существует для большего спектра возможностей. При использовании теплового зрения вы можете обнаружить объекты, излучающие тепло, включая скрытые дверные замки, инопланетную технику и, конечно, вражеские цели, но также его используют для усиленного ночного зрения в абсолютно темных местах.

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

Metroid Prime, революционный проект для своего времени, подал пример на целый ряд игр, стремясь создать в своем мире свой уникальный интерфейс, как механизм погружения.

Например Fallout 4 в Power Armor сразу появляется интерфейс показывающий состояние брони, компас, уровень радиации и другие.

Или Elite Dangerous, в котором весь интерфейс отображается в кабине звездолета.

Dead space

Dead space является ярчайшим примером того, как пользовательский интерфейс может использовать всю мощь игровой среды. Корни опять-же идут от Metroid Prime, но без шлема, ведь игра от третьего лица. Элементы интерфейса больше не привязаны к углам экрана, они непосредственно находятся в игровом мире.

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

Дино Игнасио /Ведущий дизайнер пользовательского интерфейса/
Пользовательский интерфейс Dead Space специально вдохновлен такими фильмами, как «Чужой», «Бегущий по лезвию», «Звездные войны», «Особое мнение» и «Бразилия».

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

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

Destiny

Destiny — еще одна игра, в которой пользовательский интерфейс хорошо вплетен в игровой процесс. Когда Bungie объявили, что Destiny будет эксклюзивом для приставок, это вызвал некий скепсис среди игроков "MMO-RPG, да еще и на консолях?".

Bungie продемонстрировали глубокую систему RPG, которая обычна предназначалась для компьютерных игр. Меня для компьютерных RPG отмечались своей плотностью, ввиду многообразия действий и вопрос стоял, "Как Bungie перенесут систему RPG на консоли и адаптируют меню для контроллеров."

Решением проблемы стал — свободный курсор. Вы больше не привязаны к прямоугольной сетке. Свободный курсор обещал быстрый выбор и вывод контекстного меню при наведении курсора.

Традиционно, пользовательский интерфейс консоли перемещается с помощью направленной панели, но быстро стало ясно, что этого недостаточно для Destiny - игроки будут изматывать свои большие пальцы, перетирая это снова и снова, чтобы пройти через все предметы в своем инвентаре.

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

Во внутренних исследованиях Bungie, ощущения и скорость свободного курсора были тщательно протестированы, что позволило игрокам FPS и MMO понять, как его использовать, и что он не станет громоздким после ста часов игры.

Многие игры, которые также выходили на консоли, не пропустили успех Destiny и добавляли свободный курсор в свои проекты.

Пользовательский интерфейс Destiny получил высокую оценку, а также награды со всего мира интерактивного дизайна, и получил особую похвалу за механику свободного курсора

Persona 5

Persona 5 одна из самых нашумевших JRPG "японских ролевых игр", которую фанаты серии ждали порядка 9 лет. Одно из основных геймплейных элементов — это пошаговые бои. И именно в пошаговых боях интерфейс раскрывается в полную силу, ведь сражения ведутся прямо через меню.

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

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

Игра нарушает множество правил дизайна, когда дело доходит до макетов интерфейса. Например:

В лице Persona 5 дизайнеры используют множество наклонных угловых форм для графического интерфейса, создавая нерегулярное ощущение бумажной резки. Кроме того, шрифт в пользовательском интерфейсе имеет нестандартные размеры, и в середине каждого заголовка есть один символ с квадратным фоном обратного цвета.
Когда в игре используется множество наклонных угловых фигур, макет интерфейса становится очень важным. Persona 5 — пошаговая игра, и на каждом ходу во время полета игроки должны выбирать, что они хотят делать.
Компоновка меню во время боя в Persona 5 очень умная и выдающаяся. Хотя дизайн меню не показывает четкую конкретную тему, но цвета, шрифты и формы имеют очень хорошую тематическую сплоченность. Каждая кнопка имеет форму длинного треугольника, и все кнопки указывают на персонажа, который находится в повороте, что является четким указанием для игроков. Треугольники создают единую точку зрения на экране, заключая наш взгляд на персонаже.
Тон пользовательского интерфейса сильный и яркий, поскольку дизайнеры используют высококонтрастные цвета на каждом интерфейсе. Цвет темы Persona 5 — черный и красный, и они тщательно используются во всей игре. Мы видим черный и красный цвета во всех основных меню и интерфейсах, таких как интерфейс SNS, который предназначен для обмена информацией персонажей.

Пользовательский интерфейс серии Persona должен выполнять задачу передачи информации игроку, а также передавать индивидуальность игры. Для этого были выбраны основные цвета. Для Persona 3 это был синий цвет, который передал прохладу и стилистику. Persona 4 использовала ярко-желтый цвет, который передавал эстетику «ретро» и «поп». Persona 5 имела активный, страстный красный цвет.

Архитектура Dishonored

2019-09-23T16:45:43.653Z

Dishonored - это не просто отличный stealth action или хороший immersive sim, но и уникальная игра в плане геймдизайна. Разработчики старались сделать каждую локацию яркой и неповторимой, но чтобы стилистика не уходила далеко от сюжета. Это видно, начиная с Башни Дануолла до Канцелярии Верховного смотрителя, с Паба "Песья Яма" до Особняка Бойлов, с Золотой кошки до Бездны. Но обо всем по порядку.

Дануолл

Архитектура Дануолла была срисована с Лондона конца XIX - начала XX века. Этот архитектурный стиль пошёл после пожара в 1666 году, когда почти все здания состояли из горючих материалов. После этого было принято решение построить все дома из кирпича. Так зародился стиль английского барокко с элементами классического и викторианского стиля.

Грубо говоря, Дануолл - это вариация Лондона расцвета промышленного развития.

Харви Смит /Художественный руководитель/
1666 год был очень "интересным" для Лондона, потому что в то время было очень много покушений на жизнь, вы знаете, тогда было очень много режущего оружия, притворства и всего прочего в этом духе, это вполне подходило, но нам хотелось добавить еще и более современных приспособлений.

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

Можно сказать, Dishonored - это стимпанк из мира электричества.

Харви Смит /Художественный руководитель/
Вначале мы все это назвали Ретро-Будущим, но мы видели, что люди называют это стимпанком и мы подумали, - "А почему бы и нет? Может люди правы, пусть будет стимпанком." Но это не привычный стимпанк, это скорее... наша версия стимпанка.

Башня Дануолла

Башня Дануолла одна из важных мест в Дануолле. Она является основной резиденцией правящей династии Островной Империи.

Можно провести аналогию с Белым Домом в США, но построенной в Нео-готическом стиле.

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

Данная Резиденция и прилегающие к ней территории расположены на скалистом образовании с видом на реку и соединена с тюрьмой Колдридж подъёмным мостом.

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

Концепция перехода из одной локации в другую сделана очень качественно. Есть сразу несколько вариантов, как пробраться в то или иное здание. Если вы любите идти на пролом, для вас открыт Главных вход. Если вы, как и я, любите проходить по стелсу, то есть несколько вариантов, либо через окно на верхних этажах, либо через канализационные пути и т.д.

Канцелярия Верховного Смотрителя

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

Канцелярия Верховного Смотрителя — основная резиденция главы Аббатства Обывателей. Представляет собою просторное двухэтажное здание, выстроенное на площади Холджера по приказу Верховного Смотрителя. Сумрачное здание канцелярии снаружи лишено каких-либо архитектурных изысков: единственными украшениями являются флаги с изображением эмблемы Ордена и бюсты Холджера.

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

Интернациональность - красота в простоте и грубых формах.
Функциональность - здание должно соответствовать его назначению.
Честность материалов - поверхность стройматериалов не декорировалась, оставлялась в чистом виде для правильного восприятия композиции в целом.
Железобетон - он служил универсальным недорогим сырьем для воплощения смелых футуристических идей.

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

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

Золотая Кошка

Золотая Кошка - это дорогой бордель для элиты общества.

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

Золотая Кошка выстроена в стиле Модерна, он хорошо подходит для строения, которое подразумевается, как Публичный Дом. В оформлении здания часто используется дерево и кованные изогнутые элементы для дверей, лестниц, решеток балконов и ограды строения. И к слову, в Модерне, часто используются такие материалы как: железобетон, кирпич, сталь, медь, бронза и керамика. По этому можно часто заметить медные перила лестниц, бронзовые рамы картин или керамическую посуду.

Основные цвета для Модерна - постельные приглушенные оттенки: жемчужно серый, цвет увядшей розы, пыльно сиреневый и т.п.

Не буду проводить аналогию относительно функциональности Золотой Кошки.

Цвет тут также, как и упомянул ранее, выделяет светлую необычную и освещенную Золотую Кошку, среди серых, как под копирку, однотипных и не интересных жилых домов.

Особняк Бойлов

Особняк Бойлов — несомненно одно из самых дорогих строений в Дануолле.

Здесь сконцентрирована вся интеллигенция, все аристократы, решившие прийти на последний прием Леди Бойл и конечно стражники, коих тут огромное количество и которые следят за обстановкой в Особняке Бойлов. На каждом гостье надета маска и никто не знает как истинных эмоций своего собеседника, так и его мотивов. От здешней интеллигенции остались только слова и манеры и даже если вы что-то при них украдете из особняка, то не получите осуждающий взгляд в спину. Каждый из них пришел ровно за тем же самым, но не показывает вида, а один даже расскажет, как заставил жену, пришить еще один карман.

Так или иначе нельзя сказать, что данный Особняк как-то не вписывается в антураж локации.

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

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

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

Заключение

Коротко, гейм-дизайнеры Dishonored делали упор на высокие просторные здания с множествами комнат, для того чтобы игрок мог осмотреть локацию, найти цель, определить оптимальный путь, что-то подслушать или подсмотреть, благо замочные скважины есть во всех дверях, а уникальность каждой локации, оставляет таким образом почерк каждого антагониста.

Разработка игр.