scott/InfiniTime
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update ui_guidelines

Browse source
This commit is contained in:
Riku Isokoski 2021-11-06 15:04:37 +02:00 • committed by JF
parent c3c5ab3473
commit 1d3098baa7
2 changed files with 2 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
doc/ui_guidelines.md
View file

@ -4,13 +4,10 @@
- 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
- A black background helps to hide the screen border, allowing the UI to look less cramped when utilizing the entire display area.
![example layouts](./ui/example.png)