InDesign - Working with Modular Baseline Grids

Рет қаралды 45,332

Күн бұрын

Learn how to setup and work with modular, asymmetric baseline grid systems for Adobe InDesign.
For the demonstration I’m using the Colours Grid System Series - versatile A4, US letter, A5 and 6 × 9 InDesign layouts / templates.
Following the tutorial I introduce the layouts themselves and how, in addition to being a tool for learning, can also form the foundation of your real-life typography project - suitable for brochures, reports, case studies and more.
Whether you’re a designer or in marketing, business or any other field, I hope you find this resource useful.
-
Download layouts for free / pay what you want
(Support and Gumroad ratings always appreciated)
gumroad.com/l/jZgwn
-
Productivity assets for designers, professionals and students
gumroad.com/stephenkelman
-
Follow me on twitter
/ stephenkelman
-
Recommended reading
Grid Systems in Graphic Design -
Josef Müller-Brockmann amzn.to/2GOyapx
The Elements of Typographic Style -
Robert Bringhurst amzn.to/3luzoWa
-
More about Stephen Kelman
Stephen graduated from Duncan of Jordanstone College of Art & Design in 2005. With considerable agency experience, his particular skillsets include brand identity and editorial design. He has received numerous Scottish and UK wide awards for identity and editorial design including a CIPR Excellence Award in 2013.
Portfolio www.stephenkelman.co.uk

Пікірлер: 65

@junaedy2992 3 жыл бұрын

reading theory is a bit of a pain for beginners like me, but this tutorial is very practical with easy to understand explanations that makes it even more fun. Thank you very much

@normanhathaway2275 3 жыл бұрын

Stephen I think this is wonderful. A real scarcity of this type of instructional teaching for typography on the web. I have two small tips for you: instead of switching to use the calculator, you can do your figuring within the indesign cell. so when dividing in half, after the existing measurement, type /2 and return. the other is instead of clicking within a cell to type a number, simply single-click on the letter or symbol to the left of the cell, as that will highlight the existing numbers.

@stephenkelman_ 3 жыл бұрын

Hi Norman, thank you for your comments - very much appreciated. And your tips are handy, I'll aim to add to workflow (calculator is a bit of a force of habit…).

@meelon773877 3 жыл бұрын

Thanks for the clear and concise tutorial. I'd love to see a tutorial on how to use baseline grids in copy heavy editorial design, with headers and sub headers.. can't seem to find anything about that!

@OhSoBrrdy 3 жыл бұрын

So helpful, I've never really understood baseline grids till this video. Thanks

@leonvogler8577 3 жыл бұрын

Wow, the most insightful video on grids and typography I watched in a very long time! Thanks

@olas591 3 жыл бұрын

Thank you Stephen, more like this please

@SaltLake180 3 жыл бұрын

Thank you so much.I was always scared of this.

@mikilowe5549 3 жыл бұрын

Amazing tutorial - thank you so much

@JohnyByrne 4 ай бұрын

This is comprehensive and shows the craft of design and layout. Thanks so much for sharing your practice. I have been creating layouts for many years from Quark to InDesign and I learned more here in this video than I did in the classroom or studio. Those precision grids are awesome!

@stephenkelman_ 4 ай бұрын

Thanks ia, appreciated

@flytetime7637 2 жыл бұрын

I’ve been designing for years but this was very useful, clear and concise. I look forward to seeing more content.

@SubtleSidekick 3 жыл бұрын

great video..i love typography & layout design. Please upload more 🙏

@kreative_kam 2 жыл бұрын

This is dope! Great insight into modular baseline grids and will definitely apply what I've learnt from watching your video. Many thanks

@taratantara 2 жыл бұрын

Immediately bought your template, saved me the hustle and will definitely be used time and time again.Thanks!

@daneocampo1120 2 жыл бұрын

