Как сделать игровой интерфейс для ленивых

Рассказал как я делаю интерфейсы
Мой канал - pervyi_...

[@Winter576R]

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

[@ПервыйЗапуск]

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

[@karinaencarna8939]

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

[@ПервыйЗапуск]

Может именно над этими кнопками стоит еще поработать, но я всё равно бы не делал их синими, особенно верхний hud, потому что в игре синего ничего нет, хоть как вы и говорите выступает эты нюансом, может стоит добавить деревянную подложку этим кнопкам еще. Я могу назвать еще куча примеров где кнопки имеют такой же оттенок что и игра. Brawl Stars, одна из самых топовых игр, там фиолетовые элементы UI, Сам фон игры (земля тоже близка прям к фиолетовому) и тд. Может тут зеленым кнопкам нужно уйти еще чуть чуть в холодный. Вообще мне очень интересна эта тема, можем подискутировать на этот счет с примерами и тд, может вы поделитесь какими то лайфаками по подбору цвета, я бы поучился, потому что на самом деле в интернете именно по этой теме информации не так много, а просмотрел я много )

[@karinaencarna8939]

@@ПервыйЗапуск Про интерфейсы инфы действительно очень мало, особенно на русском. Поэтому изучаю по обрывкам. Ну и использую свои общие художественные навыки))) Цвет - только один из компонентов читабельности. В Brawl Stars я не играла, но погуглила картинки. Там действительно цвет интерфейса близок к игровым элементам и фону. Но там как раз проявляется второй, и даже еще более важный аспект читабельности - тон. Если перевести картинку в черно-белый (я бы прикрепила картинку, но тут некуда))), то будет хорошо видно, насколько пустая шкала темнее всего остального в игре. И насколько заполненная шкала светлее (так же, как и надписи). Плюсом к этому там есть полупрозрачная подложка, которая делает фон в этом месте более приглушенным. В вашем случае нужно либо добавлять какую-то подложку, как вы и написали. Либо отделять интерфейс тоном. Просто поменять оттенок зеленого в более синий или более желтый будет недостаточно. Потому что по тону они все равно сольются. Кроме того, убирая синий, вы обедняете цветовую гамму. Остается много примерно одинакового зеленого и немного красного. Не скажу, что это прям плохая цветовая гамма, но такая веселая казуальная графика, на мой взгляд, требует большей красочности (не путать с кислотностью :). Есть ли цвет интерфейса в смой игре или нет - вопрос вообще вторичный. Гораздо важнее изначально продумывать цветовую гамму всей игры так, чтобы в ней было место и интерфейсу. А пытаться дорисовать кнопки по факту, когда остальная игра отрисована, проигрышная стратегия. Все-таки интерфейс - это не какой-то абстрактный элемент в вакууме. Он всегда идет вместе с самой игрой. И является ее частью. Игрок видит фон + интерфейс. Для него это единая цветовая гамма, единая картинка, единый стиль. Поэтому общее впечатление и читабельность выходят на первый план. По интерфейсам я пока нашла только одно хорошее видео у Веры Величко kzbin.info/www/bejne/qaeTYqijppJqoLs А по цветам в целом есть неплохое видео например тут kzbin.info/www/bejne/hHmUhX-vnq-Jfrc

[@ПервыйЗапуск]

@@karinaencarna8939 У Веры пока самое информативное именно это видео которые Вы дали, тоже его смотрел.

[@keykun6981]

Крутой видос! А главное, что чувак всё по полочкам разложил. На просторах интернета мало подобного. Видео со шрифтами было бы к стати, так что ждём)))

[@ПервыйЗапуск]

Спасибо

[@3DHram]

Топовый, но недооцененный контент)

[@azteklord5132]

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

[@ПервыйЗапуск]

Там на самом деле ещё дофига материала, знаю что падача храмает =( мне и это рассказать с большим трудом далось

[@ArtyrAr]

блин спасибо,из за тебя я сделал игру которая залетела в я игрых,Спасибо большое,чел ты круто

[@ПервыйЗапуск]

Спасибо, скинь ссылку на игру) могу сделать обзор на неё если тебе это поможет )

[@ArtyrAr]

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

[@ПервыйЗапуск]

@@ArtyrAr Кидай мне в телеграмм t.me/Kaktus23_krd или вк с удовольствием сделаю первый запуск ) Есть идея для следующего полезного ролика.

[@ArtyrAr]

@@ПервыйЗапуск хорошо,как игра выйдет напишу,если что я Артур.Жду нового видио

[@ilyatigerr7291]

Какие снежные кнопки? Зачем делать все в один цвет? Есть элементы, которые должны выделяться. Подарки - твоя цель, пауза - важная составляющая для человека тоже, чтобы не потерять прогресс 1 цели. О чем ты? Делать все в 1 цвет, чтобы теряться - бред, тут все было в меру.

[@Kypatos]

Спасибо! Жду видео по шрифтам))

[@arkon89gamedeveloper85]

Спасибо за труд!

[@user-yg5mx9pj6f]

видео реально годное, но продолжения нет:(

[@Winter576R]

Наконец-то адекватный контент по геймдеву, а не "как сделать платформер в юнити за 1 день"

[@AngiePtaha]

+++