🎯 Key Takeaways for quick navigation: 00:00 📐 Modular grids in designs help in alignment and give a professional layout structure. 01:28 🔝 Hierarchy and proximity in designs ensure visual engagement and guide the viewer's attention in the right order. 03:05 🌁 Layering creates a sense of uplift and depth in designs, bringing movement and perspective. 04:02 🎨 Harmonized colors enhance the visual appeal, and Global colors allow for consistent color adjustments across designs. 05:54 👁️ Clear focal points guide the viewer's attention and effectively communicate the main message of a design. Made with HARPA AI
This was the first actual helpfull video about design choices and tips, that caught my attention span, hold it and delivered. Thank you for cutting the blabla and just doing quick facts and come straight to the point. The comparison between the two posters and seeing what little you changed, but the difference it made was mindblowing. I actually understood your point and learned so much more from this short video then so many other videos about the same topic. Definitely gonna check out your other videos
I usually don't comment on video's but by how well this is put together I had to and also instantly subscribed. By this video alone you deserve a lot more subscribers man. Gonna watch your other video's now but please don't stop making these kind of video's! Really informative, great explanation with examples, straight to the point and well put together. Love it!
@@shapesbysean Understandable, take the time you need man. No need to pressure yourself. It's better to have a few high quality video's than a lot of mediocre ones. We can wait :)
This is such a valuable video. Practical and actionable tips, something a beginner like me can easily apply. I wish there could be more graphic design tips that are as simple and practical as this on the internet
Glad it was helpful! Taking a bit of a break from this, but I’ll be back with more practical videos soon. Is there anything in particular you would like to learn more on?
This is actually fairly simple once you know a few tips, i am by no means a specialist on typography but i can definitely make a video with some good tips!
This is my first time enjoying your TH-cam channel. Great content! Looking forward to hearing more from you! Your video was so informative. Thank you so much!
1:34 - Hierarchy and Proximity section is on-point. Hiearchy is important but the right scaling of element will help us to direct the viewers to the messaging
Thanks so much! Working on the next one right now, I’ve been super busy with work, then covid so had to take a quick break, but aiming to upload a video a week in future
this is very helpful, am trying to star a second hand watches bussines and my facebook post sucks, i always curious about desing and this bring me a lot of ligth in to the matter
Hi. I didn't understand this part 0:44, you said "i want 3 mil gutter around the edges so I'll reduce the H and W by 6 mil" then you reduce 20 millimeters... Could you explain me, please?
You’re right, I did say that! slip of the tongue. To be honest the exact size doesn’t matter to much, it can be whatever you feel looks good for your design 👍
To be honest the minimum margin size varies depending on the use case. E.g. for a hard back book it might be 19mm, for a paperback of a different binding method, it would be different. The minimum margin for websites would start at a minimum of 8 pixels, and generally scales up in 8's, so 8px, 16px and so on. I would just look up the minimum margins and gutters for the type of media you are designing for, then you can increase based on what you want to achieve aesthetically.
REALLY good video. Very instructive and easy to follow with well explained principles and very instructive application. Will use these laws going forward for thumbnail design and other aspects of video creation. The idea of creating a grid is great and I'll make one in Photoshop or find one online, thanks!
Hey Sean, I have trouble coming up with some abstract shapes/forms like you did in the last design behind the man in the suit, what is your process? Are you doodling until you land on something that feels good? Thanks for the video, was packed with useful tips!
Hey! That particular graphic is just a scaled up version of my logo. I usually roughly sketch ideas, before picking the ones I like and working them up in Adobe Illustrator. I have a few videos on how I come up with ideas, check out my Brand Identity Process vidoes!
You would be much better off using indesign… I know so many designers that comfortable in illustrator but it’s not meant for layout … breaking this habit will save u soooo much time and will be better
I tend to use InDesign for longer form editorial or brand guidelines etc. because of the amazing capabilities it has in master pages and paragraph styles etc. it is a bit trickier to get into as a beginner though, I’ll definitely release a more in-depth guide on layout using indesign at some point because it has so many amazing features
Agreed. We keep hiring new people who use Illustrator for everything, and it’s a struggle to get them to start using InDesign more. I understand, though. I was the same way until I got my first actual job.
Totally agree. But as shapesbysean mentioned, it can be trickier for a beginner therefore if they start off step by step it will be more helpful to them. The key is for them to learn. And I think the video is targetted to them. But then again, indesign is a must learn once someone is comfortable with illustrator.
very thankful for this! but i still don't get it why we have to change the color to global color. is it a must? is it just so we can change the hsl? or is there something more?
It just means that you can easily change all the same shapes and strokes of the same colour easily, without having to select them all each time. There are other ways of doing this ofcourse, this is just my preferred way.
hi, thanks for the video. when you first created the grid you said you wanted to make a 3 mm gutter around the edges (-6mm in height and width) but you reduced the grid by 20mm, 1 cm all around. unless im missing something?
Briefly yet meaningful! And examples look so good! Thanks a lot!! Could you please determine what the pace is? I never heard it before in design language
Thanks for the comments! Pace is bringing life to a design, it’s not really a technical term but a term I use a lot. It’s a combination of creating depth with layers and hierarchy using different sized elements
I'm thoroughly enjoying this. I had the privilege of reading something similar, and I was thoroughly enjoying it. "The Joy of Less: A Minimalist Living Guide" by Matthew Cove
Personally I just find illustrator more intuitive for single page layouts, but that’s probably because I am much more used to the shortcuts in illustrator. I have been meaning to make another video for longer form stuff in InDesign though!
I’ve got a few things to point out, but I’ll just mention something important. A logo must not be placed over anything. It’s better placed in an area that provides the padding recommended in the design system or brand guide.
In most cases I would agree, but I think there is an exception, which maybe I should have explained in the video. When the aim is to create visual tension vs the norm, placing the logo in an unconventional way can help tell people ‘this brand is different from the norm’
0:10 think big med small And then breaking things up into grids/equal spaced apart sections But most int one the shoe one was about unique big med small application in a swirl way not horizontal or vert but swirl 3:20) 2nd font, overlapping logo over pic, then overlapping pic over 2nd part of font to create even more depth 6:05 contrasting angles of subject matters So when overlap = high contrast and focal draw 6:10 largest text for 2nd focal, then smaller text within same proximity which groups them together and become second read afterward And then the next med size block of text afterward
When it comes to print design, InDesign is a better application to use than Illustrator. InDesign just has more features that give you more control on the creative end and on the printing end
It honestly depends on what you are designing, Illustrator is far easier for beginners, and a way more versatile software. I could do an entire video on paragraph styles in InDesign but there are a million courses and videos out there on that
I honestly to think that people who do single page layout in InDesign are living in the past. Illustrator now has all the same capabilities and much more. InDesign is for long form print documents and nothing else. It’s becoming a dinosaur like Quark Express
@@shapesbysean I use InDesign, Photoshop and Illustrator. Photoshop for imagery, illustrator for vector art such as logos and illustrations, and Indesign for layout design. I use all three in unison to create anything i want for print. Just using one application is limiting.
@@shapesbysean Never take the easy route in this industry, it'll only limit you. Learn Indesign first as it's the industry standard for creatives which allows you to design in single or multiple pages
interesting but hard to follow for the newbie haha. Also, around 0:47 you say something like 'reduce with 6 mill' and you take of 20 from 210. Maybe it is that I am not a native speaker, but that doesn't make sense to me. Thanks anyways!
Helpful for sure! I am actually trying to find how to make a 'custom' grid. I could just make a line, but I'm not sure how to transform that into a grid (like, a background line grid). But I'm such a beginner. I will find out
This video is a valuable resource for anyone interested in design, we offer comprehensive courses in graphic design, VFX, 3D animation, video editing, UI/UX design, and more. Your passion for learning aligns perfectly with our mission. Feel free to explore our offerings to further enhance your skills and unleash your creative potential!
@@shapesbysean When you make a design on front on screen, you know? this is amazing! all the concepts make sense... is great! very didactic for a benninger, and... is not much content like this. thanks! sorry for my english
🎯 Key Takeaways for quick navigation:
00:00 📐 Modular grids in designs help in alignment and give a professional layout structure.
01:28 🔝 Hierarchy and proximity in designs ensure visual engagement and guide the viewer's attention in the right order.
03:05 🌁 Layering creates a sense of uplift and depth in designs, bringing movement and perspective.
04:02 🎨 Harmonized colors enhance the visual appeal, and Global colors allow for consistent color adjustments across designs.
05:54 👁️ Clear focal points guide the viewer's attention and effectively communicate the main message of a design.
Made with HARPA AI
What is spilt intro group or the netherlands?
Hello
Many videos have talked about grids but you're the only one who properly showed how to use them. Thank you!
Glad I could help!
Thanks for not only showing what must be done, but also how is done. Very helpful!
Thanks for watching!
This was the first actual helpfull video about design choices and tips, that caught my attention span, hold it and delivered. Thank you for cutting the blabla and just doing quick facts and come straight to the point. The comparison between the two posters and seeing what little you changed, but the difference it made was mindblowing. I actually understood your point and learned so much more from this short video then so many other videos about the same topic. Definitely gonna check out your other videos
So glad I could be of help! I’ll be making more of this no nonsenses style video on all subjects of design and branding
You should! You're fantastic at it! @@shapesbysean
This was a great video, no fluff, no extra, right to the point. Every sentence mattered. Really appreciate this video.
I appreciate your kind words, glad you like the format 👍
Finally a nice simple and well thought out grid video with application example, love it man!
Glad you found it helpful!
Would love more videos like this and the example properly explained cuz often times we know the rules but struggle to implement it properly ~!
I try to be as clear as possible, I know creating a good design is a lot harder than it looks
@@shapesbysean thank you man !
I think the rules are the easiest part. the hardest part is the aesthetic IMO
I usually don't comment on video's but by how well this is put together I had to and also instantly subscribed. By this video alone you deserve a lot more subscribers man. Gonna watch your other video's now but please don't stop making these kind of video's! Really informative, great explanation with examples, straight to the point and well put together. Love it!
High praise, thank you! I am slowly but surely making another video, difficult to do alongside my job but I’ll get there
@@shapesbysean Understandable, take the time you need man. No need to pressure yourself. It's better to have a few high quality video's than a lot of mediocre ones. We can wait :)
Finally, 'global' colors will help me so much! Thanks for the tips and nice video with beautiful examples
Thanks for the support!
This is such a valuable video. Practical and actionable tips, something a beginner like me can easily apply. I wish there could be more graphic design tips that are as simple and practical as this on the internet
Glad it was helpful! Taking a bit of a break from this, but I’ll be back with more practical videos soon. Is there anything in particular you would like to learn more on?
@@shapesbysean Font pairing. They all look the same for me 🥱
This is actually fairly simple once you know a few tips, i am by no means a specialist on typography but i can definitely make a video with some good tips!
A great presentation of some very valuable information...beautiful.
Glad you liked it!
Very helpful and packed with useful tips. Sir, you got yourself a new subscriber.
Glad I could help! I’ll be releasing a new video in the next few days
Very clear and well structured video. Newcomers will certainly find this useful.
Glad I could help!
What a well done video! Keep it up, I will watch all your videos!
Thankyou for the support! I’ll hopefully be releasing another video this evening.
This is my first time enjoying your TH-cam channel. Great content! Looking forward to hearing more from you! Your video was so informative. Thank you so much!
So glad I could help! Stay tuned for more
Amazing in depth tutorial!
Glad it was helpful!
1:34 - Hierarchy and Proximity section is on-point. Hiearchy is important but the right scaling of element will help us to direct the viewers to the messaging
Indeed!
بہت کمال کی باتیں کی ہیں۔ بہت اعلیٰ ۔
Thank you!🙏
Great.... keep it up. Awaiting more videos
Thanks!
thank you so much , i just started learning digital marketing and this helped a lot.
Glad it helped! And good luck with digital marketing
All these rules. Truly gold. Bravo. 👏
Glad it was useful!
Nice and informative video! Good job and waiting for more. All the support for you bro!
Thanks so much! Working on the next one right now, I’ve been super busy with work, then covid so had to take a quick break, but aiming to upload a video a week in future
More videos like this!! This one was great!!
Coming soon!
thx! 7 minutes video but delivers so much value and insights.
Short and snappy is my aim!
Great stuff! Please keep creating. Waiting for more.
Thank you! Will do!
Very easy to follow video. Loved the explanations for your choices
Glad it was helpful!
this is very helpful, am trying to star a second hand watches bussines and my facebook post sucks, i always curious about desing and this bring me a lot of ligth in to the matter
Dm me through my Instagram channel if you need any advice on the social media posts!
@@shapesbysean i follow you xD i try to read as much as i can, i discover grids whit you xD
thanks that really helped me, I hope if you upload more videos like this one
Glad you liked it, I’ll do more on layout soon!
Great insights, laid out very effectively, Thanks!
Glad it was helpful!
Nice, thanks, did not know about Global colours
It’s a life saver!
Hi. I didn't understand this part 0:44, you said "i want 3 mil gutter around the edges so I'll reduce the H and W by 6 mil" then you reduce 20 millimeters... Could you explain me, please?
You’re right, I did say that! slip of the tongue. To be honest the exact size doesn’t matter to much, it can be whatever you feel looks good for your design 👍
@@shapesbysean Thank you, english is not my native language so I thought I had made some misunderstanding, now it's clear to me :D
@@ruhtrastart happy to help :)
May I ask how to know the size of the margin and gutter in every design? Like what is the ratio so I can adjust it in all canvass sizes? Thank you
To be honest the minimum margin size varies depending on the use case. E.g. for a hard back book it might be 19mm, for a paperback of a different binding method, it would be different. The minimum margin for websites would start at a minimum of 8 pixels, and generally scales up in 8's, so 8px, 16px and so on. I would just look up the minimum margins and gutters for the type of media you are designing for, then you can increase based on what you want to achieve aesthetically.
Fantastic !
Great content! love it !!
Thanks for watching!
REALLY good video. Very instructive and easy to follow with well explained principles and very instructive application. Will use these laws going forward for thumbnail design and other aspects of video creation. The idea of creating a grid is great and I'll make one in Photoshop or find one online, thanks!
Happy I could help! Even following just a couple of these rules makes all the difference for simple layouts
amazing reallllly I love this video
My pleasure! Glad I can be of help
Hey Sean, I have trouble coming up with some abstract shapes/forms like you did in the last design behind the man in the suit, what is your process? Are you doodling until you land on something that feels good? Thanks for the video, was packed with useful tips!
Hey! That particular graphic is just a scaled up version of my logo. I usually roughly sketch ideas, before picking the ones I like and working them up in Adobe Illustrator. I have a few videos on how I come up with ideas, check out my Brand Identity Process vidoes!
@@shapesbysean Thank you will check them out!
Fantastic video, all the examples and revisions are super useful 2:30
Glad it was helpful!
This video helps me much. Thanks!
Happy I could help!
You would be much better off using indesign… I know so many designers that comfortable in illustrator but it’s not meant for layout … breaking this habit will save u soooo much time and will be better
I tend to use InDesign for longer form editorial or brand guidelines etc. because of the amazing capabilities it has in master pages and paragraph styles etc. it is a bit trickier to get into as a beginner though, I’ll definitely release a more in-depth guide on layout using indesign at some point because it has so many amazing features
Agreed. We keep hiring new people who use Illustrator for everything, and it’s a struggle to get them to start using InDesign more. I understand, though. I was the same way until I got my first actual job.
You are absolutely right. In design is very great software.
Agree with InDesign. All of these grid tools are built in
Totally agree. But as shapesbysean mentioned, it can be trickier for a beginner therefore if they start off step by step it will be more helpful to them. The key is for them to learn. And I think the video is targetted to them. But then again, indesign is a must learn once someone is comfortable with illustrator.
Really cool and clean video! Well done
Glad you enjoyed it
Great Stuff!
Glad you enjoyed it
Very Helpful !! thankyou
You're welcome!
great video ! very informative !
Glad it was helpful!
Thank you. The video is very helpful and easy to follow.
That’s no problem! It’s been a while since I released anything but I am getting back on it and recording my next video
very thankful for this! but i still don't get it why we have to change the color to global color. is it a must? is it just so we can change the hsl? or is there something more?
It just means that you can easily change all the same shapes and strokes of the same colour easily, without having to select them all each time. There are other ways of doing this ofcourse, this is just my preferred way.
@@shapesbysean i see, thankyou for your reply
Thanks for this, master grid :)
My pleasure!
Really helpful. Thanks alot
Always a pleasure to help!
Very helpful! Love the animation 😊
Thanks for your kind words : )
great stuff, thank you!
hi, thanks for the video. when you first created the grid you said you wanted to make a 3 mm gutter around the edges (-6mm in height and width) but you reduced the grid by 20mm, 1 cm all around. unless im missing something?
Well spotted, that was just a mistake on my part/ but really the gutter should change depending on how you want your design to look
What an amazing video!!!!! Thank you so much
Happy I could help! I’ll have another video on logo design coming out soon so stay tuned!
And thanks for watching
Very useful, thank you!
My pleasure!
Great video! thank you.
Glad you liked it!
Briefly yet meaningful! And examples look so good! Thanks a lot!!
Could you please determine what the pace is? I never heard it before in design language
Thanks for the comments! Pace is bringing life to a design, it’s not really a technical term but a term I use a lot. It’s a combination of creating depth with layers and hierarchy using different sized elements
It’s trying to make a still image feel animated, if that makes sense?
@@shapesbysean yes it does! Thanks a lot!
Thank you
Welcome!
wonderful, really helped!
Happy I could help!
Excellent
Thank you! Cheers!
Fabulous! Thanks.
Thank you too!
thanks, it's a great video!
Glad you liked it!
Very good! Thanks!
My pleasure!
Thanks man!
Happy to help!
great video, thanks for sharing!
Glad to be of help!
trusting this video to pass my midterm
Hope it goes well mate!
I'm thoroughly enjoying this. I had the privilege of reading something similar, and I was thoroughly enjoying it. "The Joy of Less: A Minimalist Living Guide" by Matthew Cove
Thank you!
You're welcome!
great stuff, but why use illustrator when life is a lot easier using indesign for layouts?
Personally I just find illustrator more intuitive for single page layouts, but that’s probably because I am much more used to the shortcuts in illustrator. I have been meaning to make another video for longer form stuff in InDesign though!
@@shapesbysean looking forward to seeing it... keep up the good work
Thank you so much
Any time!
AWESOME. waiting for new videos...
I will get round to a new video soon, been very busy with my job recently
Just, Wow! 👏👏👏
Thanks for watching!
Great video!!!
Thanks!
i actually saw the image first for the hierarchy poster. Probably because there was more going on there than the heading and supportive text
That’s fair enough, hope the other rules were still useful!
I’ve got a few things to point out, but I’ll just mention something important. A logo must not be placed over anything. It’s better placed in an area that provides the padding recommended in the design system or brand guide.
In most cases I would agree, but I think there is an exception, which maybe I should have explained in the video.
When the aim is to create visual tension vs the norm, placing the logo in an unconventional way can help tell people ‘this brand is different from the norm’
@@shapesbysean I would reconsider.
your voice is chef kiss btw
I’m not entirely sure what that means but thanks!
@@shapesbysean it means your voice sounds nice 🫶
nice content, we one more sir, keep it UP!
Thanks for the support, I should be uploading another video next week.
0:10 think big med small
And then breaking things up into grids/equal spaced apart sections
But most int one the shoe one was about unique big med small application in a swirl way not horizontal or vert but swirl
3:20) 2nd font, overlapping logo over pic, then overlapping pic over 2nd part of font to create even more depth
6:05 contrasting angles of subject matters
So when overlap = high contrast and focal draw
6:10 largest text for 2nd focal, then smaller text within same proximity which groups them together and become second read afterward
And then the next med size block of text afterward
Hi, what is the program you are using to?
Adobe Illustrator, but the same principles apply in any design software :)
When it comes to print design, InDesign is a better application to use than Illustrator. InDesign just has more features that give you more control on the creative end and on the printing end
Yep; I can't take advice from someone who does page layout in Illustrator. Stopped play as soon as he said that and now on my way out. Crazy.
It honestly depends on what you are designing, Illustrator is far easier for beginners, and a way more versatile software. I could do an entire video on paragraph styles in InDesign but there are a million courses and videos out there on that
I honestly to think that people who do single page layout in InDesign are living in the past. Illustrator now has all the same capabilities and much more. InDesign is for long form print documents and nothing else. It’s becoming a dinosaur like Quark Express
@@shapesbysean I use InDesign, Photoshop and Illustrator. Photoshop for imagery, illustrator for vector art such as logos and illustrations, and Indesign for layout design. I use all three in unison to create anything i want for print. Just using one application is limiting.
@@shapesbysean Never take the easy route in this industry, it'll only limit you. Learn Indesign first as it's the industry standard for creatives which allows you to design in single or multiple pages
I'm sorry but why did you say 6mm gutter if you put a margin of 10 per side? Thanks
My mistake! To be honest the gutter can be whatever suits your design, this was just an example
I have a question if someone could answer.
What is better to use for graphic design a laptop or pc?
Most laptops should be able to hand any graphic design needs
so great!!!
Thankyou! Happy to help
@@shapesbysean ❤️❤️
Thank you
My pleasure!
this video was awesome, i wonder if could do quick tutorial on photoshop tho
Happy to be of help! I can certainly do a photoshop version of this at some point!
@AlphaDTFPrint, your expertise shines through! 🌟 What's your take on DTF printing for custom apparel? Let's share experiences! 👚💬
I must admit I haven’t used it!
Awesome
Glad I could be of help!
interesting but hard to follow for the newbie haha. Also, around 0:47 you say something like 'reduce with 6 mill' and you take of 20 from 210. Maybe it is that I am not a native speaker, but that doesn't make sense to me. Thanks anyways!
Little miscommunication there! Hope you found the video helpful even if a little hard to follow
Helpful for sure! I am actually trying to find how to make a 'custom' grid. I could just make a line, but I'm not sure how to transform that into a grid (like, a background line grid). But I'm such a beginner. I will find out
You can just drag a guide from the rulers at the side and top of your window if that helps?
thanks for that content!
My pleasure!
amazing wonderful
Thanks!
I love it.
No problem!
well done, thank you!
Happy to help!
nice video.. thanks
Happy to help 🙂
amazing! thank you :)
No problem, glad I could be of help!
B1E2
Nice
Thanks!
This video is a valuable resource for anyone interested in design, we offer comprehensive courses in graphic design, VFX, 3D animation, video editing, UI/UX design, and more. Your passion for learning aligns perfectly with our mission. Feel free to explore our offerings to further enhance your skills and unleash your creative potential!
thanks
Pleasure is mine
cool video)
Thanks! Glad it was useful
i love you men!
Sure I have a video planned that will focus on key elements, including layering, pace and how to make things stand out!
@@shapesbysean When you make a design on front on screen, you know? this is amazing! all the concepts make sense... is great! very didactic for a benninger, and... is not much content like this. thanks! sorry for my english
The best 👌
Glad I could help!
@@shapesbysean I couldn't agree more with the rest of the comments here. Informative and easy to follow. 🙌
The last one , i thinkthe colors can be better , and the cta is not efficient
Had a few comments on colours, thanks for the feedback