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

Поделиться
HTML-код
  • Опубликовано: 28 сен 2024

Комментарии • 64

  • @salutvictor4772
    @salutvictor4772 7 месяцев назад +2

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

    • @jc_hardt
      @jc_hardt  7 месяцев назад

      🙏🙏🙏

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

  • @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 Месяц назад +1

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

    • @jc_hardt
      @jc_hardt  Месяц назад

      Most definitely!

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

  • @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 года назад

      🙌🙌🙌

  • @osajeyfo
    @osajeyfo 2 года назад +1

    GREAT JOB SIR GREAT JOB

    • @jc_hardt
      @jc_hardt  2 года назад

      Thank you so much!

  • @MilaDias1
    @MilaDias1 2 года назад +1

    Very interesting! Thank you! :)

    • @jc_hardt
      @jc_hardt  2 года назад

      You're welcome! Glad it helped

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

  • @olas591
    @olas591 2 года назад +1

    Thank you bro

    • @jc_hardt
      @jc_hardt  2 года назад

      You're welcome! Glad it helped!

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

  • @aasthamehdiratta950
    @aasthamehdiratta950 Месяц назад +1

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

    • @jc_hardt
      @jc_hardt  Месяц назад

      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.

  • @missjennemeg1
    @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
      @jc_hardt  Год назад

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

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

  • @methunshishir7203
    @methunshishir7203 3 года назад +2

    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!

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

  • @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! ruclips.net/video/2xP6TBnfP7M/видео.html

    • @jkwalzo
      @jkwalzo 3 месяца назад

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

  • @supatvrd
    @supatvrd 3 года назад +1

    Yooo I found a high quality, underground creator. Dope

  • @farheenreshi
    @farheenreshi 10 месяцев назад +1

    Great content

    • @jc_hardt
      @jc_hardt  10 месяцев назад

      Thank you!

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

  • @dimtodim
    @dimtodim 3 года назад +1

    nice

    • @jc_hardt
      @jc_hardt  3 года назад

      No problem! Glad you enjoyed.

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

  • @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! ruclips.net/video/qM_8MOAUg7k/видео.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!