Hero image

16 little UI design rules that make a big impact

A UI design case study to redesign an example user interface using logical rules or guidelines

  1. Use space to group related elements
  2. Be consistent
  3. Ensure similar looking elements function similarly
  4. Create a clear visual hierarchy
  5. Remove unnecessary styles
  6. Use colour purposefully
  7. Ensure interface elements have a 3:1 contrast ratio
  8. Ensure text has a 4.5:1 contrast ratio
  9. Don’t rely on colour alone as an indicator
  10. Use a single sans serif typeface
  11. Use a typeface with taller lower case letters
  12. Limit the use of uppercase
  13. Use regular and bold font weights only
  14. Avoid pure black text
  15. Left align text
  16. Use at least 1.5 line height for body text

Read full article at Medium