diff options
| author | Riku Isokoski <riksu9000@gmail.com> | 2021-08-28 13:54:40 (GMT) |
|---|---|---|
| committer | Riku Isokoski <riksu9000@gmail.com> | 2021-08-28 13:54:40 (GMT) |
| commit | 085c9ab2e15b35af01d73e823a87994a7a24a76f (patch) | |
| tree | 159c492ca36007f6239739fa46f7deb95be2d3bf /doc | |
| parent | 044036e884039237ade739d46b682e586a36e8df (diff) | |
| parent | fab49f8557ef8ff38fe4f607e33b18fb5a1aeb9a (diff) | |
Merge branch 'develop' into timer_battery_reading
Diffstat (limited to 'doc')
| -rw-r--r-- | doc/ui/example.png | bin | 0 -> 10642 bytes | |||
| -rw-r--r-- | doc/ui_guidelines.md | 16 |
2 files changed, 16 insertions, 0 deletions
diff --git a/doc/ui/example.png b/doc/ui/example.png Binary files differnew file mode 100644 index 0000000..2f6cb78 --- /dev/null +++ b/doc/ui/example.png diff --git a/doc/ui_guidelines.md b/doc/ui_guidelines.md new file mode 100644 index 0000000..c267b79 --- /dev/null +++ b/doc/ui_guidelines.md @@ -0,0 +1,16 @@ +# UI design guidelines + +- Align objects all the way to the edge or corner +- Buttons should generally be at least 50px high +- Buttons should generally be on the bottom edge +- Make interactable objects **big** +- Recommendations for inner padding, aka distance between buttons: + - When aligning 4 objects: 4px, e.g. Settings + - When aligning 3 objects: 6px, e.g. App list + - When aligning 2 objects: 10px, e.g. Quick settings +- When using a page indicator, leave 8px for it on the right side + - It is acceptable to leave 8px on the left side as well to center the content +- Top bar takes at least 20px + padding + - Top bar right icons move 8px to the left when using a page indicator + + |
