How to design a layout using the golden ratio grid

How to design a layout using the golden ratio grid | Grid layout design

Рет қаралды 26,717

Күн бұрын

Hi, I'm Designer Fourteen. In this video I'll teach you how to use the golden ratio grid to improve your layout design and make your typography more pleasing to the reader's eye.
Watch my NEW follow up video about grid layout design!
• How to design AWESOME ...
Don't forget to like, comment and turn on post notifications. #graphicdesign #grids #goldenratio
🌐 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 KZfaq audio library and or sourced with permission from the author.
Thanks for watching!

Пікірлер: 60

@salutvictor4772 5 ай бұрын

Thank you very much, very clear and useful content!!! Here watching and learning from Guatemala!!!!

@jc_hardt 5 ай бұрын

🙏🙏🙏

@mindfulmagician7550 2 жыл бұрын

I bought some grid templates to use, but wasn't sure how to use them properly. I'm glad you're creating content like this! Just liked and subscribed!

@jc_hardt 2 жыл бұрын

Thank you so much! Glad to hear that!

@spoopdeewoop8959 3 жыл бұрын

Thanks for the tutorial!!! I used this as a guide to make a book cover design :)

@jc_hardt 3 жыл бұрын

You're welcome! I'm glad you found it valuable. Grid systems are great for anchoring your design elements!

@a.duncan6791 3 жыл бұрын

Thank you. I just loaded illustrator to utilize in developing my visual ideas. I've used the golden ratio for other applications, but never in a developmental program for art. As you moved the elements around the grid you created, it immediately became apparent that the grid worked as you hoped it would. As I'm not yet familiar with illustrator, I'll muddle through until I know the functions required to work for me. However, if you ever make tutorials for the various illustrator tabs, I'd probably watch it a few dozen times.

@jc_hardt 3 жыл бұрын

😂 thank you so much! If you're just getting started on illustrator there's some great classes online for free teaching how to use the tools. I would recommend checking them out. I appreciate the content suggestion! I will add toolbar tutorials to my list of video ideas. In the meantime, as a self taught designer I have a lot of great videos teaching the principles of graphic design for beginners. Check out "How To Use Contrast In Your Designs" as a good starting place. Keep up the hard work 🙌

@methunshishir7203 3 жыл бұрын

Awesome!!! please upload more video on implementation of grid system, use of contrast etc.

@jc_hardt 3 жыл бұрын

Thank you! I will definitely do so!

@MilaDias1 2 жыл бұрын

Very interesting! Thank you! :)

@jc_hardt 2 жыл бұрын

You're welcome! Glad it helped

@clarkyvlogsofficial6654 3 жыл бұрын

Interesting your tutorial sir please make it again how to put focal point in layout. thanks for sharing

@jc_hardt 3 жыл бұрын

Thank you! That’s a good idea. I’ll add it to my video list!

@josieb1367 Жыл бұрын

Thank you!!! i never understood how to actually USE this in designing things and I truly appreciate your guidance. I used to get SO confused... Did I have to use the arcs from the golden ratio? Did I put things under/above/within the guides? How will I ever get projects done if I'm not able to understand grids?! >.< and I studied design at uni!! hahaha... I was overthinking it all... The benefit of coming back to learn from these videos? The invaluable time saved by creating structure for content...less time relying on my eye.

@jc_hardt Жыл бұрын

Sorry for the late reply. This is a wonderful story to hear! I have another video on creating logo designs with the golden ratio, which you may also find interesting! Thanks for the support 🚀

@osajeyfo Жыл бұрын

GREAT JOB SIR GREAT JOB

@jc_hardt Жыл бұрын

Thank you so much!

@farheenreshi 8 ай бұрын

Great content

@jc_hardt 8 ай бұрын

Thank you!

@olas591 2 жыл бұрын

Thank you bro

@jc_hardt 2 жыл бұрын

You're welcome! Glad it helped!

@supatvrd 2 жыл бұрын

Yooo I found a high quality, underground creator. Dope

@jc_hardt 2 жыл бұрын

Hahaha thanks!

@mateo6134 2 жыл бұрын

thanks for being so great at explaining things! and you look lke ross lynch btw

@jc_hardt 2 жыл бұрын

Thanks so much! Also, Ross Lynch ain't bad looking so I'll take it 😂

@mateo6134 2 жыл бұрын

@@jc_hardt 😂 👏🏻 my pleasure

@jc_hardt 2 жыл бұрын

🙌🙌🙌

@prr7275 Жыл бұрын

Great video! Can you make more videos of gris example usage please ?

@jc_hardt Жыл бұрын

Thanks for the suggestion! Have a few videos on grids, but I'll keep this in mind! 🙌