Thank you so much for this. I finally understand in full confidence how to setup and utilize a baseline grid. The math always confused me but this has made it really easy! Cheers!

@blackbird163 3 жыл бұрын

Thank you for this!

@TheFuse25 2 жыл бұрын

Thanks for this wonderful and informative tutorial

@knast7093 7 ай бұрын

Hi Stephen, I really love these guides to grids that you've made and I love how you set-up premade templates to download aswell. Just wanna let you know that I'm very interested in these tutorial you do. If you ever decide to put up an extended course for purchase id be super hyped! Or perhaps more videos regarding this super sleek Swiss design aesthetic. Anyways.. Love your work! Keep it up!

@stephenkelman_ 7 ай бұрын

Thanks knast, appreciated.

@steveix517 5 ай бұрын

@@stephenkelman_ I too am very interested in a paid intensive course 🙌

@cyanotypes Жыл бұрын

super helpful! You make creating something beautiful look effortless.

@tiger1701 3 жыл бұрын

Awesome thanks for the tips

@klukluska 2 жыл бұрын

Thank you so much for your work. I finally solve some issues i was dealing with!

@ryanluca7763 3 жыл бұрын

Thanks for the tutorial man, just what i was needing. Also, you could do a tutorial in text and paragraph styles, I find it very confusing and would appreciate your explanation on it. Thanks again 🙏

@ryanbelmontryan 7 ай бұрын

This was a great, timeless tutorial. Thanks for posting.

@stephenkelman_ 7 ай бұрын

Thanks Ryan, appreciate that

@Puleczech 3 жыл бұрын

Nice and neat!

@sammerrigan8700 Жыл бұрын

An extremely valuable video. I have always had a basic grasp of layout design and this has helped immensely!

@stephenkelman_ Жыл бұрын

Thanks Sam, glad you've found it useful

@hamzaGM-zs8vp Ай бұрын

This is so helpful, so hard to find this kind of information anywhere else... please more of this!

@stephenkelman_ 28 күн бұрын

Thanks Hamza

@faiqshad 9 ай бұрын

Hi Stephen, I’m an absolute rookie to Design and grid systems but your tutorial was the most insightful and clear explanation. Thank you for sharing this knowledge and hoping to apply it to my projects, Thanks again!😊

@stephenkelman_ 9 ай бұрын

Thanks Faiq - much appreciated

@onedayornever 3 жыл бұрын

Thanks mate

@miaot5130 Жыл бұрын

Best KZfaqr ever, certified by me..;)

@TolgaOzisik 10 ай бұрын

Amazing work! This is gem!

@stephenkelman_ 10 ай бұрын

Thanks Tolga

@duckhorse2563 2 жыл бұрын

Thank you

@711TRL 3 жыл бұрын

It's awesome, I've reading Grid Sytem's Josef Muller-Brockmann book lately. I was just looking for this, appreciate it a lot, because there is an amount of info that I couldn't translate from theory to practice due to my InDesign knowledge. It would be so helpful if you upload a tutorial about paragraph styles and how to match them just as the Grid System book explains. Thanks a lot!

@stephenkelman_ 7 ай бұрын

Thanks 7 - I'll have a look at adding the tutorial you describe

@paulamongelos5117 2 жыл бұрын

tHANKs!

@paulturner4545 6 ай бұрын

Great tutorial! I followed this tutorial to the letter (11pt leading) and my 6 guides do not align to my baseline grid and I have checked all the settings.

@stephenkelman_ 6 ай бұрын

Hi Paul… if you measure the distance between the top and bottom margins this should be a multiple of 11 pt - is this what you have?

@pdoukas6711 3 жыл бұрын

Stephen Great video explaining some staff! I really don't understand the reason you use font size on weird numbers like 9.9pt. Thanks a lot!

@stephenkelman_ 3 жыл бұрын

Thanks P. I'm working in percentages here - so our font size is 90% of our leading (across the whole project). It's a way of reducing the number of arbitrary decision (or "eyeballing") on jobs.

