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

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

КОМЕНТАРІ • 43

  • @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 Рік тому +5

    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 Місяць тому

    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  Місяць тому

      Thank you so much. Glad it was helpful!

  • @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

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

    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  6 місяців тому

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

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

    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  6 місяців тому

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

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

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

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

      Glad you found it useful 😊

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

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

    • @uxtshili
      @uxtshili  10 місяців тому +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  11 місяців тому

      Thank you so much 😊

  • @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 😊

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

    Awesome Vid Ms. Shili.....

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

      Glad you liked it 😊

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

    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  Місяць тому

      ok, thanks for watching

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

    Love it. You sound like AI (Alexa)

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

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

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

      The menu in the hamburger appears when you click it.

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

    👍🏾

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

    Great

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

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

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

      Not really, its about the one design fitting different screens

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

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

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

      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

  • @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 4 місяці тому