Графический разбор Shadow Fight 3

В закладки

Shadow Fight 3 - продолжение одного из самым популярных файтингов на Android от российской компании Nekki. Недавно на DTF выложили новость, после которой я заинтересовался SF3 и решился ее скачать.
Перед тем как начать разбирать игру, я должен представиться.

Меня зовут Артем, чуть больше 5 лет я посвятил работе в геймдеве (в качестве художника), а в данный момент занимаюсь собственным проектом.

Почти каждая новая игра, которая попадает в мое поле зрения, воспринимается мною с разных позиций. “Что бы я тут сделал?”, “Можно ли сделать лучше?” - подобные вопросы возникают неизменно, и в этом развернутом отзыве я бы хотел поделиться собственными рассуждениями о Shadow Fight 3 с точки зрения ее графической составляющей и затрону только те элементы, которые сразу бросаются мне в глаза.

Shadow Fight в своей третьей части бодро и лихо шагнула в 3D пространство, и это не капли ей не вредит (за исключением некоторых «но», о которых будет сказано отдельно). Для начала: заставка игры очень крута! Не в каждой мобильной игре я досматриваю вступительный ролик, в этом случае, посмотрел еще разок на Youtube.

Лого игры
Первое, что видит игрок — лого компании и лого игры. На стартовой картинке с логотипом игры очень не хватает движения. Я вспоминаю фразу своего коллеги: «нужно чтобы это выглядело дорого и было сделано минимальными средствами». Я бы сделал анимацию искр и добавил паралакс фона — это бы очень оживило картинку и придало бы стартовому экрану движения, так необходимого в файтингах. А в «программе максимум» сделал бы небольшую анимацию персонажей (например, волос) и магического шара на заднем плане. Все эти изменения делают из «просто загрузочного арта» картинку, за которой хочется наблюдать. Еще я добавил размытие меча не первом плане и тени по бокам для того, чтобы сосредоточить внимание на центре композиции и на логотипе.

Немного поиграл с контрастом, добавил размытие на первый план и затемнил края всей картинки (так взгляд игрока охотнее устремляется к центру композиции)

Главный игровой экран
Как по мне, главный игровой экран - скучный и одноцветный. Все вокруг желто-серое. А главные элементы не выделены. Персонаж стоит в пустоте, и я бы добавил на фон определенную картинку, чтобы добавить глубины.

Цвет кнопки “Начать дуэль” я бы поменял на зеленый, так как этот цвет
(в играх) больше ассоциируется у людей с “подтверждением результата”.

"Желтизна" левого скриншота не позволят взгляду игрока обнаружить важные элементы интерфейса, а мелкие иконки ресурсов (в верхнем углу экрана) 8 из 10 человек которых я опросил, попросту не заметили.

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

Не до конца понятен процент выгоды в магазине. 10% - это сколько? Количество кристаллов уже учитывает бонусный процент или надо самому считать свою выгоду? Я бы увеличил цифры и изображение кристалла + наглядно бы показал, какую выгоду получит игрок.

Касательно валюты в игре - я бы увеличил все иконки (как показано на скриншоте выше). Это акцентирует внимание игрока на этом поле. А если сделать небольшую анимацию блика на кристаллах, то это добавит им “ценности”.

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

Экран покупки бустеров
Отдельно хочется сказать о экране покупке бустеров - он не мотивирует игрока. Попав на него я на секунду задумался, что же делать дальше. Одно из правил дизайна гласит: “не заставляете пользователя раздумывать”. За обычную валюту мы можем купить только первый бустер. Игра при накоплении соответствующей суммы (1000 монет) напоминает нам о том, что у нас есть такая возможность. Однако на экране покупки не сразу становится очевидно, что же нужно нажать. Серые кнопки никак нам в этом не помогают. Возможно, стоит сделать анимацию сияния на кнопке с монетами, или поменять ее цвет.

Кнопки кажутся неактивными, а одинаковая картинка не дает "визуального преимущества" легендарного набора карт.

