UI Desigin on Photoshop or Studio?

[majesty9k (Caleb)]

Hello, all!

I’ve currently been wondering what should I start UI Design on. I’ve used Photoshop a bit, but never studio. I’m kind of new, so I’d like to know which path to take! Thanks so much.

[SigmaHD (Player1)]

I’m starting to use UI design on roblox studio and it’s relatively easier compared to the past. Unlike before, now you can design and make a UI by clicking what you want in the workspace then being able to drag/resize the frames however you’d like.

However tinkering with the properties would be ideal before getting started. That being said, combining photoshop with UI on studio would be a double-win since graphics can really help the UI design with custom designs/icon that wouldn’t be achieved on studio.

[sirkafui]

I first started UI Design solely with ROBLOX so I could get used to making UI and actually scripting them as well as scaling.

As of recently I have expanded to designing my UI outside with external software’s as it allows me to add further details and then just upload those designs as decals and use ImageLabels in studio to import the designs.

[GameDevSky]

You should first try to make user interfaces with Roblox Studio and try to get yourself known with some properties, such as positioning user interfaces, scaling user interfaces, etc.

Once you basically have gotten most of the properties down, you know how to make UIs on Roblox Studio, and you know where and how to use certain UI objects for your user interfaces and you’ve learned the basics or UI designing, you can get onto an external program/software such as Photoshop.

Some tutorials you’ll find helpful for UI designing are the following:

User Interfaces | Chapter 1

Hello. I’m Sky, a passionate user interface designer. In this tutorial, you’ll be learning about user interfaces. User interfaces are usually said as “UIs”. “UIs” is the abbreviation of “user interfaces”. There will be other abbreviations in this tutorial I will be covering. This is what I’ll be covering in this tutorial: What are user interfaces? UI, GUI, UX: What’s the difference between these 3? How can I start making user interfaces? How can I make GUIs in Roblox? Finally, I’ll be cove…

---

Professional UI Designer Raising Guides 101 | Chapter 1

Chapter 2 has been released, check it out by clicking the link below: Chapter 2 “Hey, you! Struggling on how to create consistent and high-quality UI? Why not read this tutorial?” Professional UI Designer Raising Guides 101 A simple guide to creating high-quality UI and cautions when creating one Table of content Introduction to UX, a friend of UI Theme color selecting 101 Cautions on creating UI Softwares, resources & guidelines I recommend Hi there, fellow UI designers and devforumers!…

I hope this helped. Good luck with your journey on UI design!

[Officiall_Studios]

I recommend adobe xd. It is free, simpler than photoshop, and is great!

[Officiall_Studios]

Use it instead of photoshop. (30)

[ArtFoundation]

Photoshop for complex designs and Studio for simplistic designs. You can pretty much optimize your UI if you try to replace components you would normally have to import as an image into a Studio GUI object instead if possible to reduce the need to load another decal/image via asset ID.