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

Поделиться
HTML-код
  • Опубликовано: 18 янв 2025

Комментарии • 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 RUclipsrs, 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 5 месяцев назад +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  4 месяца назад

      Thank you so much. 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 😊

  • @alexandervanlohen4229
    @alexandervanlohen4229 Месяц назад

    Well explained, thank you!

  • @sabinekwan
    @sabinekwan 11 месяцев назад

    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  10 месяцев назад

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

  • @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 11 месяцев назад

    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  10 месяцев назад

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

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

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

  • @derrickdouglass
    @derrickdouglass Год назад +1

    Awesome Vid Ms. Shili.....

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

      Glad you liked it 😊

  • @TerryKALANDA
    @TerryKALANDA Год назад +1

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

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

      Great! Thanks for watching 😊

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

  • @edmondmarcellinuskamji
    @edmondmarcellinuskamji 2 месяца назад

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

    • @uxtshili
      @uxtshili  2 месяца назад

      @@edmondmarcellinuskamji i already have
      ruclips.net/video/jNLjA4HsBBw/видео.htmlsi=wydCzo71wMoQVL_t

  • @aundreagrieco7490
    @aundreagrieco7490 4 месяца назад

    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  4 месяца назад

      ok, thanks for watching

  • @Spectra_X1
    @Spectra_X1 Год назад +1

    Love it. You sound like AI (Alexa)

  • @thankgodlove
    @thankgodlove Год назад +1

    👍🏾

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

    Great

  • @drakZes
    @drakZes 11 месяцев назад +1

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

    • @uxtshili
      @uxtshili  10 месяцев назад

      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 10 месяцев назад

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

    • @uxtshili
      @uxtshili  10 месяцев назад

      Not really, its about the one design fitting 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 8 месяцев назад