UI design logical rules
by Nino · 20 things on Twos
- Tags
- —-
- Use space to group related elements
- Be consistent
- Ensure similar looking elements function similarly
- Create a clear visual hierarchy
- Remove unnecessary styles
- Use colour purposefully
- Ensure interface elements have a 3:1 contrast ratio
- Ensure text has a 4.5:1 contrast ratio
- Don’t rely on colour alone as an indicator
- Use a single sans serif typeface
- Use a typeface with taller lower case letters
- Limit the use of uppercase
- Use regular and bold font weights only
- Avoid pure black text
- Left align text
- Use at least 1.5 line height for body text
- ---
- 16 UI design tips | By Adham Dannaway | UX Planet