Если рассматривать сами бустеры то, что они выглядят одинаково (текст и цвет фона не в счет) - это не дает ощущение преимущества при покупке легендарного набора карт. И тут дело в выборе черного, как основного цвета, он “затеняет и сковывает” все остальные цвета. Я бы сделал “золотой” главным цветом, увеличил логотип и добавил анимацию “искр” или сияние, а главное сделал бы уникальную картинку на каждый бустер.

Пытка для перфекциониста? Зачем вы так?

Экран боя
Начало сражения напоминает начало боя в Mortal Kombat X - все тот же скучный белый цвет. Вот где нужно использовать яркие цвета! Это подчеркнет начало схватки и привлечет внимание игрока. Также это касается всего текста в бою - оригинальный текст абсолютно не эмоционален, а в подобных играх фразы о победе или поражении должны нести максимальную эмоциональную окраску.

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

К сожалению я не так много поиграл в Shadow Fight 3, и, возможно, не разобрался в механики ударов, но, на мой взгляд, стиком в игре очень неудобно пользоваться. Если механика завязана на сочетании 4х направлений и кнопки “удар” (а вроде так и есть), то наличие четырех кнопок вызовет у игрока меньше негодования, чем непослушный стик под большим пальцем, и сразу даст понять какой удар в итоге получится при нажатии тех или иных клавиш.

Пару слов о 3D. За время своей практики я выработал прекрасное правило: “Никогда не делай в 3D то, что круче будет выглядеть в 2D”. Это правило будет неплохо работать, если применить его к фонам боевых арен. Красивый параллакс отрисованных декораций, нарисованное освещение и небольшая анимация сделает арены более увлекательными и выделит на их фоне персонажей.

Экран победы
Ура, я победил! Но, нет… визуально игрок не получает чувство радости, все та же скупая белая надпись и подсчет награды. Стоит поменять цвет и немного увеличить надпись - экран сразу станет “веселей”. Если добавить красивую и простую анимацию начисления валюты - это задержит внимание игрока и принесет ему чувство “получения награды”.

Я изменил размер шрифта и добавил ярких цветов - акцент сместился на слово "Победа", а это слово всегда радует игрока.

Та же история с сундуками, в которых лежат карточки. Процесс открытия этих ящиков не красочный: крышка ящика просто отъезжает в сторону, не неся с собой “вау эффекта”, а такой “вау эффект” необходим! Крупные компании тратят десятки часов и тысячи долларов на то, чтобы понять, какой визуальный стиль открытия сундуков больше нравится игрокам. И мы все можем легко брать с них пример. Это касается и внешнего вида самого сундука.

Систему “Данов” постигла подобная участь. От всего интерфейса складывается впечатление, что на его создание разработчики потратили минимум времени. Потрать они на 24 часа больше, и в игре можно было бы наблюдать красочную систему данов (я имею в виду значки). В итоге, с переходам на каждый новый дан игрок получал бы определенное удовольствие, наблюдая свой прогресс не только в цифрах, но и в уникальных иллюстрациях (а еще понимал, что он видит и к чему стоит стремиться). Не стоит забывать про мета-игру! Никто не захочет коллекционировать однообразное нечто.

Дан - по сути своей медалька. Награда игрока (пусть даже и визуальная) это его повод для гордости)

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

Также хотелось бы услышать мнение читателей о моих размышлениях на тему дизайна Shadow Fight 3.
#графика

Материал опубликован пользователем. Нажмите кнопку «Написать», чтобы поделиться мнением или рассказать о своём проекте.

