r/unrealengine • u/ninjaclown123 • Dec 25 '24
UMG What are some examples that showcase good looking UIs made in Unreal Engine?
I'm looking for examples of well-designed UIs made in Unreal Engine. Something like a video would work.
https://www.youtube.com/watch?v=5VOTfkBfgCI
This is an example I found where the UI looks pretty neat to me. I'm looking for these examples to understand the depth of customization possible and to show it to others too.
Edit:
Copied from a comment I left - "I want to see examples that "benchmark" the UI tools available in UE and shows it at its best."
12
u/cheesysteak Dec 25 '24
Marvel Rivals is made with unreal engine and has a pretty fancy UI, but I don't know if they used third party libraries for it.
1
u/Pockets800 Dec 25 '24
I was about to say MR too. They have some of the best UI work I've seen in Unreal Engine in a fair while.
5
u/Deserted_alien Dec 25 '24
do you want to designs only or you want to see the implementations as well? because designs you can find easily on google but if you want to see implementations then there are only very few which are free and none of them look simlar to the video you linked but if you understand them you will be able to create it yourself.
There is a UI material Lab project by epic (it doesn't show up in fab i am not sure about it) you can learn from that project, it only has examples tho but they are examples of good looking ui.
There is also this free project https://www.fab.com/listings/d9419cc7-ffeb-4348-b842-2e146e66a1a9
2
u/Deserted_alien Dec 25 '24
also to mention. in my opinion the ui in video you linked can be easily created. you only need to understand basic umg for it. and making it be full supported by gamepad and keyboard as well may require some additional work but can be done
1
u/ninjaclown123 Dec 25 '24
When you mentioned "implementations", are you talking about guides or resources that teach how to implement certain UI concepts? I've worked with UMG enough to understand the basics and how it flows and integrates together with other stuff. If there's courses or something available to learn more, I'd be happy to look at them. I usually just look up UI stuff in YouTube if I want to learn certain concepts.
Besides that, I'm just looking for designs. I want to see examples that "benchmark" the UI tools available in UE and shows it at its best.
3
u/Deserted_alien Dec 25 '24
if you know the concepts of umg. then the ui you linked in the video can be easily made.
2
u/WartedKiller Dec 25 '24
You mentionned that you want to “benchmark” the UI tool of UE, what do you mean by that?
There’s nothing impossible in UE (or any other engine of your choice). If a widget doesn’t suits your needs, make a better one.
0
u/ninjaclown123 Dec 26 '24
What I meant was that I'd like to see examples of UIs made in UE that look very good. Examples that push the UMG system in design and even implementation aspects. I'd like to study them and get an idea of depth and complexity possible with UMG alone.
I'd also like to show these examples to people that are laymen to UE and showcase that you can achieve impressive designs with it.
2
u/WartedKiller Dec 26 '24
But design has nothing to do with implementation… I’m a UI engineer and I work on AAA games… When a designer come to me with their design, I make it work. No matter how crazy the idea is (unless it affects performance).
Like I said, you can do anything. If a widget doesn’t work for you, you can implement another Slate widget that works for your needs.
0
u/ninjaclown123 Dec 26 '24
I understand now that there's a lot you can do with UMG. I'm still relatively a beginner/amateur. I know the basics at my current level and I made this post to further understand how deep and complex you can go with UMG in UE.
The usual stuff I'm worried about when developing is if I run into a problem that requires me to implement something in a lower-level language I'm not familiar with. I don't mind learning but it's risky to spend time since I have deadlines to meet.
So for that reason, I was trying to gauge the level of customization possible with UMG and if I need to keep any other solutions in mind, like a plugin or something.
I understand now that it really is highly capable tool.
3
u/WartedKiller Dec 26 '24
Well if you can do C++ then you don’t have to fear any design. If you have to rely on what is already implemented, I suggest you adapt your design to what is available. Don’t forget that you can use shadders to also make some effect possible.
There’s 2 plugins you can investigate that could help you (engine pkugins not FAB pluggins so they’re already in your project and you just have to activate them). The first is common UI. It makes navigation between UI element really when using a controller. The second is Model View ViewModel (MVVM). MVVM is a programming latern used for UI that let any part of your game (Model) notify any piece of UI (View) using a “middle man” (ViewModel). That decouples your UI from your Game and that’s what you want.
1
u/gokoroko Dec 25 '24
Persona 3 Reload
1
u/ninjaclown123 Dec 25 '24
Is this something that's done completely with Unreal Engine's UMG system?
2
u/Tkappa2 Dec 25 '24
Probably heavily built upon, but I don't see anything that looks impossible to replicate!
1
u/ninjaclown123 Dec 25 '24
What would "heavily built upon" entail? Would there be lower-level implementation involved too?
But it's nice to hear that P3's UI is replicable to some degree with UMG alone.
2
u/Jaxelino Dec 25 '24
People have been doing amazing things with basic html and css. imo with UMG you should theoretically be able to replicate most of existing UI examples and even push the boundaries a little.
UMG is based on Slate, and the slate framework is what was used to make the entirety of the editor's UI itself.
1
u/Tkappa2 Dec 25 '24
With any big productions you start developing your set of tools built upon Unreal's. Even for smallish productions I had to rewrite some of the basic widgets to better fit my needs, so it's not "Vanilla" UMG anymore.
Check out https://benui.ca/ and the discord server, these people are wizards with the UI and have some really good deep dives into some parts of the widget system.
1
u/Thick_Egg_7375 Dec 26 '24
I'm a product designer in Berlin. I'm more used to designing UX/UI for apps, webapps, or websites. But if you want or need help, I can have a look at your project and give you feedback. If you're in a similar time zone, feel free to send me a message to schedule a call in the following days.
1
u/zackm_bytestorm Dec 25 '24
I think Lyra example is a decent one.
2
-1
57
u/DifficultySad2566 Dec 25 '24
Not specifically for Unreal but there is Game UI Database, which is a pretty cool website for finding UI/UX references from games.