UI Polishing - Have you ever noticed Blizzard games do this?

Подписаться 196 тыс.

Просмотров 31 тыс.

50% 1

How to design a great UI for your game? Let's learn form some of the best UI designers out there!
In this video I analyzed the user interface of my favorite Blizzard games for you.
Which backgrounds do they use?
How is the UI animated?
The amount of polishing put into the main menus of these games is absolutely astonishing. There are micro animations, particles, camera transitions and changing backgrounds. You don't notice all of this directly, but they still improve the user experience a lot!
The UI designers also made sure you always know where you need to go next. You never get lost in the user interface, because it's quite easy to navigate.
As a game designer I find it absolutely fascinating how they handle all of these little details.
If you want to design a UI for the game you're making, check this out. I bet you'll find some cool tips and tricks here, little nuggets you can use for you own game dev projects.
Do you know any games with an awesome UI? Let me know in the comments and enjoy the video.

Опубликовано:

23 июн 2018

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 52

@JonasTyroller 6 лет назад

Do you know a game with awesome UI? And which Blizzard gamed do you play? :D

@benjamimapancake6429 6 лет назад

I don't play any Blizzard games...

@JonasTyroller 6 лет назад

I see. What's your goto game at the moment?

@benjamimapancake6429 6 лет назад

I spend most of my time writing a perfect collision algorithm for the game that I'm designing. I've been at it all summer, and it provides entertainment when it isn't frustrating.

@JonasTyroller 6 лет назад

Oh, crazy. Aren't there already a ton of really good collision detection algorithms out there? Will it be a plugin for an existing engine or is it for your own engine?

@benjamimapancake6429 6 лет назад

It's for my own engine. Designing the algorithms are the fun part for me, even if I am bad at it.

@kaadmy2625 6 лет назад

Ah but you didn't mention that Portal 2's main menu background changes depending on how much of the singleplayer campaign you've finished so far.

@JonasTyroller 6 лет назад

Oh, I totally forgot about that. That's nice!

@julkiewicz 3 года назад

Number one reason why the time needed for UI is almost always underestimated. Making everything animated in a cohesive yet non-repetitive way is just a lot of work.

@goodpixels_ 6 лет назад

I've never looked at the animations in UIs but you're totally right! It's very satisfying and gives us a good feeling. I will definitely look at the UI the next time I will play a game.

@JonasTyroller 6 лет назад

Prophet Jonas opened your eyes! It's a miracle!

@Kanerade 3 года назад

This is a very helpful video, thanks Jonas!

@601AnnA106 2 года назад

I really treasure your breakdown videos! TH=hey are full of highly useful knowledge and you make easy to learn about these subconscious aspects of design

@JonasTyroller 6 лет назад

Yes, I guess I'm talking more about polishing than about actual UI Design. My bad. I only look at shiny things.

@JuhoSprite 3 года назад

I think you should do a part two cuz you only really talked about the animations and not the real design of the ui. Maybe what makes a good, clean and clear Ui.

@sosasees 2 года назад

video game UI is so good that OS & App makers polish even their non-game UIs in a similar way (even if the effect is toned down compared to in some video games, it's still there making everything much better to use). if you use your phone or computer, you'll notice video-game-like UI polishing details in apps and even the operating system itself, even in unexpected places like the settings.

@FireJojoBoy 3 года назад

This is amazing. This will make my games look more proffesonal :D

@logosimian 3 года назад

I like your room metaphor because it makes UI a memory palace.

@bunrun1136 6 лет назад

I really liked this!

@JonasTyroller 6 лет назад

Thanks. Glad to hear that. :)

@wreckingdan4157 6 лет назад

Although I don't play Blizzard games, this was really informative!

@JonasTyroller 6 лет назад

Maybe you can use this in one of your own games one day... Who knows... :)

@WangleLine 6 лет назад

Nothing like a good and smooth user interface! :D

@JonasTyroller 6 лет назад

Yeah. I assumed you'd like details like this. :D

@danicopic5267 6 лет назад

Really usefull video!

@JonasTyroller 6 лет назад

Thanks. I tried my best. :)

@Darklizard1111 6 лет назад

Awesome video

@JonasTyroller 6 лет назад

Thanks. Appreciate the comment.

@benjamimapancake6429 6 лет назад

In books, movies, and music, people tend to prefer a slow descent into chaos and madness followed by a quick resolution. 7 chords resolve to 1. Tension builds in Incredibles 2 for an hour in a half and is fixed in a few minutes. I was a bit surprised that this works the opposite way: starting off with disorder and (relatively) slowly putting things 'back.'

@JonasTyroller 6 лет назад

Good point. It's true, we usually like it if the resolution gets delayed, but in the case of UI it's just a matter of practicality. You don't want to wait two minutes just for the UI animation to finish. :D

@NiclasGleesborg0 5 лет назад

0:50 Yes please :P

@yangxu4670 3 года назад

Ohhhh you play OPUS MAGNUM as well? I love that game

@DOSRetroGamer 2 года назад

"Is this a game design book in your pocket, or are you just excited to see the latest Blizzard UI?"

@AbsentGodz 3 года назад

Wow really nice ...how do you create such micro interaction? In XD maybe?

@SparkeyAvalon 2 года назад

Huh... So I had a good idea about how I implemented the main menu in my game. Now I just need to make it move properly.

@fall3nworldstudios 2 года назад

My second favorite Game Developer💯🔥 Don't forget to drink your milk🥛

@_ace55 6 лет назад

I didn't really thought about UI Designing, but it is interesting. But just the animation is boring, you need some unique sound effects! And to find / make these seems harder to me than create a nice animation :D

@JonasTyroller 6 лет назад

Hm. Neither of those things seems super easy to me. :D Have you ever tried making your own sound effects? Maybe I can make a tutorial about that.

@_ace55 6 лет назад

Jonas Tyroller yes, i tried it but I failed. It would be nice if you make a tutorial ;D

@JonasTyroller 6 лет назад

Okay. I'll probably do that the next time I need sounds for my own games. :D

@EkramHossain45 Год назад

How to add UI to the game?

@danelokikischdesign 8 месяцев назад

Percerption widen

@MrGilly 4 года назад

Nice video, thanks... but 1500 on comp? Bruh. xD

@Vlad-Ra 3 года назад

Tf2 be like: 😓

@nocultist7050 4 года назад

You say it happens so quickly while I can't wait for this animations to end. They waste my time. There are useful animetion that guide eyes and help undersand what is going on but nowadays everything animates and makes it harder to focus on information. And getting information fast is the only purpos of UI. If it does it right it doesn't even matter if its ugly or pretty because you don't see it, you don't remember it. You only remember that you didn't have to look for anything.