Great video, reminds me my editorial design teacher: the grid is control, order. But it was the 90's 🙃 made some fanzines and couldn't care less about the grid. Then you go to work, a catalog 100 pages, 500 images, adds, and you finally understand 😂
I study graphic design in 90' in Germany. When I would design some editorial layout (magazines, flyers) without grid, my teacher will just not allow it. I would fail exam for sure. We learned how to construct different grids, how to use them, we even learn how Gutenberg designed the Bible layout etc. Grids are amazing, so very effective.
Thank you so much, this video was really helpful for me. I picked up a couple of helpful tips for creating grids and guides. I really appreciate the time and effort you put into making this video.
RU-vid suggested you to me and even though Im not into graphic design I think I might be able to use some of the information I learned here on my own web design. Thanks 👍
Would be good to have longer video about using the grid in Figma. If and how to use row grid in webdesign, if use 12columns also for mobile devices (because stay at 12 columns through whole design is better from developers point of view - I think), if use rows for vertical spacing or em units are better or there is another approach etc etc :)
Great video. Am new to InDesign. The part of video around 4-5 minutes I couldn't find the "Layout grid" selection on the right hand side like yours. i can only go to "Layout" and select "create grid". So i couldn't find the column selection like demo. Am on 2023 version. The rest of video worked perfect for me. The onlt thing is when using multiple grids cannot select different colours there fore bit hard on my eyes😊
Amazing video! Very informative and a pleasure to watch. Regarding your recommendations for margins, what would be a similar margin for a book where you need to show the chapter on the top of the pages? Thank you!
Hey man, came across your channel by coincidence. A fortunate coincidence. I have a suggestion if you take those. I'm setting up a small business, and I've been wondering about designing a unified set of document templates - internal and public facing documents like letters, emails, reports, etc. I would love to see a professional's take on this.
The problem with setting your grid within margins is that in this way the margins are not structurally related to your grid at all. Arguably a better option would be to do exactly the opposite, first set your grid and then draw margins as part of the grid structural logic.
Thanks for this but how does a grid layout relate to a baseline grid for text? I.e. doesn't the text baseline grid have to match up (be perfectly divisible) to the grid layout?
Ideally the baseline grid for text should be harmonized with the overall grid layout. However, baseline grids are not always necessary. It depends on the medium.
Just wondering do you not to make sure your baseline grid for type is aligned to the overall grid of the document? This was one of the more difficult things to get your head around it, which involves some maths but I haven't seen anyone teaches. Can you comment on this? Thank you
@@paincult7121 well I usually do this, as I been thought that at the university, but don't really see anyone ever talk about this.. Seems its just arbitrary 🤷♀ And clearly no comment made so far
Great guide thank you so much! Question: Is there a reason you didn't add a baseline grid to the editorial sample and align all the type to it along with appropriate font size and leading? I've also read that the gutter is usually determined by the letters "MM" from the chosen font, but noticed you chose your gutter from a different point. Any help would be greatly appreciated! Thank you!!
hi kaii, gutter size is personal choice, but a 12 col grid gutters size ranges from 16 to 24 pixels, and for print, 5-10mm. Layouts look better with more white space rather than cramped. Regarding baseline, again it depends on yr layout, does it have images, do the images have single or double line Captions or none, is there text next to the images and captions, these things matter because not all items will line up with the baseline, eg: the tops of Capitals in first line, and you may have to edit it by making up a "f" height Grid and adjusting yr grid first, then applying the baseline. cheers
🎯 Key Takeaways for quick navigation: 00:00 📏 *Grids aid in creating dynamic layouts, fostering visual interest by providing guidelines for deliberate element arrangement, enhancing composition rules like alignment and scale.* 01:08 📐 *Common grid types include manuscript/one-column, multi-column, modular, baseline, hierarchical, and combined grids, each serving specific design purposes in print and digital mediums.* 03:02 🖥️ *Figma allows beginners to set up basic grids for digital design, offering modular grids for precise element placement, and column grids for structuring web layouts.* 08:42 📰 *In Adobe InDesign, creating grids involves setting margins, columns, and gutters, utilizing guides to structure page elements for balanced and visually appealing layouts.* 18:48 📝 *Sketching layout ideas beforehand helps in exploring different compositions, determining hierarchy, and swiftly executing diverse designs within the established grid framework.* Made with HARPA AI
I love using grids but not every platform has them. Sometimes there are lines to help you center but its not always accurate. I'm referring to web design platforms like Wix and Divi. I'm newer to Divi and working on a client project in it. I'll spend a minute or two trying to aligned and centered elements. Any advice?
does this help? ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ofNUvVW6O5k.html If you want to create more custom designs that look just like your designs however, I'd suggest taking a look at learning webflow, depending on how much code you know.
@@holyshiet787 Just to convince myself that you don't need a degree program to become good at something. It may sound silly, but my head needs something like that every now and then
Body text not even sitting on the grid and does not align with the bottom edge of the image 💀Please, do yourself a favour and buy and study tf outta Grid Systems in Graphic Design by Josef Müller-Brockmann. Thats the true "missing guide to grids".
Ah, so you don’t know paragraph and character styles. Master pages, special characters like column break and page numbers. You don’t know about dropping .psd and .ai files in and updating links. Or drawing frames first and dropping images in after. Table of Contents that you can update automatically. There are many projects I would not even embark on if there was no InDesign. Have fun changing text individually on 50+ pages, selecting each heading paragraph and quote and not losing your selection before you can change the font face and point size.
