Premium
Rich User Interface Design
Tutorial
Intermediate
20 Mins
Overview
Summary
This tutorial will talk about rich user interface design. It’s all about the little things. We’ll talk about the big impacts that you can make with just small movements. Then we’ll show you how to do hovering over an item. This item will have a text box come up and it’s going to show you the description of that item.
Language
English
Recommended Unity Versions
2018
Tutorial
Rich User Interface Design
1.
Wiggle Your UI for Big Impact
Create an image and have a small script that will move it slightly around the screen so it looks like you should press that button or pay attention

2.
Create a Prefab to Use When Hovering Over
Now let’s explore Hovering-over TextBox. Use the inventory system, make a prefab of a textbox.

3.
Create a Popup TextBox When Hovering Over
Continue with the previous step. When you hover over the inventory, create a textbox from that prefab. When you leave the item you’re going to destroy the textbox.

4.
Congrats Unity UI Master
Now you have the tools to go ahead. But you’re only as good as your next UI. So follow some rules and play! Design is all about trying something new.