DEV Community

Medea
Medea

Posted on

How to style this up?

My app looks dull...

app

How do I make it look more attractive?

Discussion (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 Author

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 Author

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 Author

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 Author

I’ll try that, thanks!

Collapse
andrewbaisden profile image
Andrew Baisden

The ultimate design resource is here 😎 Design Resources for Developers