How to Use Scale/Proportion in UI Design (UI Principles Series)
3.9K views · 2020-09-07
UI Design
This video is the fourth part of the UI Principles Series. In this video I discuss: definition/differences of scale and proportion, we go through examples of each, the benefits and challenges of scale and proportion, four tips for applying scale and proportion and then I briefly touch on the exercises that are linked below.
Figma Link:
https://www.figma.com/file/0xxGyBjRor5EnkUXEuruX6/Scale-Exercises?node-id=0%3A1
Additional Links:
http://ui-patterns.com/patterns
https://uxengineer.com/principles-of-design/proportion
https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
https://www.smashingmagazine.com/2008/05/applying-divine-proportion-to-web-design/
Figma Link:
https://www.figma.com/file/0xxGyBjRor5EnkUXEuruX6/Scale-Exercises?node-id=0%3A1
Additional Links:
http://ui-patterns.com/patterns
https://uxengineer.com/principles-of-design/proportion
https://builttoadapt.io/intro-to-the-8-point-grid-system-d2573cde8632
https://www.smashingmagazine.com/2008/05/applying-divine-proportion-to-web-design/