Написать
{ "author_name": "Артем Мертвоплясов", "author_type": "self", "tags": ["\u0433\u0440\u0430\u0444\u0438\u043a\u0430"], "comments": 29, "likes": 46, "favorites": 1, "is_advertisement": false, "subsite_label": "flood", "id": 12917, "is_wide": false, "is_ugc": true, "date": "Tue, 28 Nov 2017 01:06:45 +0300" }
{ "id": 12917, "author_id": 21451, "diff_limit": 1000, "urls": {"diff":"\/comments\/12917\/get","add":"\/comments\/12917\/add","edit":"\/comments\/edit","remove":"\/admin\/comments\/remove","pin":"\/admin\/comments\/pin","get4edit":"\/comments\/get4edit","complain":"\/comments\/complain","load_more":"\/comments\/loading\/12917"}, "attach_limit": 2, "max_comment_text_length": 5000, "subsite_id": 64955, "possessions": [] }

29 комментариев 29 комм.

Популярные

По порядку

Написать комментарий...
5

Вот ради таких статей захожу на ДТФ)

Ответить
2

Лутбоксы, идеалы анимации открытия сундуков, психологическая мотивация открытия бустеров...Беги, беги что есть сил! Сейчас тебя разорвут!

Ответить
9

На низком старте)) Я ж с точки зрения "Продать арт" и "как это работает". Свое мнение по лутбоксам я как нибудь в другой раз расскажу)

Ответить
4

Исправления и замечания автора действительно толковые. Смотрю на скриншоты игры и желание качать её отпадает, а ведь в своё время затёрла до дыр вторую часть. Зря они в 3D ударились, да и портретов противников не хватает. Раньше у них было хоть какое-то отличие, а теперь боюсь, что они сольются в однородную серую массу болванчиков для битья. Меню чересчур стерильное: тёмно-серые кнопки на светло-сером фоне иногда действительно кажутся неактивными, как и было подмечено. Пока что я вижу больше отрицательных черт, чем положительных.

Ответить
3

"нужно чтобы это выглядело дорого и было сделано минимальными средствами"

Ляпнина, золотые унитазы, статуи, картины маслом. Наверно так выглядит квартира вашего коллеги. :)
Рассуждения о цвете уровня "заказчик".

"К сожалению я не так много поиграл в Shadow Fight 3, и, возможно, не разобрался в механики ударов"

Вы не разобрались, там есть диагональное передвижение и удары.

"Никогда не делай в 3D то, что круче будет выглядеть в 2D"

Ну это вообще пушка.

Ответить
0

Рассуждения о цвете уровня "заказчик".

Так и есть. да.
Игроку в итоге не важно сколько на это потрачено денег. Главное чтобы смотрелось круто.

Ну это вообще пушка.

Стреляет не всегда, но эффектно. (Это не утверждение)

Ответить
1

Если серьезно, очень полезная статья, с точки зрения "как делают игры". Многие игроки вообще не способны встать на точку зрения разработчика (или издателя) думают что всё само как репка растёт. В играх много всяких незаметных дизайнерских решений, очень интересно о них почитать, и для многих они прям откровения (например в half-life, типа если все солдаты в камуфляже, то как мы их уверенно различаем, и зачем у некоторых на головах малиновые береточки :)

Ответить
4

Спасибо. Как еще пример в поддержку вашего: в Far Cry 3 почти все противники одеты в красное.
В некоторых компаниях делается "Визуальный тех лист" (этим и я занимался) где перечислены все элементы дизайна и графики, а напротив в нескольких столбцах разнообразные оценки от выбранной группы пользователей. Такой подход позволяет вскрыть ошибки в дизайне интерфейса и в самой графике и при этом хорошо экономит деньги. Я обычно выбирал группу из 10 человек и справлялся за один день.

Ответить
0

Я бы добавил тебе анимацию волос на аватарку. И искорки.

Ответить
2

Хотя с парой моментов согласен

Ответить
2

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

Ответить
0

Согласен. Тут всегда нужно опираться на производительность.

Ответить
1

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

Ответить
1

Всё в нашем мире имеет временный характер и не критично )

Ответить
0

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

Ответить
0

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

Ответить
0

Кто говорит, что стилистика плоха? Я говорю, что приведенные вами примеры в статье не состоятельны.

Ответить
0

Я говорю, что приведенные вами примеры в статье не состоятельны.

