Beginner's Guide to COLOR STYLES: Understanding TONAL VALUES, CONTRAST RATIO and more!

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 พ.ย. 2024

ความคิดเห็น • 43

  • @SatyamBarnwal090
    @SatyamBarnwal090 5 หลายเดือนก่อน +3

    This was no doubt the best video I've watched on Colour theories. Thanks a lottttttt chethan. This was just extremely valuable.

  • @rajdeepshaw94
    @rajdeepshaw94 6 หลายเดือนก่อน +3

    this is channel is gold mine

    • @827023685
      @827023685 3 หลายเดือนก่อน +1

      I KNOW! It's extremely strange how ansh mehra's channel is more famous even though it doesn't offer this much value. No hate to him since he's doing his hustle but I wish algorithms boosted this channel more. It doesn't even show up on my search result anymore like it used to.

  • @syedshujja6543
    @syedshujja6543 ปีที่แล้ว +2

    Sir ! Love your effort in the video. I don't know anyone better than you on whole youtube teaching these kind of stuff. Hats off to you🎉

  • @MrANANDRAJ100
    @MrANANDRAJ100 2 ปีที่แล้ว +1

    This is the best channel I have ever came across for UI design.

  • @ushadesai6306
    @ushadesai6306 ปีที่แล้ว +1

    This is the best video for creating tonal values for primary colors that pass accessibility. I was exactly looking for this a week ago. Thank you so..so... much🙏

  • @prathameshagrawal9879
    @prathameshagrawal9879 2 ปีที่แล้ว +3

    I think the amount of value someone can get here is nowhere close to the value someone can get in lakh rupees in boot camps. Such an amazing and deep knowledge.

  • @ameereeo
    @ameereeo ปีที่แล้ว +1

    Thanks man, playlist is really amazing 🖤

  • @FKFAIZAN47
    @FKFAIZAN47 ปีที่แล้ว +1

    That was amazing!! Definitely gonna follow this process for my upcoming projects.

  • @mennasayed4995
    @mennasayed4995 ปีที่แล้ว +1

    really really amazing!!!!! I learnt alot thank you very match!

  • @sumeetj3628
    @sumeetj3628 2 ปีที่แล้ว +1

    Thanks a lot, Chetan!

  • @harveyuzumaki7808
    @harveyuzumaki7808 2 ปีที่แล้ว +2

    Chetan, great video @16:41 if I am not mistaken, the background color should be green and the foreground color should be white. It is possible that things were missed in the flow. And for any beginner designer watching. It is important to note that accessibility applies not only to the color, but also to the size of the text.

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว +1

      I understand what you’re saying. However, contrast ratio doesn’t matter where the 2 colors are being used. If the contrast ratio is 5:1 for example, it will be the same if green is on top of white or white is on top of the green.

    • @harveyuzumaki7808
      @harveyuzumaki7808 2 ปีที่แล้ว +1

      @@DesignPilot that make sense!

  • @aslamrabbio4670
    @aslamrabbio4670 2 ปีที่แล้ว +1

    thank you .great video .

  • @harshitagarwal5849
    @harshitagarwal5849 2 ปีที่แล้ว +1

    Great vedio.👏👏

  • @ikennagibson3933
    @ikennagibson3933 2 ปีที่แล้ว +2

    Great video mate, I am looking forward to your competitive analysis video, could u please include how to carry out research to inform design decisions. Please keep this videos coming man, I can remember your channel was one of the few channels I knew when I started my UX journey 2 years back. Well done mate

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว +1

      Stay tuned! Amazing stuff coming soon

    • @ikennagibson3933
      @ikennagibson3933 2 ปีที่แล้ว +1

      @@DesignPilot 🥳🥳

  • @sohailhatim8072
    @sohailhatim8072 ปีที่แล้ว +1

    this video is best

  • @ankushdhiman152
    @ankushdhiman152 2 ปีที่แล้ว +2

    You covered a complete course in just 35mint. Thankyou 🙏🙏

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว +1

      Do watch the Design Tokens video on Thursday. It will be even better.

  • @ShubhadaPujare
    @ShubhadaPujare 2 หลายเดือนก่อน +1

    Hello Chethan Sir, is the video card that comes up at 10.30 "Design Components like a pro" renamed or revamped with some other thumbnail. I cannot seem to find it in your playlist.

    • @DesignPilot
      @DesignPilot  2 หลายเดือนก่อน

      Probably. Just search for the tirle

  • @naveelift2962
    @naveelift2962 ปีที่แล้ว +1

    Hey Chethan, thanks for this awesome gem of a content. What if I want to use a gradient with two colors as my primary button's color, how does the color system scale in that case

    • @DesignPilot
      @DesignPilot  ปีที่แล้ว

      You can create a separate swatch for it. But you need to use colors that are in your system

  • @sahil9198
    @sahil9198 2 ปีที่แล้ว +1

    Great video, please make a similar video on creating and using typography system if possible. Thank you 🙂

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว

      Do check the video, I have a few videos on typography

  • @rashikrefath539
    @rashikrefath539 2 ปีที่แล้ว +2

    When I run chroma colors it is not adding color to system. It's just showing 0 styles added? 🤔

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว

      Hmm. Weird. Not sure

  • @farzi_rtist
    @farzi_rtist 2 ปีที่แล้ว +1

    I have one question about the neutral colors in your "Picking neutral color video" we define one primary neutral color (let's say #000000) and then reduce the opacities to create a palette.
    Whereas here you have said to use hex codes from material design or the color designer site. It doesn't make much difference but what is the most optimal way?

    • @DesignPilot
      @DesignPilot  2 ปีที่แล้ว

      So honestly there is no right or wrong answer. You have to use both in some cases. In case you have an element over another element, you may have to use a solid full Color instead of opacity. Or else you can through the below elements and it can look really ugly.

  • @nishantKumar-tr5ek
    @nishantKumar-tr5ek ปีที่แล้ว +1

    Sir material design mein tonal values ka scale 0 to 100 hai or
    O yani black or 100 yani white
    Every tone value between 0 and 100 expresses the amount of light present in the color
    And you said 900 ,800 to 50 I didn't understand

    • @DesignPilot
      @DesignPilot  ปีที่แล้ว +1

      The tonal value has nothing to do with the lightness of the color.
      It’s just a name to identify the hex code.

  • @nishantKumar-tr5ek
    @nishantKumar-tr5ek 9 หลายเดือนก่อน +1

    When we creating an app this whole color palettes we use in the design

    • @nishantKumar-tr5ek
      @nishantKumar-tr5ek 9 หลายเดือนก่อน +1

      Like every color or only we need

    • @DesignPilot
      @DesignPilot  9 หลายเดือนก่อน +1

      You create a palette with the entire range. But then you can choose only what you need from that. You don’t have to use all of them

    • @nishantKumar-tr5ek
      @nishantKumar-tr5ek 9 หลายเดือนก่อน

      @@DesignPilot thank u

  • @ushadesai6306
    @ushadesai6306 ปีที่แล้ว +1

    My Mac does not let Pika be installed!

  • @NitishKumar-sc2fi
    @NitishKumar-sc2fi ปีที่แล้ว +1

    what are those 50 - 900 ?

  • @shohag_ux
    @shohag_ux ปีที่แล้ว +1

    Can you please decrease the intro sound for all videos? Most of the students use headphones when they watch TV, but this sound causes headaches (even with the box) or distracts from focus! Does anybody feel the same?

    • @DesignPilot
      @DesignPilot  ปีที่แล้ว +1

      Maybe try decreasing the volume of your computer or speaker?