It's really more on the tier of a near 1M sub-level. He's doing all the right things, and the information is very well presented - and interesting! I'm glad to be amongst the early adopters in this comments section.
I love how simple and understandable you’ve told a subject that we designers love to overcomplicate as UX experts. Brilliant storytelling and teaching work. Good job!
As an experienced designer I'll tell you this, the Rule of using 4px or 8px doesn't need to be the only rule. I always use Rule of Thirds, be it for my composition or 3px rule when it comes to designing for web/phone. The idea is, the resolution of the devices should be divisible by this number so that you can divide the layouts and other components accordingly. Rule of Thirds, is naturally found over Rule of 4 or 8. But as I said, rules are meant to be learnt, expertised and broken. Great video! :D
A key thing to remember with this sytem is also how icons are built and sized and why. It all comes down to fuzzy or sharp pixels when you view a properly constructed icon in pixel preview mode. If they're designed to be divisable by 8 you always get even numbers and this results with sharp graphics, (no half fuzzy fixels) This is where these systems come from
Great video! I really appreciate you sharing the secret to creating amazing web designs with a single design rule. It's reassuring to know that there's a simple approach that can make a significant difference in the outcome. Thank you for providing valuable insights!
So informative and great explanation! Can you make one with how to make a visual design like pro? I don't see anything about it on youtube. Thanks man and keep it up!
Thanks for this quality of content, I'd like to know or I don't know if you already have a video explaining typography for different viewports. I'm a frontend developer and usually the objects tend to change depending on the viewport, so how should the typography be treated ? I've implemented in some cases Fluid Typography but not sure how to do it the right way. Thanks for your content.
Please, would you kindly consider creating a tutorial on this, I am a beginner in this space and I'll like to share in your knowledge. Please take it into consideration, I'll really appreciate if you do so. Thank you.
Great question! Six columns is the most you’ll ever need in practice, but having a reference number for 12 columns is useful for keeping your design consistent when you use 2 or 4 columns. So you can choose a width for your 6 column layout and then divide that number by two to get your 12 column width. Then multiply that number by 2, 3, or 4 when making those columns. So if that number is 64px then 4 columns would be 256px. The twelve column model is great for creating a “design system”, which is a standard you’ll use on your website even though most websites will never use twelve columns. Hope this was helpful, if you’d like more clarification let me know
I feel like you need to remake the thumbnail. It hides the gold quality content that the video is. Like how shiny sodium metal gets hidden by the oxidized layer.
No way, i thought this was a 100k+ subscriber channel with the quality of your videos. Keep up the great work!
same, one of the few channels that provide nice value, hope to grow much more cuz they deserve it
Thank you very much!
Totally agree. Absolutely love this channel. It’s going to boom shortly for sure
It's really more on the tier of a near 1M sub-level. He's doing all the right things, and the information is very well presented - and interesting! I'm glad to be amongst the early adopters in this comments section.
I love how simple and understandable you’ve told a subject that we designers love to overcomplicate as UX experts. Brilliant storytelling and teaching work. Good job!
I remember buying a course for UI designs. This video's concept of the 4 point grid system was so much more better explained and detailed. Kudos!
Randomly dropped in my recommendations. Instantly subbed.
THIS is the content the web design industry needs for beginners and users of no code tools. None of the salesy stuff pushed around everywhere.
As an experienced designer I'll tell you this, the Rule of using 4px or 8px doesn't need to be the only rule. I always use Rule of Thirds, be it for my composition or 3px rule when it comes to designing for web/phone. The idea is, the resolution of the devices should be divisible by this number so that you can divide the layouts and other components accordingly. Rule of Thirds, is naturally found over Rule of 4 or 8.
But as I said, rules are meant to be learnt, expertised and broken. Great video! :D
Great channel bro, I'm happy that I've just discovered you ! thanks for sharing your knowledge
Glad you enjoyed!
I am just bingewatching all your video's. Love it that you do charity too!
A key thing to remember with this sytem is also how icons are built and sized and why. It all comes down to fuzzy or sharp pixels when you view a properly constructed icon in pixel preview mode. If they're designed to be divisable by 8 you always get even numbers and this results with sharp graphics, (no half fuzzy fixels) This is where these systems come from
Great video! I really appreciate you sharing the secret to creating amazing web designs with a single design rule. It's reassuring to know that there's a simple approach that can make a significant difference in the outcome. Thank you for providing valuable insights!
So informative and great explanation! Can you make one with how to make a visual design like pro? I don't see anything about it on youtube. Thanks man and keep it up!
Can you make a video about how to make art and pictures for your website
Thanks for this quality of content, I'd like to know or I don't know if you already have a video explaining typography for different viewports. I'm a frontend developer and usually the objects tend to change depending on the viewport, so how should the typography be treated ? I've implemented in some cases Fluid Typography but not sure how to do it the right way. Thanks for your content.
You need to make more videos like this!!
Great job!
Perfect! Thanks!
so helpful
helpful video
isnt there a figma addon that does this??? incredible video
How do we adapt this when designing responsive websites? How do we go "mobile first" and get the clean feel?
Please, would you kindly consider creating a tutorial on this, I am a beginner in this space and I'll like to share in your knowledge. Please take it into consideration, I'll really appreciate if you do so. Thank you.
Love! LOVE! LOVE!!!!!
Thank you so much Shawn!
Create a rule, application, easy to use or follow
Hi DesignSpo - question on this video: What if my WordPress theme (Kadence) only goes up to 6 columns?
Great question! Six columns is the most you’ll ever need in practice, but having a reference number for 12 columns is useful for keeping your design consistent when you use 2 or 4 columns. So you can choose a width for your 6 column layout and then divide that number by two to get your 12 column width. Then multiply that number by 2, 3, or 4 when making those columns. So if that number is 64px then 4 columns would be 256px. The twelve column model is great for creating a “design system”, which is a standard you’ll use on your website even though most websites will never use twelve columns. Hope this was helpful, if you’d like more clarification let me know
@@DesignSpo Thanks for your reply! I appreciate it! I'm going to put this to use soon.
@@TylerB_777 awesome to hear, wishing you the best!
Cool 👍
hello
I feel like you need to remake the thumbnail. It hides the gold quality content that the video is. Like how shiny sodium metal gets hidden by the oxidized layer.
2.23k Sub!
If only this was for mobile
😪 'promosm'
Huh what's promosm 😕