Я привел просто свое мнение и аргументировал его.
вам понятно для чего такой дизайн был выбран как он завязан по отношению к игроку.

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

Ответить
1

А по-моему всё по делу написано. Я бы еще добавил анимацию для бустеров. Псевдо-объём при наведении на активную область и эффект "голографической" наклейки (если кто видел, в том же CS:GO есть такие наклейки на оружие). Сразу более завлекательно выглядело бы. А процесс открытия (если он и правда так скучно выглядит, как описал автор) можно сделать с оглядкой на уже существующие игры. Мне, к примеру, дико доставляет процесс открытия пакетов в R6, видео прикладываю.

Ответить
0

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

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

Ответить
0

Да. Производительность очень важна. Но стартовый экран это как первое знакомство с игрой)) Арт там все равно крутой.

Ответить
1

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

А если рассматривать саму статью и ваш обзор, то мне очень понравились предложенные изменения. на %80 согласен.

Ответить
1

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

Думаю так и есть. Но если я не прав, то анимирванный фон будет более выигрышным вариантом, по моему мнению.

Ответить
0

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

Ответить
0

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

Ответить
0

Я бы еще добавил анимацию для бустеров.

Анимация открытия бустера есть. Но она не интуитивная.

В R6 - анимация крутая да)

Ответить
0

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

Ответить
0

Помогите изменить имя в игре

Ответить

0

Как изменить ник?

Ответить
0

Прямой эфир

[ { "id": 1, "label": "100%×150_Branding_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox_method": "createAdaptive", "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfl" } } }, { "id": 2, "label": "1200х400", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfn" } } }, { "id": 3, "label": "240х200 _ТГБ_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fizc" } } }, { "id": 4, "label": "240х200_mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "flbq" } } }, { "id": 5, "label": "300x500_desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "ezfk" } } }, { "id": 6, "label": "1180х250_Interpool_баннер над комментариями_Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "ffyh" } } }, { "id": 7, "label": "Article Footer 100%_desktop_mobile", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjxb" } } }, { "id": 8, "label": "Fullscreen Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjoh" } } }, { "id": 9, "label": "Fullscreen Mobile", "provider": "adfox", "adaptive": [ "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fjog" } } }, { "id": 10, "label": "Native Partner Desktop", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyb" } } }, { "id": 11, "label": "Native Partner Mobile", "provider": "adfox", "adaptive": [ "phone" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fmyc" } } }, { "id": 12, "label": "Кнопка в шапке", "provider": "adfox", "adaptive": [ "desktop", "tablet" ], "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fdhx" } } }, { "id": 13, "label": "DM InPage Video PartnerCode", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox_method": "createAdaptive", "adfox": { "ownerId": 228129, "params": { "pp": "h", "ps": "clmf", "p2": "flvn" } } }, { "id": 14, "label": "Yandex context video banner", "provider": "yandex", "yandex": { "block_id": "VI-250597-0", "render_to": "inpage_VI-250597-0-1134314964", "adfox_url": "//ads.adfox.ru/228129/getCode?pp=h&ps=clmf&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid10=&puid21=&puid22=&puid31=&puid32=&puid33=&fmt=1&dl={REFERER}&pr=" } }, { "id": 15, "label": "Плашка на главной", "provider": "adfox", "adaptive": [ "desktop", "tablet", "phone" ], "adfox": { "ownerId": 228129, "params": { "p1": "byudo", "p2": "ftjf" } } }, { "id": 17, "label": "Stratum Desktop", "provider": "adfox", "adaptive": [ "desktop" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvb" } } }, { "id": 18, "label": "Stratum Mobile", "provider": "adfox", "adaptive": [ "tablet", "phone" ], "auto_reload": true, "adfox": { "ownerId": 228129, "params": { "pp": "g", "ps": "clmf", "p2": "fzvc" } } } ]
Новая игра Ubisoft на релизе выглядит
точно так же, как и на E3
Подписаться на push-уведомления