Master Responsive Design (8 point grid system) | UI and Websites | Figma file included

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

КОМЕНТАРІ • 46

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

    I hope you have found this useful, let me know if you would like me to clarify anything 😃

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

      Great video Tshili! Quick question
      ​Can you include this Figma file in your description so we can practice with it?

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

      @@kayodedesign Yes, here is a link, I hope its helpful www.figma.com/file/mwzS0c31qsO6gpQzZ8tM9F/Responsive-grids?node-id=0%3A1&t=Gp6DH8LOIdoeMe2t-1

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

      @@uxtshili Thank you

  • @teslatang4941
    @teslatang4941 Рік тому +7

    I've been going through so many grid tutorials, even from big UX UA-camrs, but yours are the ones that finally helped me understand! Thank you Tshili!

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

      Thank you for watching. I'm glad it was helpful 😊

  • @Marina-vb9by
    @Marina-vb9by 4 місяці тому +1

    This was the BEST tutorial on 8 point grid systems and responsive designs. I'm so very grateful I found your channel. Thank you for sharing this!

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

      Thank you so much. Glad it was helpful!

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

    I am doing a design challenge for a job application for Product Designer. It is my first job after graduation and internships. I am sweating bullets to start to timer for UI design since I am more focused on the UX and research part than UI. And let me tell you, THANK YOU for these videos, for keeping them short and clear, like these videos were the only thing that was able to ease my anxiety. Bless your soul!

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

      Thank you so much for your kind words, really appreciate it 😊

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

    Hi there, thank you so much for the video. I was nervous since I just started a new job, but finally understand responsive layout from watching your video. I hope you're recovered from your illness since then, and am doing well.

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

      Im glad it was helpful. Thank you, Im feeling much better 😊

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

    Well explained, thank you!

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

    I went through the file layers and I understand what i have been lacking, thanks so much😁

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

      😊 I’m glad it was helpful

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

    Love it Tshili, I learned a few new tricks from this ❤

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

      Glad you found it useful 😊

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

    Thank you for explaining everything so clearly and concise, I was looking for great content and I found it :)

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

      Thats so kind! thank you for watching

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

    Super awesome tutorial, I have gone through many tutorials. But your way of teaching is really really nice ❤

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

      Thank you so much 😊

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

    Awesome Vid Ms. Shili.....

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

      Glad you liked it 😊

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

    Thank you for another great video! Thought it was so interesting when you mentioned that although a lot of traffic came through the mobile phone, conversions took place on the website, and so it was best to optimise both screens.
    I just wanted to ask, how do you decide when creating responsive designs what should be stacked on top of each other, rather than just made smaller? Is it just eyeing it or is it using auto layout on a frame etc?

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

      Hi Apologies for my late response. There's not set rules, but its usually based keeping things a good size. At some point your text/ images will be too small to read comfortably. So design multiple versions and then compare which one will looks best 😊

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

    i love you, you save my time ! from Congo Hello

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

      Great! Thanks for watching 😊

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

    Nice video, can you make a video on Auto-Layout?

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

      @@edmondmarcellinuskamji i already have
      ua-cam.com/video/jNLjA4HsBBw/v-deo.htmlsi=wydCzo71wMoQVL_t

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

    Great job, it really helpful but how did you compress the whole thing on the desktop to hamburger menu.

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

      The menu in the hamburger appears when you click it.

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

    Love it. You sound like AI (Alexa)

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

    This is a great video and super easy to follow along! I do wish you were less robotic in the beginning, it was kind of hard to follow what you were saying.

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

      ok, thanks for watching

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

    Great

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

    Why is desktop 1440 width when most desktop's re 1920?

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

      Laptop is 1440, 1920 is usually a monitor size. I mentioned that screens come in different sizes, 8px grid system is to help the designs fit on different screens

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

    thank uuu but isnt the whole idea is about making the design of all devices in one screen ?

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

      Not really, its about the one design fitting different screens

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

    👍🏾

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

    in the intro she looked like she was held at gunpoint

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

      Yes I was recovering from an illness when I recorded this

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

      oh! I hope you're better now. (great tutorial btw)@@uxtshili

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