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

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ธ.ค. 2024

ความคิดเห็น • 67

  • @JHamid-qh1nx
    @JHamid-qh1nx หลายเดือนก่อน +1

    It is difficult finding these types of videos showing actual examples of graphic design "rules". So please keep them coming.

  • @salutvictor4772
    @salutvictor4772 10 หลายเดือนก่อน +3

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

    • @jc_hardt
      @jc_hardt  10 หลายเดือนก่อน

      🙏🙏🙏

  • @mindfulmagician7550
    @mindfulmagician7550 2 ปีที่แล้ว +5

    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
      @jc_hardt  2 ปีที่แล้ว

      Thank you so much! Glad to hear that!

  • @farheenreshi
    @farheenreshi ปีที่แล้ว +1

    Great content

    • @jc_hardt
      @jc_hardt  ปีที่แล้ว

      Thank you!

  • @josieb1367
    @josieb1367 2 ปีที่แล้ว +2

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

  • @spoopdeewoop8959
    @spoopdeewoop8959 3 ปีที่แล้ว +3

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

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว +1

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

  • @UmarRosyad
    @UmarRosyad 3 หลายเดือนก่อน +1

    You can also use the golden ratio grid for font size as well! 😁

    • @jc_hardt
      @jc_hardt  3 หลายเดือนก่อน

      Most definitely!

    • @merlynfereira9631
      @merlynfereira9631 2 วันที่ผ่านมา

      oh really??? never knew that

  • @clarkyvlogsofficial6654
    @clarkyvlogsofficial6654 3 ปีที่แล้ว +4

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

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว

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

  • @methunshishir7203
    @methunshishir7203 3 ปีที่แล้ว +3

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

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว

      Thank you! I will definitely do so!

  • @a.duncan6791
    @a.duncan6791 3 ปีที่แล้ว +1

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

  • @pietrolatorre5399
    @pietrolatorre5399 ปีที่แล้ว +1

    grazie infinite! mi hai svoltato

    • @jc_hardt
      @jc_hardt  ปีที่แล้ว

      Thanks! 🙏

    • @pietrolatorre5399
      @pietrolatorre5399 ปีที่แล้ว +1

      @@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
      @jc_hardt  ปีที่แล้ว +1

      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!

  • @osajeyfo
    @osajeyfo 2 ปีที่แล้ว +1

    GREAT JOB SIR GREAT JOB

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว

      Thank you so much!

  • @supatvrd
    @supatvrd 3 ปีที่แล้ว +1

    Yooo I found a high quality, underground creator. Dope

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว

      Hahaha thanks!

  • @mateo6134
    @mateo6134 2 ปีที่แล้ว +1

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

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว +1

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

    • @mateo6134
      @mateo6134 2 ปีที่แล้ว +1

      @@jc_hardt 😂 👏🏻 my pleasure

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว

      🙌🙌🙌

  • @prr7275
    @prr7275 ปีที่แล้ว +1

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

    • @jc_hardt
      @jc_hardt  ปีที่แล้ว

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

  • @MilaDias1
    @MilaDias1 3 ปีที่แล้ว +1

    Very interesting! Thank you! :)

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว

      You're welcome! Glad it helped

  • @olas591
    @olas591 2 ปีที่แล้ว +1

    Thank you bro

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว

      You're welcome! Glad it helped!

  • @merlynfereira9631
    @merlynfereira9631 2 วันที่ผ่านมา

    3:13 do u hve to align the golden ratio to the left always? what made u decide to keep it that way? i always align my work to the centre and in the middle

  • @mayureshpisat2274
    @mayureshpisat2274 2 ปีที่แล้ว +1

    Thanku so much plz make a video on contrast

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว +1

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

    • @mayureshpisat2274
      @mayureshpisat2274 2 ปีที่แล้ว +1

      @@jc_hardt thanku

    • @jc_hardt
      @jc_hardt  2 ปีที่แล้ว +1

      No problem! I'll add it to my list

  • @tadeuszsobczynski1965
    @tadeuszsobczynski1965 ปีที่แล้ว +1

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

  • @dimtodim
    @dimtodim 3 ปีที่แล้ว +1

    nice

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว

      No problem! Glad you enjoyed.

  • @aasthamehdiratta950
    @aasthamehdiratta950 3 หลายเดือนก่อน +1

    HOW TO KEEP AN IMAGE AND LAYOUT THE TEXT WITH GOLDEN RATIO?

    • @jc_hardt
      @jc_hardt  3 หลายเดือนก่อน

      Woah, caps lock much? Lol
      Just try to keep the layout elements on the grid lines and you'll be golden. (Pun intended)

  • @soundmapper
    @soundmapper 2 ปีที่แล้ว +1

    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
      @jc_hardt  2 ปีที่แล้ว

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

  • @maDByte2
    @maDByte2 ปีที่แล้ว

    20 minutes to make this? omg

    • @jc_hardt
      @jc_hardt  ปีที่แล้ว

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

  • @NovaKurosawa
    @NovaKurosawa 3 ปีที่แล้ว +4

    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
      @NovaKurosawa 3 ปีที่แล้ว +1

      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
      @jc_hardt  3 ปีที่แล้ว +2

      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
      @mcandler_the_unscottish 3 ปีที่แล้ว +1

      @@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
      @jc_hardt  3 ปีที่แล้ว

      Hi! Thanks for commenting. Here is the link to a more comprehensive video on using grids in layout design! th-cam.com/video/2xP6TBnfP7M/w-d-xo.html

    • @jkwalzo
      @jkwalzo 6 หลายเดือนก่อน

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

  • @missjennemeg1
    @missjennemeg1 2 ปีที่แล้ว

    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
      @jc_hardt  ปีที่แล้ว

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

  • @cody2470
    @cody2470 3 ปีที่แล้ว

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

    • @jc_hardt
      @jc_hardt  3 ปีที่แล้ว +1

      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! th-cam.com/video/qM_8MOAUg7k/w-d-xo.html

    • @cody2470
      @cody2470 3 ปีที่แล้ว +1

      @@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
      @jc_hardt  3 ปีที่แล้ว

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