| title | User interface design curriculum |
|---|---|
| description | Learn best practices for creating user interfaces, including displaying critical information and implementing an art style. |
| next | /tutorials/curriculums/user-interface-design/choose-an-art-style |
| hideInPageNavigation | true |
<>
<iframe width="880" height="495" src="https://www.youtube-nocookie.com/embed/eqW9SINYeWg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen style={{position: "absolute", top: 0, left: 0, width: "95%", height: "95%"}}></iframe>
User Interface Design is the discipline of planning and implementing UI elements that either provide essential information for gameplay, or teach players how to complete unique user flows within your experiences.
You'll learn how to recreate high-quality UI elements for a first-person shooter laser tag experience by following step-by-step processes and best practices for following an art style, wireframing the structure and flow of UI information, and implementing UI designs within Studio.
This course is intended for readers who are familiar with general building concepts and tools in Roblox Studio. If you need help learning how to build an environment and navigating Studio's UI, try the core curriculum.
Chapter 1 - Choose an art styleLearn how to [plan an aesthetic direction](choose-an-art-style.md) for your UI elements.
Learn how to [design the structure and flow](wireframe-your-layouts.md) of the information you want to communicate through in various workflows.
Learn how to [implement your UI layouts](implement-designs-in-studio.md) in Studio using both built-in and custom UI elements with scripts.
<a href="https://www.roblox.com/games/14817965191/Laser-Tag-1A">
<Button
color="primary"
size="medium"
variant="contained">
Get the Place File
</Button>
</a>