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

[@uxtshili]

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

[@kayodedesign]

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

[@uxtshili]

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

@@uxtshili Thank you

[@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!

[@teslatang4941]

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

[@uxtshili]

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

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

[@shanemania18]

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]

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

[@kathrynemueller8210]

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

[@uxtshili]

Glad you found it useful 😊

[@waju3457]

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

[@uxtshili]

😊 I’m glad it was helpful

[@sabinekwan]

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]

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

[@aaronflowsinlife]

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

[@uxtshili]

Thats so kind! thank you for watching

[@sadhnaberiwal9598]

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

[@uxtshili]

Thank you so much 😊

[@ramatumarie]

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]

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]

Awesome Vid Ms. Shili.....

[@uxtshili]

Glad you liked it 😊

[@TerryKALANDA]

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

[@uxtshili]

Great! Thanks for watching 😊

[@Spectra_X1]

Love it. You sound like AI (Alexa)

[@uxtshili]

😄😄 thanks

[@alicetaiwo3919]

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

[@uxtshili]

The menu in the hamburger appears when you click it.

[@Muhamedd_Selim]

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

[@uxtshili]

Not really, its about the one design fitting different screens

[@drakZes]

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

[@uxtshili]

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

[@arunachalamkaruppaiah8486]

Great

[@uxtshili]

Thanks for watching

[@thankgodlove]

👍🏾

[@HMT_main]

in the intro she looked like she was held at gunpoint

[@uxtshili]

Yes I was recovering from an illness when I recorded this

[@HMT_main]

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

[@soeyadanartun1208]