A grid defines the amount of variable width columns across the page. E.g. 12,8,6,4 the gutters and padding are based on the base REM usually 16px which is decidable by eight. This allows your horizontal grid to fit any screen width as you change column count between break points and columns scale horizontally between each break point.
Can’t believe that you didn’t mention your 8px grid is driven by the base em being 16px. Im assuming that’s why you do it. Everything in typography is driven from the base M of set and the equivalent in digital is the base REM which is invariable 16px. This is exactly how I work and now with tokens it’s so easy. Thanks for reassuring me about my design practices and for helping to keeping me relevant.
I chimed in, but haven’t you designers ever heard of… Using an eight point grid? No it’s much better to space these kinds of things with a rule of proximity
Good stuff! You mentioned the button spacing, do you have any advice for the size of the buttons, specifically the smallest I should make them for finger taps (like, share, report, save, etc. buttons).
Do you REALLY need to make the big idiotic faces video covers for EVERY video? I mean seriously, is it some youtube algorithm that you creators feel the need to do this for?
Soo basic. When are you going to share some advance tips. I have been following you for a long time and it seems like you content is catered to beginners. Sorry for harsh words but I kinda disappointed in you J.
Spacing is king! For me the most important thing in UI . Nice video Jesse, Cheers 😁✏
Been looking for something like this to have a better understand on how to make a system working within UI. THANK YOU!!!
Thanks Jesse! I really enjoy these more specific, detailed videos!
Nice vid! Definitely the one of the most underrated skills that juniors should develop asap!
A grid defines the amount of variable width columns across the page. E.g. 12,8,6,4 the gutters and padding are based on the base REM usually 16px which is decidable by eight. This allows your horizontal grid to fit any screen width as you change column count between break points and columns scale horizontally between each break point.
Thank you so much. I was looking for a video like this
Spacing is so important! I can’t stress it enough
Great explanation Jesse, it really helped me. Thanks for making this.
Thanks so much. This video made alot of things clearer to me
thank you so much!
Can’t believe that you didn’t mention your 8px grid is driven by the base em being 16px. Im assuming that’s why you do it. Everything in typography is driven from the base M of set and the equivalent in digital is the base REM which is invariable 16px. This is exactly how I work and now with tokens it’s so easy. Thanks for reassuring me about my design practices and for helping to keeping me relevant.
Great video!
Thank you
Nice one Jesse, tq
nice video jesse
love when brandon urie drops new UI tutorials
I chimed in, but haven’t you designers ever heard of…
Using an eight point grid?
No it’s much better to space these kinds of things with a rule of proximity
@@jeremyfultineer7 HAHAHAHAHAHA good one why i was reading and singing it 😂😂
Great video! One question: In the video you are refering to a 8px grid, but in the video description it says 8pt grid. Are points and pixels the same?
How do you adjust your 8px grid (Figma) if the width is different on different devices (to have equal divisions accross the width)? Thanks :)
Can you share the Figma file? Just curious how you set the frames!
What is the font used for titles?
Good stuff! You mentioned the button spacing, do you have any advice for the size of the buttons, specifically the smallest I should make them for finger taps (like, share, report, save, etc. buttons).
40px is sweet spot for smaller button size. Try it once ! 😊
@@amanrao9702 Appreciate that! I'll check it out!
I would give this 100 likes❤
This is truly incredible! Could you provide a review of my application? I've gained so much knowledge from it.
why 6px?it is not 8 th multiply? If its decimal number then we can have any amount of pixels?
Do you REALLY need to make the big idiotic faces video covers for EVERY video? I mean seriously, is it some youtube algorithm that you creators feel the need to do this for?
Soo basic. When are you going to share some advance tips. I have been following you for a long time and it seems like you content is catered to beginners.
Sorry for harsh words but I kinda disappointed in you J.