Hey all, just a little PSA: On September 14th, the PRELAUNCH of designcourse.com is here! Make sure to enter your email to be notified. I will also upload a video on the day of. It's been a year in the making!
Yeah agreed, and this would probably be a pain in the ass to implement - this one screen shown in the video alone has like 8 different hex codes, imagine that throughout an entire app or website. A basic but easy way to create shades is start off with your "base" colour, place a black fill on top of it, then reduce the opacity of the black fill down to 10%, then do this again at 20% and so on. Each time you do this it will create a new shade, gradually getting darker each time. You can also do this with white to create tints. Another way to do this is to take your base colour, change the colour palette tool on Figma from Hex to HSB, and play around with the saturation and brightness levels. For example my base colour might have a brightness of 60, then I'll reduce it to 55 and create a shade, reduce it again to 50 to create another shade etc
@Maryam Ashraf he meant that pick that color and switch mode from Hex to HSL or HSB, that change the H (hue) values of that particular color to get a variety of working colors. In my opinion, this technique doesn't always work but when it does, it works good!
I agree with @Goncalo. Hopefully we get either on YT or in upcoming course a more scientific approach to Color Palette Creating lesson-s. There is an in-depth course by The Futur - Color for Creatives but would like to see it in a web design course. For now, the palette apps and these videos do just fine.
The fact is that you show me we don't need multiple color to make UI beautiful. Just use one color and adjust the Tint and tone make show that it has contrast enough that would make your UI perfect.
Does your course go over creating the actual UI and layout? I will definitely check it out if it does. I’m pretty new to UI UX design and your vids are helping immensely.
Hi, I liked the technic and the output but did not understand the process fully. Can you please make a part 2 of this where you explain the process in little detail pls.
Last time I saw one of your videos, your hair was almost not present,..all i see is hair. Keep it up Gary, always fun to see your videos. Have a great day :-)
I'm not though. That's Figma. I use Figma for random stuff like animated presentations. I'm boycotting XD because they won't allow me to change the canvas background color.
I like your videos, but this video is misleading and may result in designs with too many shade variations to that can be consolidated into fewer options. Also might not be accessible to some color-blind users. This method is just not good. The best way is to create the pallet before implementing it in the design, and also better to check the contrast for accessibility. I really hope that for your paid content you to teach more then experiment.