I forgot about this topic, since I’ve been posting updates about anything new that I create in the “waywoc” topic, but I’m back with my latest WIP GUI design.
Style: Unsure, might be cute Software: Roblox Studio only
This is a basic menu meant for restaurants and other places where you could order food. There are two types of menus, “grid” and “list” layouts, meant for category and specific food selection purposes, respectively.
Nothing is scripted yet, but I’m trying to somewhat refine my UI design style. If you’re wondering why I’m not using external programs or images for this window, it’s because I’m thinking that I’d like to let the player edit the UI’s color scheme and use themes, just like Microsoft let users do before Windows 8.
Some “modern UI” I’ve been working on. It’s my first time doing this sort of style so it’s bound to not be great but I think it’s okay for a first try . I mostly need to work on my tween usage and how it scales
Yeah… I’m not too good at UI designs, so I think I’m going to try to “refine” my style, whatever that even is. (All GUI windows and “groups” are created without any real “style guide” to ensure they use consistent colors, but maybe my plans to let the player customize the color scheme will encourage me to use less colors overall.)
Here is how my new experimental style looks at the moment:
This is an attempt to redo my experience’s “windows”, keeping their obvious Windows inspiration but using different colors and trying a different way of adding detail to UI elements which are meant to be used within these “windows”. (I think the title bar looks pretty good now!)
For comparison, here’s what windows have looked like for a while before today:
I know they haven’t posted in this topic, but back in late 2022, @EpicTradings gave feedback about the “title bar” used by the old windows here, which really did extend too far to the sides. I wonder if they like the new window style above, which fixes this.
actually imo the colors are really pretty and unique. a lot of roblox uis and uis in general are boring and too consistent so this ui is refreshing and i personally like it
-- TweenInfo
local slideUpCard = TweenInfo.new(.42,Enum.EasingStyle.Back,Enum.EasingDirection.In)
local slideUpintr = TweenInfo.new(.56,Enum.EasingStyle.Exponential,Enum.EasingDirection.Out)
local scaleUp = TweenInfo.new(.32,Enum.EasingStyle.Quart,Enum.EasingDirection.InOut)
local parallaxInteraArea = TweenInfo.new(.88,Enum.EasingStyle.Exponential,Enum.EasingDirection.Out)
FullScreen to Card:
--TweenInfo
local slideDownCard = TweenInfo.new(.52,Enum.EasingStyle.Exponential,Enum.EasingDirection.Out)
local slideDownintr = TweenInfo.new(.38,Enum.EasingStyle.Exponential,Enum.EasingDirection.In)
local scaleDown = TweenInfo.new(.36,Enum.EasingStyle.Quart,Enum.EasingDirection.InOut)
local parallaxInteraArea = TweenInfo.new(.3,Enum.EasingStyle.Exponential,Enum.EasingDirection.In)
Thank you! Also, yeah, I know exactly what you’re referring to…
(Looks at the many experiences that use bootleg Pet Simulator X dialog boxes and the cartoony, vibrant UI design that’s everywhere on Roblox…)
I’ve started to try programming my new windows (so the close and pin buttons will work and stuff), and so far, I’ve gotten it to take a Frame and put it inside of the window’s “shell” (title bar and outer border), which seems to work well.
Since that’s working, here’s a more fair comparison of the new and old UI styles. Looking back at the old windows, it’s crazy how I was fine with that “pin” button that had poor contrast, and how the windows didn’t have close buttons. I can only believe that my new windows are what I really wanted to add to my experience a year ago.
(Ignore the poor contrast of the newer window’s contents; That was meant to be put in one of the older windows, which used a darker, translucent background color.
. I mostly need to work on my tween usage and how it scales
