2021-06-13 11:47:12 +02:00
|
|
|
# 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**
|
|
|
|
|
- When using a page indicator, leave 8px for it on the right side
|
2022-08-21 13:50:09 +02:00
|
|
|
- It is acceptable to leave 8px on the left side as well to center the content
|
2021-06-13 11:47:12 +02:00
|
|
|
- Top bar takes at least 20px + padding
|
2022-08-21 13:50:09 +02:00
|
|
|
- Top bar right icons move 8px to the left when using a page indicator
|
2021-11-06 14:04:37 +01:00
|
|
|
- A black background helps to hide the screen border, allowing the UI to look less cramped when utilizing the entire display area.
|
2022-02-02 12:57:30 +01:00
|
|
|
- A switch should be twice as wide as it is tall.
|
2021-06-13 16:21:03 +02:00
|
|
|
|
|
|
|
|
|
