Player in-game UI

Hi, I’ve recently started to design my own UIs in - game, and was wondering the best way to go about this.

My game is Sci-Fi based - And I’m curious as to how people work with GUI designs in game for suches as:
Buttons, Backgrounds, Frames etc.

IS it best to keep the same style throughout them all?

New to this and any help is appreciated.

If you’re looking to maintain consistency you definitely want to keep the style fairly similar to the rest of your UIs. As for organization of your UIs make sure you don’t have random frames, buttons, etc. just floating around everywhere, you want to ensure everything is neat and you want to facilitate the process of editing the UI. Make sure all your UIs are also properly centered and scaled, what you see on your end may not be the same on another players end. There are a few plugins you can find to help you with this.

3 Likes

If you wan’t you could but for some diversity you could just search up on google some examples or ask an Experienced UI Desginer, besides that, you can search up some tutorials and examples to gain experience. :smile:

To get the best UX you need to keep the same style and theme across all of your UI. This could be done by keeping the same colour scheme throughout your UI. Also you need to keep the layout and positioning of your UI consistent.

When you are designing UI always consider how the user will feel about it. This means you want to make all your UI elements as user friendly as possible.

Plan! Make sure you know exactly what UI elements you want in your. Also make sure you plan out what they are going to look like and where they are going to positioned. If you are designing for Mobile you don’t want to have GUI underneath the joysticks and you don’t want players having to reach with their thumbs to click on a GUI.

Another thing you need to consider is how much you are putting on the players screen. You don’t want to bombard the user with lots of buttons random frames as they will get easily overwhelmed and leave your game. Remember mobile users have smaller screens than people on PC so you need to strongly consider how much is on a mobile users screen.

I am slightly confused as to what you are asking here so could you expand on it a bit.

1 Like

I mean colour schemes, and designs in the SciFi genre, how exactly theyre organised and so forth.

Well, what kind of style do you want? Sci-Fi can have many different styles, though I assume you mean a sort of “futuristic” design.

Example HUD photos from various Sci-Fi games

https://i.pinimg.com/originals/b3/27/5d/b3275d41fddcf460faf3ebd1b932c24e.png

(Halo)

https://www.mobygames.com/images/shots/l/607671-killzone-3-playstation-3-screenshot-main-menu.jpg

(Killzone 3)

http://videogameinterfaces.com/content/ui/id-software/doom/loading/doom-loading-ui-3.jpg

http://videogameinterfaces.com/content/ui/id-software/doom/in-game/doom-in-game-ui-12.jpg

(Doom)

But there is no “organisation” or anything to how UI works in any genre. You just have to follow a vague theme and make something your own.

But I also recommend that your UI doesn’t become a focus point. Good UX is important, but more UI isn’t always good UI or UX. Make something that the player won’t consciously notice as UI - unobtrusive, but still giving the critical information.