Interactive UIs

Help and Feedback Art Design Support
#1

If possible,

Does anyone have any tips for creating Interactive UIs? I’ve created a basic one with the help of the new tutorial. Screenshot by Lightshot Thanks in advance,

Sincerly,
DevLtWolfee
Graphics Designer &
Basic UI Developer

1 Like
#2

No need to put your text into a code block - it’s harder to read (as the text doesn’t wrap so we have to scroll), the syntax highlighting obviously isn’t working right since its contents aren’t code and we can’t click the link.

You can check out my tutorial for a (hopefully?) more in-depth look at UI design - although it seems to cover roughly the same topics as the wiki.

To make an interactive UI you will need scripting knowledge - otherwise it’d just sit there and do nothing no matter how you interact with it.

Best advice I can give you for that is

  1. Make all your UI efficient - waiting 10 seconds just to open a shop is really annoying, same deal with not knowing if I pressed a button or not
  2. Keep your UI consistent - use one EasingStyle for tweens, handle input in the same way for different buttons, have a base button size, etc.
  3. Keep it simple - it’s better for you and the player
6 Likes
#3

Events like MouseButton1Click, MouseEnter, and MouseLeave are your friends. You can use these along with other TextButton events to detect almost any kind of interaction, and then write functions to react accordingly. Most of the things I linked have demonstrations on how to do so.

2 Likes
#4

All right, I’ll give you an update if I make any more progress. @ChipioIndustries

2 Likes
#5

For learning style, I suggest you to a game that you think has a good UI and replicate it. You will learn a lot about how everything works in the process.

Edit: Avoid @Quenty’s UI’s… he’s on a different plane of existence.

7 Likes
#6

Quenty’s UIs are too godly for us mortals to grasp.

(Really though, I do think they’re a great way to learn about Material Design Hybrids)

3 Likes
#7

Learn 9-Slicing and Sprite sheets if you want to have top tier UI animations.

#8

I suggest you to play some games with Interactive UI, or Dialog. Because that’s how you get the ideas and designs of it.
My design is a bit different from others. ( Just select any difficulty, and after fading, you’ll see the UI )

#9

Maybe I’ll be better than him one day. :stuck_out_tongue_winking_eye: @Arificiality

1 Like
#10

I’d also take a look at Google’s Material Design tips.

Even if you’re not going for a material-style look, it still holds some great tips for designing interfaces. :smiley:

2 Likes