What Makes an Interface Moderate and What Makes it Playful?

When running a design project, we have to decide the sort of style we wish to represent. We collected the most famous styles of web- and UI design – the ones we tend to use for our designs.

Serious and Moderate

  • only a few colors, mostly white and shades of grey
  • serif and sans-serif fonts
  • simple and explicit layout
  • wide intervals

72

Youngish

  • current trendy colors, vivid colors
  • sans-serif fonts
  • flat design
  • horizontal and vertical division, round shapes, line icons

1track_1x

Playful and Colorful

  • lots of colors, mostly vivid ones
  • unusual layout
  • playful graphic illustrations
  • alternative fonts (even handwritten fonts)

3

8

weather-app__al-2014-09-03__1x

Minimal

  • white background, black text, and an extra few colors
  • wide intervals
  • sans-serif fonts, special role of typography

10

Any.DO-iPhone

Business

  • light and dark background
  • limited colors, i.e. typically blue and green
  • sans-serif fonts

13

14

Luxury

  • mostly black and white, and an extra few colors
  • serif and sans-serif fonts
  • wide intervals, large surfaces, thin lines

5

6

Comparison

As a curiosity, we collected the interfaces into two scale, using the logic of monochrome-colorful  and light-dark comparison. This way it is more obvious where our designed- or to-be-designed interface stands.

styles_collection

Source of the pictures:

You can find more of our ideas on Facebook, follow us!

Ágnes Orsolya Kiss

UX researcher helping teams learn about users and build better digital services, faster. Fan of social innovation, electronic music and discovering sweet spots in our world. No small talk.

Improve user experience in your product

Download our Guide
The Product managers' guide to UX design