How to Use Contrast in UI Design (UI Principles Series)
6.5K views · 2020-08-29
UI Design
This video is the fourth part of the UI Principles Series. In this video I discuss: definition of color contrast, primitive elements that affect color contrast, contrast outside of primitive elements, five good/bad examples of color contrast, benefits of contrast, challenges of contrast, how to apply contrast and we go through 3 exercises and some additional resources which you can see below.
Design File:
https://www.figma.com/file/CAKr97OJMno1DADIBBMTfY/UI-Principles-Contrast-Exercises?node-id=0%3A1
Additional Resources:
- https://uxdesign.cc/principles-of-design-the-application-of-contrast-and-similarity-d87f261fb84f
- https:/contrast-ratio.com
-https://colorable.jxnblk.com
- https://www.canva.com/learn/contrasting-colors
- https://usecontrast.com/guide
- https://uxdesign.cc/the-easiest-part-about-designing-accessible-websites-76cd6b9a7ae4
- https://ui-patterns.com/patterns
#ui #uidesign #uifundamentals #uiprinciples #uicontrast #primitiveelements
Design File:
https://www.figma.com/file/CAKr97OJMno1DADIBBMTfY/UI-Principles-Contrast-Exercises?node-id=0%3A1
Additional Resources:
- https://uxdesign.cc/principles-of-design-the-application-of-contrast-and-similarity-d87f261fb84f
- https:/contrast-ratio.com
-https://colorable.jxnblk.com
- https://www.canva.com/learn/contrasting-colors
- https://usecontrast.com/guide
- https://uxdesign.cc/the-easiest-part-about-designing-accessible-websites-76cd6b9a7ae4
- https://ui-patterns.com/patterns
#ui #uidesign #uifundamentals #uiprinciples #uicontrast #primitiveelements