How to Use Contrast in UI Design (UI Principles Series)

How to Use Contrast in UI Design (UI Principles Series)

6514 次观看 · 2020-08-29 UI 设计
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