How to design AWESOME layouts using grid systems | Grid layout in graphic design | Design grids
HTML-код
- Опубликовано: 26 июн 2024
- A while ago I did a video talking about how to use the Golden Ratio as a grid in layout design. Today, I want to do a deeper dive into using grids in graphic design and talk about why a grid works and how to effectively use grids. Using a grid in your graphic design projects is one of the easiest ways to improve your designs. If you found this video helpful, let me know what you learned in the comments! 👇
#Grids #GridSystems #LayoutDesign
🌐 Connect with me
www.jchardt.com/
/ jc_hardt
x.com/jc_hardt
👍 Make sure to like this video if you enjoyed it!
🔔 Subscribe for more expert design tips and tricks.
/ @jc_hardt
🔗 View all my links
linktr.ee/jc_hardt
✏️ Read my blog:
www.jchardt.com/musings
⬇️ Watch my most recent upload!
ltstyt.be/4uW
📝 About Me:
I'm J.C., a self-taught visionary and passionate entrepreneur driven by the transformative power of creativity. Through storytelling, I've witnessed the magic of imagination captivating hearts and inspiring change. My journey led me from the struggles of entrepreneurship to a profound love for crafting brands and curating unforgettable customer experiences. With each project, I aim to connect people, challenge growth, and spark positive impact.
********************************************************************
▶ Copyright
The work is protected by copyright. This is applied to the video recording of itself as well as all artistic aspects including special protection on the final outcome. Legal steps will have to be taken if copyright is breeched. Music is used from the RUclips audio library and or sourced with permission from the author.
Thanks for watching!
Thank you - I just clawed my way out of a sales tunnel of a video put out by The Futur... this is what RUclips is for, democratisation of information and entertainment. You're the real deal! You're explaining this to me in a way more relatable than my university tutor... i felt so stupid in class when I couldn't "get it". I just needed the right person to explain it to me! I don't feel the shame anymore! I'm doing editorial based stuff now I've graduated and I feel like I'm in good hands!
Thank you so much! The Futur is a great resource for designers. I've learned a ton from Chris Do, but sometimes it just takes a different person explaining it to make it make sense! I'm glad I could help you on your design journey. Stay tuned for more content!
Love your videos, easily one of the best graphic design contents. Keep at it!
Thank you so much!
I've just spent the last 6 hours absorbing your videos. Excellent, excellent channel!
So kind of you! I'm glad you enjoyed my content. Let me know what videos you'd like to see!
It was really helpful. Thank you!
You're so welcome! Glad I could help ❤️
thank you! 😻 its really helpful
I'm so glad to hear that! 🙌
Great Video Jacob.. Thanks so much for this.
Thank you so much!
Your channel is a gem glad I found it
Thank you! I'm glad you enjoy the content! 🙌
Super interesting and useful video. I really appreciate the time you put into this. I learned a lot.
You are welcome! I really enjoy hearing how the content is helping people 😊
Fantastic thank you really helped me
So glad to hear this helped!
Thanks a lot. Helpful video. I love the way you explain and simplify everything.
Thank you!
Great information & content, keep it up! 🤟🏻🙏🏻
No problem! Thanks 👍
awsome video I needed it very much
Glad it helped!
Thank you
You're welcome!
Thank you for such a great content
Appreciate the support! Thanks
Thank you. I like how you teach.
I really appreciate that! I hope to help others come along the journey the same way I did, though a lot of self study on RUclips. Hopefully my passion for teaching shines through in every video. 😊
Very nice content! you're such a good teacher
Thank you so much! I very much appreciate the compliment. More content coming soon!
Very cool dive into unstandard grids
Perfect! I'm glad you enjoyed the content!
THANK YOU for this content!!! Watching from Guatemala!!!!
You're welcome! 💯
Excellent explanation! Better than most.
Thanks for the encouragement! Appreciate it!
Helpful thanks.
You're welcome! Glad you enjoyed!
Thanks for your useful clip
You're so welcome!
I'm interested in doing not boring designs :) Thank you!
That's awesome! You're gonna crush it for sure! 💪
I wish the tutorials in Spanish were explained that simple and complete at the same time, that's why I prefer this type of tutorial, thanks Jacob
You're so welcome! Glad I could help 🤗
Holyyyyyt sh*t. You just connected SOoo many dots for me within this 14 minute video I am completely mindblown… I’ve been self teaching for the last few months and thought I understood the basic principles of design but after watching this it’s clear I have a lot more to learn! Within the first 15 seconds all the way to the last 30 seconds, so many things were clicking in my brain haha. The way you explained why different graphics look related at the end because they have the same grid I was like 🤯🤯🤯 You are good 😎 thanks for sharing and educating us! Much appreciated keep up the good work 👏🏼
I’m designing a series of event promotion type graphics in exchange for a testimonial hoping to get something going in career/business. I feel so much more comfortable approaching it now after watching this one video - can’t wait to see what else ya got and thanks again!
Thank you very much for the thoughtful words. I'm glad you found value in my content! It's testimonials like these that inspire me to create more. Don't ever forget that inspiration is contagious. Cheers! 🙌
your videos are entertaining and very informative! may i ask what app you're usually using in making layouts? thank you and i hope to see more of your videos
Thanks May! I use the Adobe Creative Cloud suite, so Adobe Illustrator is what you're seeing in this video. More videos coming soon: stay turned!
Great vid
Thank you! Glad you enjoyed it!
Awesome video! It is so evident the amount of work you put in your videos, keep going! Also, I have a question - you mentioned that you can get premade grid layouts to use, is there a resource(s) where this can be downloaded?
Thanks so much! And to answer your question, yes there are lots of resources for grids! I use Evanto Market (there's a link in the video description). However, you can find them on freepik, creative market or a number of other vector asset sites!
@@jc_hardt Awesome, thank you so much!!!
Hi there! You make a very interesting point, that designs on the same grid under them "feel" the same. Can you make one more video demonstrating this more closely ? I am interested in this subject, thanks in advance!
Thanks for the request! Grid systems are a great way to create design symmetry, especially for things like a brand or campaign. I'll keep this in mind for future content ideas! 🙌
Yessssssss
You're welcome!
Yesss yesss yessss
🙌
Lovely video! What font are you using?
This would be Futura, which happens to be my favorite typeface of them all! ❤️
I never thought I'd be learning layout from Groucho Marx
You're welcome 😆🥸
@@jc_hardtI'm glad you took that the way I meant it, cause I now realize it might come off as insulting.
😆 you're not the first RUclips commenter to say such. I think it's funny.
Hi! Here can we find the lastgrid (Fibonacci one) on the video? Is it possibly to open source it?
Amazing video 💛
Hey! Thanks for the encouragement. I believe this is the grid you are looking for. I'll drop a link to a .pdf 👇
drive.google.com/file/d/1V4KU5vpqhpZ6V2YZ8gllTFiVT403l49c/view?usp=sharing
Always happy to help.
It’s not about just appeal but also your entire UI pattern’s dependencies. As well as dev handover. I have yet to hear anyone mention vertical-rhythm and how it is the literal defining factor for every grid value you will make.
Very true! This video is specifically about print layout grids, but I'm working on some content about UI grids. #soon 😁
❤❤❤❤❤❤❤❤
Glad you enjoyed!
Im in this composition course and im still confused as too WHERE i should place my text and images on a document whether it be an editorial or poster design im just not sure where to place images or text to make a successful composition that looks pleasing to the eye on a page; Do i put up top or the bottom of the page the left or the right ? its not clear to me so is there a rule or method on this topic on where to place images and text on a document to create a successful composition every or what is the best or most optimal place to start on a document or page to create a pleasing composition every time
The best advice I can give you Michael is to start with your most important information in the area of the page we look first. In English, we read top to bottom, left to right. So the starting place for me is always on the top left, and the finishing place is on the bottom right. This is a good beginning method of you aren't sure how to position you content!
Great content! But I have to say I am truly amazed by the fact I didn't find, in a CMD+F any "Figma" or "Sketch" comment :P
🤣🤣🤣 Me too! Thanks
10:51 Can you guide me how to create an image nested in a shape so quickly? I use clipping maske but it's too slow and not so fast
Ctrl + 7 or Cmd + 7 is the hotkey to create a clipping mask!
@@jc_hardt thank you. 😍😍😍😍
You're welcome! Hope it helps!
@@jc_hardt 💖😼😻😻
I need those networks how can I get them
😍
You should be able to find most of these grids online or copy them from my video!
Odd spacing? can you explain that more?
Are you referring to the grid spacing? I cannot remember what grid I was using for this example. However, I do remember giving the layout some white space, which I believe is discussed in the video!
@@jc_hardt I think the odd spacing in this context had to do with "people having a propensity" for it.
That people like a rhythm of odd numbers in visual design?
People definitely do like odd numbers! This is another reason the rule of thirds works well!
How can i create the last grid ?
The last one is a bit complicated. My recommendation is to Google around for grid templates until you find ones you like!
is this grid system is useful in social media?
Of course it is! Grids are helpful in all layout designs! Great question 💯
First time, I look you like an artist. Whatever 😂
🫣😆
those who are coming from ثائر 👋😁
👋 Hi! Thanks for tuning in!
yo gimme that grid
Sorry for the late reply. There's no secret in the grid, it's in how you use the grid. 😉 You can use any grid you want or make your own!
Nice Video ! Can you make a content on Sexy Girl sitting on the Grid ?
Is that what you were searching for? 🤔🤣
Are you an ENFP?
Hahaha close! ENTP 😉
@@jc_hardt I was so close . Good luck growing your channel and in your life
your fellow INTJ
Porque você tem sotaque brasileiro? 😆😆😆🤨
I do?? I have a lot of Brazilian friends 🤷
Володька, сбрей усы ))
Hmm.... I like it though... 🥸
Anyone here do work on fiverr? Looking to have a logo created.
Would recommend searching on Fiverr or Upwork if you’re looking for an introductory logo. If you want to get something of a bit more quality, try searching Dribbble or Behance!
The background music is soo annoying
Sorry to hear that distracted you! Your critique is noted!
@@jc_hardt but great work i really enjoyed ur content keep going.subscribed
Thanks for the support! 🙌
My man. your face isnt rugged enough yet to sport that Stache. thin out your brows with some selective plucking. allow a thin 5 Oclock shadow to grow. trim up or remove the stache. Glasses are optional and it would appear more pleasing to women as the 4 sitting with me all agree and are all contributing to this comment. 3 of 4 say contacts would work out better for your appeal. Im a guy so i dont care but Suzan who is sittin here with me wanted me to express this to you . Peace !
😂😂😂 literally dying rn. This is the funniest comment I've read in a while. Tell the ladies thank you for the feedback. Changing up my look for 2023, but the stache is staying; it's an icon part of the brand! 😉
pls shave your moustache, pwp
Hmm... 🤔🥸😉
@@jc_hardt I say this with utmost sincerity, because I think you're a class act. Also, someone had the courage to tell me something similar, before, and I am now thankful for it. There's an important distinction between wearing a hat, and the hat wearing you. The same can be said for our hair, clothes, cars, etc. I think you may have worked too hard for a particular look and lost a bit of your natural image in the process. Everyone has their own tastes. But, I hope that is somewhat helpful.
And at the end of the day, you do whatever the heck you want to do, my friend. As long as your lady likes it, that's what matters, because she's the one who has to live with you. Keep making good videos!
This guy talks so slow. .. I was able to follow this video on 2x speed
Thanks I think? 😂
Thank you so much! this is very helpful
I'm so glad it was helpful!