Color Theory in UI Design
HTML-код
- Опубликовано: 19 май 2024
- Color theory is the study of how colors interact and how they can be used to create visually appealing designs. Understanding basic color theory is essential for anyone involved in design, whether it's graphic design, UI design, or even painting... Remember to Subscribe goo.gl/6vCw64
------------------------------------------------------------------------------------
🤝 //////////// Become a UI Designer in 30 Days:
30dayui.com
🏆 //////////// Join my free member's community to get access to perks:
designchamps.io/
------------------------------------------------------------------------------------
0:00 Intro
0:27 Fast Color Theory
0:49 RGB and HEX
3:02 Hot and Cold
4:21 Promo
4:47 Tints and Shades
6:00 Saturation, Hue, and Lightness
7:28 The Color Wheel
8:20 5 Types of Color Schemes
10:58 Color Palette Creation & Inspiration
12:58 Outro
🎨 ////////// I Design in Figma
psxid.figma.com/ixbomhqzoiy0
🖥️ ////////// I Prototype Magic in ProtoPie
www.protopie.io/plans?ref=jesse
🖥️ ////////// I Build websites in Framer
framer.link/jesse
📅 ////////// I run my life with Notion
affiliate.notion.so/tokendsfahjf
🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: fm.pxf.io/c/1372011/1347628/1...
Great video Jessys you’re the man! 👏
Thanks for teaching it's understandable 😊 🤗
you are so intelligent and motivational plus energetic thank you for wonderful lessons
You are so welcome
Isn't RGB used for TVs? You keep saying that RGB is used for the web. I believe that Hex colors are used for the web, NOT RGB.
Hex colors are just a way of representing RGB colors with hexadecimal. A hex color of #123456 means 18 red, 52 green, and 86 blue, or rgb(18, 52, 86)
rgb is for screens. cmyk is for print. that screen can be tv, or can be the monitor that you browse the web in. rgb is additive, it means that adding all lights together produces white. cmyk is subtractive meaning that if you add all inks together it produces black. hex is just another way of showing RGB numbers
RGB stands for RedGrenBlue, which are the colors used in screens. When they are added together it gets brighter, 255 for each is the max and its white. Hex is just a different form of writing them. Instead of 0-255 its 0-9, A-F (aka 16 steps per channel). So white would be #FFF or #FFFFFF (FF.FFF.FFF = RR.GG.BB). There is no different between web, tv or computer monitors, in the end its a digital monitor displaying the color. You shouldnt believe things, but maybe inform yourself first and understand the logic of something. As someone above said "CMYK is for print", means Cyan, Magenta, Yellow and Key (black) are used to create different colors on print, in this case adding more together actually leads to the opposite, not white, but a blackish color. To add true black or save ink on black/white graphics only, there is also K = Key (black) ink.
Yes, you are kinda right. Hex and RGB are the most common formats for representing color on the web, but they’re not the most useful. Using hex or RGB, colors that have a lot in common visually look nothing alike in code. Browsers only understand HSL
HSL fixes this by representing colors using attributes the human-eye intuitively perceives: hue, saturation, and lightness.