How should I go for making my mobile UI?

Greetings! I am currently re-creating most of Bloxy Kart’s user interface. I am currently at the part where I am creating UI for selecting things. My desktop UI is inspired by macOS, and my mobile UI is inspired by iOS. How should I go for re-creating an “App Store” selection in Roblox? Should I make the UI fill the entire screen? Where should I put the close button, etc…

This is the UI I want to re-create in Roblox, but made for selecting the map you want to play. Bottom bar and everything:

Looking forward to your response!

3 Likes

A bar at the bottom of the screen to drag/swipe up to open the map vote would be very cool looking, like how you swipe up on iOS to open that quick menu with WiFi and stuff.

1 Like

Hi there @BillB1ox! So I saw your post, and decided to make a quick sketch up of what you seemed to be asking.


Sorry for the messy handwriting :stuck_out_tongue_closed_eyes:
I think by having the frame not take up the screen makes it a bit better on the eyes, somewhat similar to what you have on your current game. A lot of games have a closing button near the top right of the screen, and since there wouldn’t be much need for a display of how charged your screen is, it could fill up that area.

One question I have is are you trying to recreate the App Store on your game, or something similar? That would probably change several things about the way you would want to design your Ui.

I hope this helped!

1 Like

This seems to be what I am looking for!

Its all good.

Yeah I am trying to figure out how to implement that.

I already re-created a ton of Apple’s UI. This is the Mac App Store but for what I am doing:


Original:

And here is a popup UI that I recently recreated.

1 Like

Yeah, but I would need to figure out how to make it look good for people who have those iPhones to go to the home menu.

Oh wow that’s cool!

30 letters ignore

1 Like

To emulate the glass effect, you could play around with blurring the clients’ camera via Lighting

What do you mean by glass effect?

1 Like

When you swipe up on iOS, you see how the background isn’t covered, but becomes blurred and spaced out looking? Same with window backgrounds on MacOS iirc, haven’t seen mac with a newer version recently

Ah, I get it now. You are talking about Control Center.


I could potentially make this the settings menu when I get to that. My original idea was to re-create System Preferences / Settings, but I could do this instead, or have both even.

2 Likes