Choosing and Applying UI Colors | 60-30-10 Rule for color palettes

Поділитися
Вставка
  • Опубліковано 17 гру 2024

КОМЕНТАРІ • 67

  • @osikebruno
    @osikebruno 2 місяці тому +2

    This an outstanding graphic gesign video on how to create a good composition. Please do a video on getting clients and how to keep going when things don't work out your way as a designer. I would also like you to share your experience on the struggles someone might face when learning UI/UX and the best place to learn UI/UX. I would recommend you create an online membership website to mentor people globally because your design flow is top-notch and you keep everything simple in a layman's understanding. It means the world to me.

    • @uxtshili
      @uxtshili  Місяць тому +1

      Thank you so much for your feedback. I will add that video idea to the list. I will be doing a free webinar soon, sign up to my mailing list to get details soon. Thank you for watching 😊

  • @alexandervanlohen4229
    @alexandervanlohen4229 9 днів тому

    Again, so well explained. Thanks a lot!

  • @adeisaac
    @adeisaac Рік тому

    I could sit all day just watching her do thing. She is amazing...nice work there

    • @uxtshili
      @uxtshili  Рік тому

      Thank you so much for watching 😊

  • @jamsonmsuzi9645
    @jamsonmsuzi9645 Рік тому

    All Design Principles in one video. Thanks for making things simple

  • @s7s_space
    @s7s_space 4 місяці тому

    Thanks Tshilti for great content , we need more from that esp for beginner for applying basics like typography, spacing, Visual hierarchy, white space, aligment , UI patterns for web & mobile ..etc

    • @uxtshili
      @uxtshili  3 місяці тому

      Great suggestion! I will be making more videos soon

  • @ChenChing-h3x
    @ChenChing-h3x 7 місяців тому

    Nice content, I like the examples and contrast after your change. It really demonstrates how your point is making design better. Thank you for all those videos!

    • @uxtshili
      @uxtshili  7 місяців тому

      Glad you liked it!

  • @scenesfromsophia
    @scenesfromsophia 5 місяців тому

    Thank you Tshili for this video. I absolutely love your videos, I'm an entry designer and your videos have been really helpful ❤😊

    • @uxtshili
      @uxtshili  5 місяців тому

      Thanks for watching. I'm glad its helpful 😊

  • @kellysam9348
    @kellysam9348 3 місяці тому

    I love it...pls do more for landing pages

    • @uxtshili
      @uxtshili  3 місяці тому

      Thanks for watching, yes will be doing more in the future

  • @nanonkay5669
    @nanonkay5669 Рік тому +2

    For me, it comes down to these 3 rules when picking colors:
    1. Pick colors that harmonize.
    2. The picked colors must contrast well
    3. Keep it as minimal as possible
    For color harmony, there are tools online that help you see which colors harmonize well with whatever color you picked
    For contrast, you can incorporate a neutral color. If not, you can turn the colors picked into a neutral by either tinting them whiter or shading them darker, depending on what works better for your needs.
    From here, you can apply the 60 30 10 rule.

    • @uxtshili
      @uxtshili  Рік тому

      Yes this is a great way to to pick good colours. Thanks for watching 😊

  • @adenawalker7
    @adenawalker7 Рік тому +1

    Thanks Tshili...your videos are always on point and very helpful. Keep up the great work and I look forward to your next vid.

    • @uxtshili
      @uxtshili  Рік тому

      Glad you like them! Thanks for watching😊

  • @jaammmiiii
    @jaammmiiii Рік тому

    This is amazing Tshili! My fave part was applying the techniques we just learned by redesigning existing screens. Love how practical it is and it really makes the lesson stick :)

    • @uxtshili
      @uxtshili  Рік тому

      Thank you so much. Glad it was helpful

  • @warisakorede_
    @warisakorede_ Рік тому +2

    Thank you so much for this!
    This is really helpful 💯

    • @uxtshili
      @uxtshili  Рік тому +1

      Glad it was helpful!😊

  • @edo2470
    @edo2470 Рік тому

    Bravo Bravo bravo! Huge applause to you for making this great video!

  • @laughtero.atanda2721
    @laughtero.atanda2721 Рік тому

    Thank you so much for this great and useful content🥰.
    And I would also love to see subsequent tuts video on style guides and components in figma.

    • @uxtshili
      @uxtshili  Рік тому

      Thanks for watching, that might be my next video 😉

    • @laughtero.atanda2721
      @laughtero.atanda2721 Рік тому

      @@uxtshili Great, thanks for all you do.

  • @inibhojeomatseyin8105
    @inibhojeomatseyin8105 Рік тому

    Very informative Tshili! Thanks!

  • @mercm97
    @mercm97 Рік тому

    Thanks Tshili! this was really informative and I will be using the concepts for my business

    • @uxtshili
      @uxtshili  Рік тому

      Glad it was helpful! Thanks for watching

  • @skottmellins4584
    @skottmellins4584 10 місяців тому

    This tutorial is absolutely amazing and so clarifying this complex topic… really a lot of congratulations and I thank you sooooo much for this great work.
    One big question though…
    Even though, as you did, we could see that there is more of this or that color in a design which could feel unbalanced, but how are you doing to calculate the exact pourcentage of the colors already there in a design like you’re doing? That is so mysterious to me. Are you guessing or Is there a plugin or something else to do that please ?
    Best,

    • @uxtshili
      @uxtshili  9 місяців тому

      Apologies for the late response 😊 Thank you so much for your kind words.
      It's not a strict calculation, its just a guide to help you when you first get started, just guess, and as you are practicing design you will get more confident with it

    • @skottmellins4584
      @skottmellins4584 9 місяців тому

      Ohhhh ok thank you so much for your great help and also you really deserve all of these kind words. bye

  • @warisakorede_
    @warisakorede_ Рік тому +3

    Yay!🎊🎉

  • @CHINWENDUIZUAKOR
    @CHINWENDUIZUAKOR Рік тому

    Beautiful! Thank you ma'am 🙏🏿

    • @uxtshili
      @uxtshili  Рік тому

      Thank you for watching

  • @learn_with_sher_wali
    @learn_with_sher_wali 9 місяців тому

    Very Helpfull for me thanks for the video

    • @uxtshili
      @uxtshili  9 місяців тому +1

      Thank you for watching 😊

  • @tysonbwalker
    @tysonbwalker 10 місяців тому

    really great video. thanks!

    • @uxtshili
      @uxtshili  9 місяців тому

      Thank you for watching 😊

  • @fatimasbee
    @fatimasbee Рік тому

    Thank you so much for this!

    • @uxtshili
      @uxtshili  Рік тому

      Glad it was helpful!😊

  • @ibiyeisokariari5742
    @ibiyeisokariari5742 Рік тому

    amazing video! can you do one on autolayout please?

    • @uxtshili
      @uxtshili  Рік тому +1

      Yes, added to the list!

  • @EliteTech24
    @EliteTech24 10 місяців тому

    So beautiful ❤❤❤❤ u go girl !

  • @kousar335
    @kousar335 Рік тому

    teaching is awesome it would have been good if you could have shared figma file for our better understanding

    • @uxtshili
      @uxtshili  Рік тому

      Thanks for watching. Apologies, I will take that into account next time 🙂

  • @Man_davo
    @Man_davo Рік тому

    thank you

    • @uxtshili
      @uxtshili  Рік тому

      Thanks for watching😊

  • @chidiutonjoku1336
    @chidiutonjoku1336 10 місяців тому

    I am always confused when attempting to follow the 60-30-10 rule, particularly in material design systems that use baseline design tokens and assign different functions to colors. I find it difficult as a beginner to understand how to use these unique colors in my designs in a way that makes sense.

    • @uxtshili
      @uxtshili  10 місяців тому +1

      Yes I understand, Material design is very rigid in their colours and its very specific to Material design, most designers don't use it unless designing specially for android. As a beginner dont put too much pressure on yourself just keep experimenting, it will get easier 😊

    • @chidiutonjoku1336
      @chidiutonjoku1336 10 місяців тому

      @@uxtshili Thank you for this advice.

  • @3dwizard3d
    @3dwizard3d Рік тому

  • @Chris-jm2gx
    @Chris-jm2gx 9 місяців тому +1

    "stay away from gray"?
    but everybody uses gray

  • @_efeoghene
    @_efeoghene Рік тому

    This is Suppose to be a color video right??

    • @uxtshili
      @uxtshili  Рік тому

      Why do you ask?

    • @_efeoghene
      @_efeoghene Рік тому

      @@uxtshili You really deviated from it
      Was thinking it was mainly for 60 30 10 color principle alone.
      All along it was a solid one as always ☺️
      Thanks.

    • @uxtshili
      @uxtshili  Рік тому

      @@_efeoghene ok, which parts do you feel deviated from talking about colour? I cant explain the 60-30-10 Rule without explaining colour theory. If you don’t start by picking the right colours, then the 60-30-10 is useless. Then I demonstrated how to actually design with it.

    • @_efeoghene
      @_efeoghene Рік тому

      @@uxtshili Alignments and grids

    • @_efeoghene
      @_efeoghene Рік тому

      I think if it was on colors.. then the video should be for just for just colors which you delivered as usual.. talking about alignments and laying emphasis on grid's wasn't really cool..I almost forgot I was watching a video on colors actually.

  • @YTNutflexPayb
    @YTNutflexPayb Місяць тому

    Thank you