Summary
Keywords
Full Transcript
Email us to Train your Company on [email protected] 👉🏻 Full UX Designer Course for Beginners - https://learnuiux.in/ Join our Instagram Broadcast Community https://ig.me/j/AbYz7q54oZ3CBSHs/ 👉🏻 Follow me on Instagram: https://www.instagram.com/anshmehra.in ▶️ Watch the English Version here: https://youtu.be/2AgZlt_5Bqw?si=Li2GDDsI1fLF3VAr ⏰ Timestamps: 00:00 - Series Intro 1:37 - What will we learn today? 2:31 - Office Hours Playlist 3:20 - 3 Buckets of Color 3:31 - What are Brand Colors? 4:55 - What are Neutrals? 7:02 - What are Semantics? 7:22 - How Colors Work? 8:15 - 4 Components of Color Style 10:07 - Classroom Vibe On 11:05 - Colors and Technology 12:01 - What is RGB? 13:10 - What is HSL? 13:30 - What is Hue? 14:28 - What is Saturation? 15:06 - What is Luminance? 15:44 - Understanding RGB Hexcodes 16:40 - Hexa Decimal Notation 18:40 - Establishing Greys 17:23 - Colors in Figma 17:26 - Best Resource for Naming Hexcodes 18:47 - Deciding your Greys 21:05 - Figma Shortcut 21:47 - What is HSLA? 22:52 - Colors in Figma 23:07 - Resources to Name Colors 23:36 - Greys in Figma 28:20 - Deciding your Semantic Colors 31:30 - Naming your Color Styles on Figma 34:17 - Organizing your Color on Figma 34:42 - Important Resources For Study 35:35 - Extra Sessions 36:40 - Let's Summarize 37:09 - Conclusion 37:43 - Parallel Story - Skit 5 🍿 🌏 Keep up with Design and AI: 🔗 https://www.instagram.com/anshmehra.in/ 🔗 https://www.anshmehra.com/ 🔗 https://medium.com/ansh-mehra Color palette kya hoti hai design mein?, Web aur mobile UI ke liye colors kaise choose karein?, UX design system mein color system kya hota hai?, Figma mein color styles kaise banayein?, Light mode aur dark mode ke colors kaise plan karein?, Accessibility ke liye colors kaise use karein?, Contrast ratio kya hota hai?, Semantic colors kya hote hain?, Brand colors aur UI colors ka kya relation hai?, Figma design tokens kya hote hain?, Color consistency design mein kaise maintain karein?, Color variants kaise banayein?, Neutral colors kaise choose karein?, Primary aur secondary colors kaise define karein?, Web-safe colors kya hote hain?, Mobile vs web color strategy mein kya difference hai?, Gradient use karna sahi hai ya nahi?, Error, warning aur success states ke colors kaise choose karein?, Design system mein color documentation kaise karein?, Beginner ke liye best UI color tips kya hain? Ansh Mehra, Ansh Mehra UX, Ansh Mehra AI, Cutting Edge School, Free UX Design Course in Hindi, UI/UX Course in Hindi, Product Design Free Course, UI color system, color palette Figma, design system colors, mobile UI colors, web UI color tips, Figma color styles, dark mode colors, light mode design, contrast ratio UX, semantic colors, UX design system tutorial, color tokens Figma, color theory UI, beginner UI design, accessible UI colors, design palette guide
Continue this lesson in the app
Install CourseHive on Android or iOS to keep learning while you move.
