How to design AWESOME layouts using grid systems | Grid layout in graphic design | Design grids

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 KZread audio library and or sourced with permission from the author.
Thanks for watching!

Пікірлер: 124

  • @josieb1367
    @josieb1367 Жыл бұрын

    Thank you - I just clawed my way out of a sales tunnel of a video put out by The Futur... this is what KZread 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!

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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!

  • @probablyde5936
    @probablyde59362 жыл бұрын

    Love your videos, easily one of the best graphic design contents. Keep at it!

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Thank you so much!

  • @IMHAMAD
    @IMHAMAD9 ай бұрын

    I've just spent the last 6 hours absorbing your videos. Excellent, excellent channel!

  • @jc_hardt

    @jc_hardt

    9 ай бұрын

    So kind of you! I'm glad you enjoyed my content. Let me know what videos you'd like to see!

  • @alonamarkina2199
    @alonamarkina21992 жыл бұрын

    It was really helpful. Thank you!

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    You're so welcome! Glad I could help ❤️

  • @muhammadismail1168
    @muhammadismail11682 жыл бұрын

    Great Video Jacob.. Thanks so much for this.

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Thank you so much!

  • @darksun9492
    @darksun949212 күн бұрын

    Thank you

  • @jc_hardt

    @jc_hardt

    12 күн бұрын

    You're welcome!

  • @aeysmi
    @aeysmi Жыл бұрын

    thank you! 😻 its really helpful

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    I'm so glad to hear that! 🙌

  • @wisecattt
    @wisecattt Жыл бұрын

    Your channel is a gem glad I found it

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Thank you! I'm glad you enjoy the content! 🙌

  • @minescuu
    @minescuu2 жыл бұрын

    Great information & content, keep it up! 🤟🏻🙏🏻

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    No problem! Thanks 👍

  • @Nhatlan93
    @Nhatlan937 ай бұрын

    Thanks a lot. Helpful video. I love the way you explain and simplify everything.

  • @jc_hardt

    @jc_hardt

    7 ай бұрын

    Thank you!

  • @AlexBlack-xz8hp
    @AlexBlack-xz8hp Жыл бұрын

    Super interesting and useful video. I really appreciate the time you put into this. I learned a lot.

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    You are welcome! I really enjoy hearing how the content is helping people 😊

  • @amirrafighi5331
    @amirrafighi5331 Жыл бұрын

    awsome video I needed it very much

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Glad it helped!

  • @learningtostream3919
    @learningtostream3919 Жыл бұрын

    Fantastic thank you really helped me

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    So glad to hear this helped!

  • @russianwithfrey
    @russianwithfrey2 жыл бұрын

    Thank you for such a great content

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Appreciate the support! Thanks

  • @Rodolfuss
    @Rodolfuss2 жыл бұрын

    Very nice content! you're such a good teacher

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Thank you so much! I very much appreciate the compliment. More content coming soon!

  • @q13studio82
    @q13studio822 жыл бұрын

    Excellent explanation! Better than most.

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Thanks for the encouragement! Appreciate it!

  • @danecustance2734
    @danecustance27342 жыл бұрын

    Helpful thanks.

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    You're welcome! Glad you enjoyed!

  • @salutvictor4772
    @salutvictor47724 ай бұрын

    THANK YOU for this content!!! Watching from Guatemala!!!!

  • @jc_hardt

    @jc_hardt

    4 ай бұрын

    You're welcome! 💯

  • @anastasiyaiko444
    @anastasiyaiko4442 жыл бұрын

    Very cool dive into unstandard grids

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Perfect! I'm glad you enjoyed the content!

  • @GBalasooriya
    @GBalasooriya Жыл бұрын

    Thank you. I like how you teach.

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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 KZread. Hopefully my passion for teaching shines through in every video. 😊

  • @user-ey4ij9nx5l
    @user-ey4ij9nx5l2 жыл бұрын

    Thanks for your useful clip

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    You're so welcome!

  • @justineosina682
    @justineosina682 Жыл бұрын

    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 👏🏼

  • @justineosina682

    @justineosina682

    Жыл бұрын

    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!

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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! 🙌

  • @anastasiyaiko444
    @anastasiyaiko4442 жыл бұрын

    I'm interested in doing not boring designs :) Thank you!

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    That's awesome! You're gonna crush it for sure! 💪

  • @franciscoarduino
    @franciscoarduino2 жыл бұрын

    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

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    You're so welcome! Glad I could help 🤗

  • @shadynasty6393
    @shadynasty6393 Жыл бұрын

    Great vid

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Thank you! Glad you enjoyed it!

  • @aIIynmay
    @aIIynmay2 жыл бұрын

    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

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    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!

  • @prr7275
    @prr7275 Жыл бұрын

    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!

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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! 🙌

  • @tomimdawodu6808
    @tomimdawodu68082 жыл бұрын

    Yessssssss

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    You're welcome!

  • @loomonda18
    @loomonda182 жыл бұрын

    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?

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    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!

  • @loomonda18

    @loomonda18

    2 жыл бұрын

    @@jc_hardt Awesome, thank you so much!!!

  • @tomimdawodu6808
    @tomimdawodu68082 жыл бұрын

    Yesss yesss yessss

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    🙌

  • @myautobiographyafanfic1413
    @myautobiographyafanfic14134 ай бұрын

    I never thought I'd be learning layout from Groucho Marx

  • @jc_hardt

    @jc_hardt

    4 ай бұрын

    You're welcome 😆🥸

  • @myautobiographyafanfic1413

    @myautobiographyafanfic1413

    4 ай бұрын

    @@jc_hardtI'm glad you took that the way I meant it, cause I now realize it might come off as insulting.

  • @jc_hardt

    @jc_hardt

    4 ай бұрын

    😆 you're not the first KZread commenter to say such. I think it's funny.

  • @anne-julievignaux8822
    @anne-julievignaux88222 жыл бұрын

    Hi! Here can we find the lastgrid (Fibonacci one) on the video? Is it possibly to open source it? Amazing video 💛

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    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.

  • @oscarmattisson2495
    @oscarmattisson24952 жыл бұрын

    Lovely video! What font are you using?

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    This would be Futura, which happens to be my favorite typeface of them all! ❤️

  • @maskedvillainai
    @maskedvillainai9 ай бұрын

    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.

  • @jc_hardt

    @jc_hardt

    9 ай бұрын

    Very true! This video is specifically about print layout grids, but I'm working on some content about UI grids. #soon 😁

  • @tomimdawodu6808
    @tomimdawodu68082 жыл бұрын

    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

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    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!

  • @zahiakatia9734
    @zahiakatia9734 Жыл бұрын

    ❤❤❤❤❤❤❤❤

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Glad you enjoyed!

  • @thanh5157
    @thanh5157 Жыл бұрын

    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

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Ctrl + 7 or Cmd + 7 is the hotkey to create a clipping mask!

  • @thanh5157

    @thanh5157

    Жыл бұрын

    @@jc_hardt thank you. 😍😍😍😍

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    You're welcome! Hope it helps!

  • @thanh5157

    @thanh5157

    Жыл бұрын

    @@jc_hardt 💖😼😻😻

  • @valentinobaptista
    @valentinobaptista Жыл бұрын

    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

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    🤣🤣🤣 Me too! Thanks

  • @Livedz2023
    @Livedz2023 Жыл бұрын

    those who are coming from ثائر 👋😁

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    👋 Hi! Thanks for tuning in!

  • @magdykhattab7368
    @magdykhattab73689 ай бұрын

    I need those networks how can I get them 😍

  • @jc_hardt

    @jc_hardt

    9 ай бұрын

    You should be able to find most of these grids online or copy them from my video!

  • @SonyaThePrincess
    @SonyaThePrincess21 күн бұрын

    How can i create the last grid ?

  • @jc_hardt

    @jc_hardt

    15 күн бұрын

    The last one is a bit complicated. My recommendation is to Google around for grid templates until you find ones you like!

  • @RockyGrenade
    @RockyGrenade Жыл бұрын

    Odd spacing? can you explain that more?

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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!

  • @RockyGrenade

    @RockyGrenade

    Жыл бұрын

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

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    People definitely do like odd numbers! This is another reason the rule of thirds works well!

  • @hamzakhakwani7085
    @hamzakhakwani7085 Жыл бұрын

    is this grid system is useful in social media?

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Of course it is! Grids are helpful in all layout designs! Great question 💯

  • @CloudsLikeThese
    @CloudsLikeThese Жыл бұрын

    yo gimme that grid

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    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!

  • @richomuhammadhafsah9028
    @richomuhammadhafsah90285 ай бұрын

    First time, I look you like an artist. Whatever 😂

  • @jc_hardt

    @jc_hardt

    5 ай бұрын

    🫣😆

  • @Ben_666.
    @Ben_666. Жыл бұрын

    Are you an ENFP?

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Hahaha close! ENTP 😉

  • @Ben_666.

    @Ben_666.

    Жыл бұрын

    @@jc_hardt I was so close . Good luck growing your channel and in your life your fellow INTJ

  • @sidkhan9871
    @sidkhan9871 Жыл бұрын

    Nice Video ! Can you make a content on Sexy Girl sitting on the Grid ?

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Is that what you were searching for? 🤔🤣

  • @kirisuchino6085
    @kirisuchino60852 ай бұрын

    Porque você tem sotaque brasileiro? 😆😆😆🤨

  • @jc_hardt

    @jc_hardt

    2 ай бұрын

    I do?? I have a lot of Brazilian friends 🤷

  • @Peapodzilla
    @Peapodzilla5 ай бұрын

    Anyone here do work on fiverr? Looking to have a logo created.

  • @jc_hardt

    @jc_hardt

    5 ай бұрын

    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!

  • @deeplove9
    @deeplove92 жыл бұрын

    Володька, сбрей усы ))

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Hmm.... I like it though... 🥸

  • @rahanme7906
    @rahanme79062 жыл бұрын

    The background music is soo annoying

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Sorry to hear that distracted you! Your critique is noted!

  • @rahanme7906

    @rahanme7906

    2 жыл бұрын

    @@jc_hardt but great work i really enjoyed ur content keep going.subscribed

  • @jc_hardt

    @jc_hardt

    2 жыл бұрын

    Thanks for the support! 🙌

  • @kevinpittman2517
    @kevinpittman2517 Жыл бұрын

    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 !

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    😂😂😂 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! 😉

  • @LiceulDeArtaGL
    @LiceulDeArtaGL Жыл бұрын

    pls shave your moustache, pwp

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    Hmm... 🤔🥸😉

  • @smctunes

    @smctunes

    Жыл бұрын

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

  • @kingdmandingo9021
    @kingdmandingo90218 ай бұрын

    This guy talks so slow. .. I was able to follow this video on 2x speed

  • @jc_hardt

    @jc_hardt

    8 ай бұрын

    Thanks I think? 😂

  • @valentinavadillo
    @valentinavadillo Жыл бұрын

    Thank you so much! this is very helpful

  • @jc_hardt

    @jc_hardt

    Жыл бұрын

    I'm so glad it was helpful!