How to Use White Space in UI Design (UI Principles Series)
23.2K views · 2020-07-24
UI Design
In this video, I define White Space, clarify micro and macro white space, discuss the benefits and challenges, show examples. Then we go through four interactive exercises + best practices so that you can confidently apply white space to your UI designs.
Design Resources:
Figma Exercises (Copy/Paste Artboards into your own file)
https://www.figma.com/file/Mq21CAMHjBj2kbdzwbS5WH/Untitled?node-id=0%3A1
https://www.interaction-design.org/literature/article/the-power-of-white-space
https://www.toptal.com/designers/ui/principles-of-design
https://blog.prototypr.io/importance-of-white-space-in-design-5a40c0e65bfd
https://scrimba.com/g/gdesign
https://uxplanet.org/https-medium-com-viktorija-bachvarova-the-power-of-empty-space-in-uidesign-14f14f8b203
https://www.justinmind.com/blog/10-examples-of-white-space-design-websites-youll-want-to-copy/
Make sure to 👍 and subscribe!
#ui #uidesign #uifundamentals #uiprinciples #whitespace #negativespace
Design Resources:
Figma Exercises (Copy/Paste Artboards into your own file)
https://www.figma.com/file/Mq21CAMHjBj2kbdzwbS5WH/Untitled?node-id=0%3A1
https://www.interaction-design.org/literature/article/the-power-of-white-space
https://www.toptal.com/designers/ui/principles-of-design
https://blog.prototypr.io/importance-of-white-space-in-design-5a40c0e65bfd
https://scrimba.com/g/gdesign
https://uxplanet.org/https-medium-com-viktorija-bachvarova-the-power-of-empty-space-in-uidesign-14f14f8b203
https://www.justinmind.com/blog/10-examples-of-white-space-design-websites-youll-want-to-copy/
Make sure to 👍 and subscribe!
#ui #uidesign #uifundamentals #uiprinciples #whitespace #negativespace