@pietrolatorre5399 Жыл бұрын

grazie infinite! mi hai svoltato

@jc_hardt Жыл бұрын

Thanks! 🙏

@pietrolatorre5399 Жыл бұрын

@@jc_hardt Could you make a video tutorial where you show how to make more complex grids with illustrator? for example using radial grid or sliced grid

@jc_hardt Жыл бұрын

These types of grids are much more difficult for layout design, but I appreciate your curiosity! I’ll keep this in mind for future content!

@dimtodim 2 жыл бұрын

nice

@jc_hardt 2 жыл бұрын

No problem! Glad you enjoyed.

@mayureshpisat2274 2 жыл бұрын

Thanku so much plz make a video on contrast

@jc_hardt 2 жыл бұрын

Sure! That's a great idea. I made one a while ago, but it's probably time to revisit the topic

@mayureshpisat2274 2 жыл бұрын

@@jc_hardt thanku

@jc_hardt 2 жыл бұрын

No problem! I'll add it to my list

@tadeuszsobczynski1965 Жыл бұрын

One question about the grid: the golden ratio template and the paper do not align - I'm a bit confused about this. Can we simply disregard the white space on the right side? Or is it a part of the grid? Nevertheless, a truly great video and thanks for sharing great content Jacob!

@jc_hardt Жыл бұрын

Great question! Always remember that grids are simply a guide. We don't want to squish or stretch the golden ratio, as then it wouldn't be the same ratio, but we can use it in any size or orientation. In this video, I chose to give the grid a margin on the side, but there are plenty of alternative layouts as well! I hope this helps!

@soundmapper 2 жыл бұрын

They should get rid of 8.5x11 paper and make it 6.875x11. Oh and make sure your font sizes are GR too.

@jc_hardt Жыл бұрын

😂😂😂 Can you imagine the uproar if they decided to change the standard size of paper at this point!

@maDByte2 9 ай бұрын

20 minutes to make this? omg

@jc_hardt 9 ай бұрын

Not sure what you mean by that, but okay 😅 Definitely have come a long way since this video.

@missjennemeg1 Жыл бұрын

Goodness. Pretty sure this video could have been under 5 minutes. Why use five words when 1 will do? THAT is the golden ratio!

@jc_hardt Жыл бұрын

😅 I'm a bit long winded. This was one of my first KZfaq videos ever actually... 🤯 Hopefully I've improved over the years 😉

@cody2470 3 жыл бұрын

Most readable at 9pt!? Assuming everyone has great eyesight? Lmao

@jc_hardt 3 жыл бұрын

Well it does depend on the font, but 9pt to 11pt is the average depending on the typeface. You should check out my video titled "Shrink Your Fonts" for more information on type sizes for body copy! kzfaq.info/get/bejne/p7OPa7CAprvLZ58.html

@cody2470 3 жыл бұрын

@@jc_hardt I will most definitely give it a watch! Thanks for this video, grids have always been strangely confusing to me - but you made it seem more straightforward than I had in my head!

@jc_hardt 3 жыл бұрын

You're welcome! A new video about grids is coming soon! Stay tuned!

@NovaKurosawa 3 жыл бұрын

I mean no offense but this video is a nonsense. The piece of paper does not have the same format as the golden ratio. You still have a white line on the right. If i may suggest, you should investigate "the square of Jan Tschichold" who made serious research about the balance of masses on different formats. This obviously includes typography etc.

@NovaKurosawa 3 жыл бұрын

I've seen an other video of a youtuber about the golden ratio. The interested thing he mentioned is the number between each square. Each bigger square is the one smaller multiplied by 1,618. this way you get to work directly with the golden ratio in any format. I hope this make sense to you

@jc_hardt 3 жыл бұрын

Thanks for sharing your opinion! Obviously, everyone has their own opinion. The golden ratio grid is simply a grid system built on the golden ratio. When using grid systems in layout design there isn't really a "wrong" way to do it. The goal of this video is just to help people think about grid alignments a little differently! Thanks for sharing.

@mcandler_the_unscottish 2 жыл бұрын

@@NovaKurosawa please add the link to the video you mentioned. I would like to see it because I learnt a lot from this video and your video may be a plus.

@jc_hardt 2 жыл бұрын

Hi! Thanks for commenting. Here is the link to a more comprehensive video on using grids in layout design! kzfaq.info/get/bejne/aN6Aabdz08y0Z4E.html

@jkwalzo Ай бұрын

@@jc_hardtAyo as an amateur designer, your video conceptualized the golden ratio in a digestible way. So if your goal is to teach, it worked. I see something now that I didn’t before. Again, greatly appreciated.