Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

Color in UX/UI Design (+ Figma Color Stylesheet)

via Skillshare

Overview

In this class, you'll learn everything about how color (or colour for the brits,) works online. I will cover all the basics on how to pick, mix and match colors and we will then dive a little deeper and set up our own accessible color stylesheet with Hex values, color variants, and solid documentation for development. 

If you are switching over from graphic design or already designing online but never quite understood how to handle colors online, then this the course for you. 

We will cover:

  • Hex, RBG, Pantone & CMYK
  • Converting between print & screen and the other way around
  • How to choose, mix & match color in UI design
  • Colour variants. What they are and how to set them up
  • Naming colors the right way
  • System colors
  • How to document colors for development
  • 60, 30, 10 Rule for a great colour distribution

You can create your own color stylesheet alongside that you can re-use for all of your future projects and save yourself a lot of time! 

© moonlearning.io with moon learning

Syllabus

  • Promo
  • Introduction
  • Course Material
  • Pantone CMYK HEX & RGB ?!
  • Converting Colours from Print Design to Screen and Back
  • Pick Mix and Match Colours Like a Pro
  • Colour Inspiration
  • Colour Variants in UI Design
  • Naming Colours the Right Way
  • Feedback Colours
  • Documenting Colours
  • 60 30 10 Rule of Colour Distribution
  • Summary of Colour in UI Design
  • Thank You

Taught by

Christine Vallaure

Reviews

Start your review of Color in UX/UI Design (+ Figma Color Stylesheet)

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.