@JuanGarcia-xf2ri Жыл бұрын

Thanks for this. I'd love to see a tutorial on how to work with modular baseline grids when the margins are not equal. I've been checking and trying to replicate the grids from the grid systems book, but my baseline grid does not match.

@tatsuishikawa6900 4 ай бұрын

Why is the vertical gutter 16.5pt? I know it's coming from 11pt x 1.5, but I don't understand its rationale. How did you decide to use x1.5 of 11pt (leading) there? This is a really great tutorial. Thank you!

@stephenkelman_ 4 ай бұрын

Hi Tats… I tend to use multiples of the baseline for all measurements where possible. Preference is to avoid arbitrary figures

@andrewshannon 2 жыл бұрын

Thanks for the great tutorial! Quick question - at 11:35 when setting the column gutter width to be 1.5 times the leading? As opposed to the value of the leading itself? Thakns

@stephenkelman_ 2 жыл бұрын

Hi Andrew. 1 x the leading is generally too tight for gutters… I prefer 1.5 or 2 x

@fernandolobina6459 11 ай бұрын

if the destination isn't for print do similar rules apply? im currently working on a 16:9 design portfolio that does not have facing pages

@stephenkelman_ 11 ай бұрын

Hi Fernando… yes, a modular grid system could still be appropriate depending on your content. stephenkelman.co.uk/digital-presentation-grid-system-for-indesign

@vyomb123 3 ай бұрын

Hi Stephan, I was just confused about how to decide the number of rows and then make them align to the baseline grid

@stephenkelman_ 2 ай бұрын

Hi, make sure the space between your top and bottom margins are multiples of your baseline…

@knast7093 4 ай бұрын

Hi Stephen, Once again: Thank you so much for sharing your skills and knowledge! I've run through your tutorial and i've managed to create an A4 modular grid using 10pt leading and a 3 x 3 grid that fits the baseline. But I'm having a bit of issues with matching my rows and collums grid in such a way that the the baseline gutter match my baseline grid. It's hard to explain, but I hope you know what I mean. I'm just tring to create another layout in A4 using a leading of 12 pt and trying to get more rows and collums into my grid setup but having everything still line up perfectly like you 😅 Sorry for the long text. Hope anyone has some insight, as I'm struggling a bit with matching the gutters of my grid to the baseline. All the best.

@stephenkelman_ 4 ай бұрын

Hi Knast - is the distance between your top and bottom margins a multiple of your baseline?

@knast7093 3 ай бұрын

@@stephenkelman_ Thanks for your reply. Just tried again and I think it's because I picked 10pt as my baseline and 20pt for my margins - and as you said that's harder to get to work. Following your guide I've made it 20,945 pt margins for making it fit the baseline. Which make my height from top to bottom margin: 800 pt. I can get rows of 5 and 3 to line up with the baseline and also I think 9 with a gutter of 10. So perhaps it's just a strange kind of modular grid? 🔍😅Anyways! I'm learning so much from your tutorials mate 🙏

@samsloanmusic1749 2 жыл бұрын

So one way to solve the margin/leading size discrepancy would be to choose a leading size that is a factor of the page height? I think.. lol.

@Rustic_Potato 8 ай бұрын

I followed everything exactly but my guides are not matching to the baseline grid

@stephenkelman_ 8 ай бұрын

Hi Rustic… is the distance between your top and bottom margin a multiple of your baseline?

@gianlucapapa9869 8 ай бұрын

Hi Stephen, I probably missed a point...at 11:11 you talk about vertical and horizontal gutters but seconds later you show only verticals but not horizontals. If I try to set 6 rows with 22pt gutters each none of them are going to align to the baseline grid :(

@stephenkelman_ 8 ай бұрын

Hi Gianluca - yes, this grid is setup with no horizontal gutters. You'd need to change your leading to make the grids align