Create professional UI designs with Google spacing method

Поделиться
HTML-код
  • Опубликовано: 6 июн 2024
  • Do you randomly space out your UI elements? Properly gridding is one of the most important factors that make your works look professional. Google material system is there to help.
    -
    Need UI/UX Mentorship? Book a session with me on Clascity
    clascity.com/classes/83/caleb...
    -
    Feeling generous? Support me on Patreon
    / kayungcaleblai
    -
    My startup - A Skill-Sharing Platform to teach and learn anything
    clascity.com/
    -
    Follow my work on Dribbble
    dribbble.com/Caleblai
    -
    Personal portfolio
    -
    My design agency
    www.alphaio.co/
    -
    Follow me on Instagram
    / caleb_kayunglai
    -
    Need a server to host your website?
    Hostinger is now 90% off - less than $1/month.
    Support this channel and sign up with my discount code: "CALEB".
    www.hostinger.com/caleb

Комментарии • 16

  • @den_vortezio
    @den_vortezio Год назад +2

    Thank you for the video, it was very helpful!
    I struggled with aligning elements, but now it's more clear how to do that properly.

  • @tolivich
    @tolivich 8 дней назад

    What is the alternative button for options in windows? The alt key keeps duplicating cannot align

  • @AnuragGanguly
    @AnuragGanguly 2 года назад +1

    Thank you for the great content!

  • @chelsylugo6003
    @chelsylugo6003 Год назад

    Thank you so much for this. You made it so easy to understand!

  • @mourbatsalim4830
    @mourbatsalim4830 Год назад

    Very very helpful video thanks Caleb

  • @kwunlingpak130
    @kwunlingpak130 2 года назад

    Great content. Thanks !!!

  • @siyamshekh3436
    @siyamshekh3436 Год назад

    Thanks

  • @sen_se___
    @sen_se___ 2 года назад

    I loved this. Can you do more of these?

    • @KaYungCalebLai
      @KaYungCalebLai  2 года назад +1

      Sure yea, I'll share more tricks. Stay tuned

  • @chukwumaudokporo2586
    @chukwumaudokporo2586 2 года назад +1

    Great content. Recently started using the 8pt soft grid too. I noticed you don’t use auto-layout or group items. Any reason why?

    • @KaYungCalebLai
      @KaYungCalebLai  2 года назад

      Thanks! I usually use auto layout, just not for this quick demo :)

    • @chukwumaudokporo2586
      @chukwumaudokporo2586 2 года назад

      @@KaYungCalebLai I see! Was just wondering how your grouped your rows. Keep up the good job 👍

  • @miraclelekwauwa6433
    @miraclelekwauwa6433 2 года назад

    Nice content.... wanted to ask, what is the minimum size of font to use when designing ?

    • @KaYungCalebLai
      @KaYungCalebLai  2 года назад

      I'd say no smaller than 10pt. 8pt would be pretty extream. Usually body type is 14px

  • @DesignersLair
    @DesignersLair 7 месяцев назад

    Emm... You said 18? On 4:40...