How to improve this button?

Help and Feedback Art Design Support
#1

Here’s there button, any ideas? Tried literally for like an hour but still looks pretty bad.
image

#2

Remove the subtext, don’t fill buttons with unnecessary information, you can easily put that in like a select a character screen instead of the button. Also make the deploy bolder.

4 Likes
#3

Thanks, I did that but still it feels a bit off, any other ideas?image

#4

I do actually feel that the arrow is a bit blurry. I think you should make it a bit more clearer and maybe make sure that the DEPLOY text label is positioned directly in the centre (0.5,0,0.5,0)

#5

Could always do something like this or add some texture.
Asset 17@2x

2 Likes
#6

That looks much better! what colour are all the other UI’s?

#7

How exactly did you do that? Can you list the changes please?

1 Like
#8

They are mixed, some are orange and black

#9

I can explain. It is a Frame with UI Corner and 2 text labels. The one has > and the other says DEPLOY

#10

oh. I was thinking more of a dark design would fit it!

#11

But how did he do the border if there’s a UI corner?

1 Like
#12

he did it using uistroke. it puts a border on roblox ui objects

1 Like
#13

He used UI Stroke to add a green border to the outer parts – EDIT: What the other guy said!

#14

I put a uistroke on the button but it didn’t do anything

1 Like
#15

try messing with the properties

also maybe he useed external programs?

#16

tried but didn’t help, literally doesn’t show any borders

#17

He might have done but I find doing work in studio is much easier

1 Like
#18

show me your problem? video btw

easier may it be, external programs have the ability to produce better ui and images

1 Like
#19

I can’t really video but here’s a pic of the UIStroke that is parented to the frame.

image
image1920×2560 219 KB

2 Likes
#20

change applystrokemode to border.