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

  Рет қаралды 7,831

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

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

Күн бұрын

Пікірлер: 23
@Winter576R
@Winter576R 4 жыл бұрын
И не стоит сильно загоняться из-за подачи, потому что главное это суть, которую вкладываешь.
@ПервыйЗапуск
@ПервыйЗапуск 4 жыл бұрын
Спасибо, мыслей в голове много, про себя проговариваю всё четко и спокойно. Блин как на камеру записываю так капец :(( всё никак привыкнуть не могу, волнуюсь.
@karinaencarna8939
@karinaencarna8939 4 жыл бұрын
Вообще не согласна с тем, что в игре нужно делать зеленые кнопки на зеленом фоне, как в вашем примере в 16.55. Художник очень правильно сделал их синими. Потому что так они видны на игровом фоне. В вашем варианте они абсолютно сливаются с фоном, и это будет путать игрока. А уж если на них добавить сами иконки и надписи, то они их вообще раздробят на мелкие кусочки. Особенно важно это во всяких быстрых играх, где у игрока очень мало времени на раздумывание. Конечно, интерфейс должен быть в едином ключе с самой игрой. Но помимо этого, он должен быстро считываться. И цвет - один из важных компонентов читабельности, хоть и не единственный. В этом примере очень хорошо использовано самое важное правило выразительности - база + нюанс + акцент. Оно работает и в композиции, и в цветовых решениях. Здесь база - это зеленый. Он доминирует и одновременно является фоном. Синий выступает нюансом. Он довольно близок к зеленому на цветовом круге, но уже хорошо от него отличается. И элементы интерфейса в иерархии стоят на втором месте после игровых объектов. А красный - это акцент, он противоположен зеленому, поэтому получается зона наибольшего цветового контраста. И что логично, им выделены самые важные объекты игры. Поэтому недостаточно интерфейс сделать просто таким же, как фон. Грамотный подбор цветовой гаммы - сложная хреновина, не зря художники учатся этому не один год :)
@ПервыйЗапуск
@ПервыйЗапуск 4 жыл бұрын
Может именно над этими кнопками стоит еще поработать, но я всё равно бы не делал их синими, особенно верхний hud, потому что в игре синего ничего нет, хоть как вы и говорите выступает эты нюансом, может стоит добавить деревянную подложку этим кнопкам еще. Я могу назвать еще куча примеров где кнопки имеют такой же оттенок что и игра. Brawl Stars, одна из самых топовых игр, там фиолетовые элементы UI, Сам фон игры (земля тоже близка прям к фиолетовому) и тд. Может тут зеленым кнопкам нужно уйти еще чуть чуть в холодный. Вообще мне очень интересна эта тема, можем подискутировать на этот счет с примерами и тд, может вы поделитесь какими то лайфаками по подбору цвета, я бы поучился, потому что на самом деле в интернете именно по этой теме информации не так много, а просмотрел я много )
@karinaencarna8939
@karinaencarna8939 4 жыл бұрын
@@ПервыйЗапуск Про интерфейсы инфы действительно очень мало, особенно на русском. Поэтому изучаю по обрывкам. Ну и использую свои общие художественные навыки))) Цвет - только один из компонентов читабельности. В Brawl Stars я не играла, но погуглила картинки. Там действительно цвет интерфейса близок к игровым элементам и фону. Но там как раз проявляется второй, и даже еще более важный аспект читабельности - тон. Если перевести картинку в черно-белый (я бы прикрепила картинку, но тут некуда))), то будет хорошо видно, насколько пустая шкала темнее всего остального в игре. И насколько заполненная шкала светлее (так же, как и надписи). Плюсом к этому там есть полупрозрачная подложка, которая делает фон в этом месте более приглушенным. В вашем случае нужно либо добавлять какую-то подложку, как вы и написали. Либо отделять интерфейс тоном. Просто поменять оттенок зеленого в более синий или более желтый будет недостаточно. Потому что по тону они все равно сольются. Кроме того, убирая синий, вы обедняете цветовую гамму. Остается много примерно одинакового зеленого и немного красного. Не скажу, что это прям плохая цветовая гамма, но такая веселая казуальная графика, на мой взгляд, требует большей красочности (не путать с кислотностью :). Есть ли цвет интерфейса в смой игре или нет - вопрос вообще вторичный. Гораздо важнее изначально продумывать цветовую гамму всей игры так, чтобы в ней было место и интерфейсу. А пытаться дорисовать кнопки по факту, когда остальная игра отрисована, проигрышная стратегия. Все-таки интерфейс - это не какой-то абстрактный элемент в вакууме. Он всегда идет вместе с самой игрой. И является ее частью. Игрок видит фон + интерфейс. Для него это единая цветовая гамма, единая картинка, единый стиль. Поэтому общее впечатление и читабельность выходят на первый план. По интерфейсам я пока нашла только одно хорошее видео у Веры Величко kzbin.info/www/bejne/qaeTYqijppJqoLs А по цветам в целом есть неплохое видео например тут kzbin.info/www/bejne/hHmUhX-vnq-Jfrc
@ПервыйЗапуск
@ПервыйЗапуск 4 жыл бұрын
@@karinaencarna8939 У Веры пока самое информативное именно это видео которые Вы дали, тоже его смотрел.
@keykun6981
@keykun6981 4 жыл бұрын
Крутой видос! А главное, что чувак всё по полочкам разложил. На просторах интернета мало подобного. Видео со шрифтами было бы к стати, так что ждём)))
@ПервыйЗапуск
@ПервыйЗапуск 4 жыл бұрын
Спасибо
@ArtyrAr
@ArtyrAr Жыл бұрын
блин спасибо,из за тебя я сделал игру которая залетела в я игрых,Спасибо большое,чел ты круто
@ПервыйЗапуск
@ПервыйЗапуск Жыл бұрын
Спасибо, скинь ссылку на игру) могу сделать обзор на неё если тебе это поможет )
@ArtyrAr
@ArtyrAr Жыл бұрын
@@ПервыйЗапуск Привет,наверное её уже не оживить,сейчас делаю новую игру,если так можно то давай её лучше на обзор
@ПервыйЗапуск
@ПервыйЗапуск Жыл бұрын
@@ArtyrAr Кидай мне в телеграмм t.me/Kaktus23_krd или вк с удовольствием сделаю первый запуск ) Есть идея для следующего полезного ролика.
@ArtyrAr
@ArtyrAr Жыл бұрын
@@ПервыйЗапуск хорошо,как игра выйдет напишу,если что я Артур.Жду нового видио
@azteklord5132
@azteklord5132 4 жыл бұрын
Привет, как то немного сумбурно, нужна классификация на интерфейс с "цифрами" и элементы управления (интерфейс в цветах игры он же будет сливаться в одном "тоне" возможно) не хватает шкал градации цвета, как же принцип теплохолодности он ведь не только в живописи применим, еще важный аспект освещение тени, блики, рефлексы на интерфейсе. Вот мой лайк за проделанную работу.
@ПервыйЗапуск
@ПервыйЗапуск 4 жыл бұрын
Там на самом деле ещё дофига материала, знаю что падача храмает =( мне и это рассказать с большим трудом далось
@3DHram
@3DHram 2 жыл бұрын
Топовый, но недооцененный контент)
@ilyatigerr7291
@ilyatigerr7291 3 жыл бұрын
Какие снежные кнопки? Зачем делать все в один цвет? Есть элементы, которые должны выделяться. Подарки - твоя цель, пауза - важная составляющая для человека тоже, чтобы не потерять прогресс 1 цели. О чем ты? Делать все в 1 цвет, чтобы теряться - бред, тут все было в меру.
@arkon89gamedeveloper85
@arkon89gamedeveloper85 4 жыл бұрын
Спасибо за труд!
@Kypatos
@Kypatos 4 жыл бұрын
Спасибо! Жду видео по шрифтам))
@Winter576R
@Winter576R 4 жыл бұрын
Наконец-то адекватный контент по геймдеву, а не "как сделать платформер в юнити за 1 день"
@AngiePtaha
@AngiePtaha 3 жыл бұрын
+++
@Maksym-T_554
@Maksym-T_554 2 жыл бұрын
видео реально годное, но продолжения нет:(
Основные принципы игрового UI UX
47:20
Asunta SoulsLike
Рет қаралды 6 М.
小丑揭穿坏人的阴谋 #小丑 #天使 #shorts
00:35
好人小丑
Рет қаралды 50 МЛН
amazing#devil #lilith #funny #shorts
00:15
Devil Lilith
Рет қаралды 18 МЛН
Which team will win? Team Joy or Team Gumball?! 🤔
00:29
BigSchool
Рет қаралды 15 МЛН
小路飞还不知道他把路飞给擦没有了 #路飞#海贼王
00:32
路飞与唐舞桐
Рет қаралды 78 МЛН
Советский мультфильм про нашу жизнь !
13:49
Дедушка Аргентинца
Рет қаралды 6 МЛН
Making a 2D game - Cannonballers workflow in photoshop
28:47
Trent Kaniuga
Рет қаралды 301 М.
«Осень». Самая большая загадка Windows XP
14:36
Девять десятых
Рет қаралды 1,2 МЛН
Как сделать интерфейс для игры
22:41
Как БЫСТРО рисовать иконки в Photoshop: дерево
13:05
小丑揭穿坏人的阴谋 #小丑 #天使 #shorts
00:35
好人小丑
Рет қаралды 50 МЛН