Design
We strive to build an application that embraces simplicity and avoids unexpected behavior. It must be able to run on a wide range of devices. Its user interface must be easy to use for everyone.
Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.
— Steve JobsChoice is the enemy of productivity. Put another way, if your solution does everything, and has no opinions about anything, then it solves nothing.
— Asim AslamAny fool can make something complicated. It takes a genius to make it simple.
— Woody Guthrie
Icons¶
Since Vuetify is based on Material Design, we stick with the following icons and only use other icons when absolutely necessary (e.g. for sharing):
https://material.io/resources/icons/
Colors¶
Our UI themes should all contain a color spectrum so that they look like a prism:
- https://www.nordtheme.com/#palettes-modularity
- https://www.schemecolor.com/?s=colorful
- https://www.schemecolor.com/?s=google
- https://www.schemecolor.com/memories-of-the-garden.php
- https://www.schemecolor.com/double-disclosure.php
- https://www.schemecolor.com/true-lovers-color-scheme.php
- https://www.schemecolor.com/sunset-painting.php
- https://www.schemecolor.com/happy-with-self.php
It's easiest to use the context menu for this:
External Resources¶
- Screenshots - development of our user interface in time lapse ⏱
- The 7 pillars of design - slides by Raffaella Isidori (Codemotion Berlin 2018)
- A fork + fixes for Google's Material Design icons