DEV Community

Medea
Medea

Posted on

How to style this up?

My app looks dull...

app

How do I make it look more attractive?

Top comments (9)

Collapse
 
teresalechuga10 profile image
Teresa Lechuga

In my opinion it's cool minimalitic design, which isn't finished yet. My advice is save this circles and oval conception, but made them more structure. I mean, for example, for numbers only circles and for words only ovals same scale. Some kind symmetrical design can be more attractive. Than can add more colors from one color palette and mix of them would be great. (check this for inspiration create.vista.com/colors/color-name...) For the best result i think you can adjust fade effect. If you going to do it, share the result, when done

Collapse
 
vulcanwm profile image
Medea

Okay, thanks for the advice!

Collapse
 
ben profile image
Ben Halpern

I'd definitely seek some consistency here β€” either a grid or a list, just to make it more appealing from the get go.

However, if not something to bring clarity and uniformity, you could go the other direction and have everything sort of floating around. At least in that case the lack of uniformity seems intentional. πŸ€·β€β™‚οΈ

Collapse
 
vulcanwm profile image
Medea

Oh okay. I’ll try that, thanks!

Collapse
 
leviarista profile image
LevΓ­ Arista

Hey, some suggestions here:

  • Firstly, reduce the border radius
  • The top buttons must be same width
  • Number buttons also with the same width (button 50 is wider than button 1)
  • I think the number buttons could be rounded
  • You could add emojis or icons to the last buttons, they are ok in different widths
  • And it would be better to you use a secondary color for the less important buttons
  • One more is adding a simple but nice background image to this screen, as it is a game πŸ˜‰

I hope your app turns out great! 😊

Collapse
 
vulcanwm profile image
Medea

I’ll use these tips, thanks!

Collapse
 
andrewbaisden profile image
Andrew Baisden

You could get some design inspiration from Dribble.

Collapse
 
vulcanwm profile image
Medea

I’ll try that, thanks!

Collapse
 
andrewbaisden profile image
Andrew Baisden

The ultimate design resource is here 😎 Design Resources for Developers