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

Focused View

Christine Vallaure

33:37

8 View

01 Promo.mp4

01:12

02 Introduction.mp4

00:51

03 Course Material.mp4

01:42

04 Pantone CMYK HEX & RGB !.mp4

04:03

05 Converting Colours from Print Design to Screen and Back.mp4

02:54

06 Pick Mix and Match Colours Like a Pro.mp4

04:02

07 Colour Inspiration.mp4

02:34

08 Colour Variants in UI Design.mp4

04:58

09 Naming Colours the Right Way.mp4

02:12

10 Feedback Colours.mp4

01:04

11 Documenting Colours.mp4

05:02

12 60 30 10 Rule of Colour Distribution.mp4

01:42

13 Summary of Colour in UI Design.mp4

00:45

14 Thank You.mp4

00:36

Description

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!

What You'll Learn?

Web Design
Color Development
Color
Creative
UI/UX Design
Stylesheet

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Figma

User Experience Design

User Interface

Christine Vallaure

Instructor's Courses

Hi, I'm Christine Vallaure, founder of moonlearning a UX/UI design + Figma learning hub. . moonlearning is my pet project that has turned into a full-time job, and I couldn't be happier about it. I love talking, teaching, and writing about UX/UI design and Figma, always encouraging UI designers and developers to be curious about each other's work.

Besides video tutorials, I also offer live and online workshops and speak at conferences and meetups. Connect with me on Twitter, LinkedIn, YouTube and via my newsletter, so I can keep you updated on future moonlearning adventures.

You will find a small selection of some of my original moonlearning courses here on skillshare. Content is shortened and adjusted to the skillshare format. Enjoy!

www.moonlearning.io

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.