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

Go to class
Write Review

Free Online Course: Color in UX/UI Design (+ Figma Color Stylesheet) provided by Skillshare is a comprehensive online course, which lasts for Less than 1 hour of material. The course is taught in English and is free of charge. Color in UX/UI Design (+ Figma Color Stylesheet) is taught by Christine Vallaure.

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