Welcome to Typophile
Please Sign in.

baseline grid

Modular Grids Tutorial



I was looking through some Computer Arts tutorials and came across Mark Bloom's modular grid system in illustrator.


I thought it was refreshing to see Computer Arts highlight how a designer works with a grid system in their day-to-day design projects.

I was wondering what people thought to the process Mark uses? I am interested to hear everyones thoughts about creating Modular grid systems, perhaps you feel you have a better solution? or perhaps you work for a design studio that likes you use grids a certain way?

Appreciate anyones thoughts?


Should we use a baseline grid for page layout or not?


I'm hoping I've posted this in the right section. (If not please move my topic! I would greatly appreciate!) I was talking a designer and that has never used the feature to lock the paragraph(in InDesign) to the baseline grid. I got to thinking because looking at the baseline grid right after you click the lock feature it ruins the leading set up. I know that you need to change the baseline grid first to adjust to the leading of the body copy text, but then I had this project where I made so many lines for the baseline grid in order to accommodate the text to fit the layout and not have the leading have wide gaps which would have given a lot of space between each line.

Vertical rhythm on the web

Pictured above is a working prototype that makes reading articles and longer works on the internet more like reading a book. Its content (the entire article, or chapter, or book) is loaded from a database and the front end presents it as pages in a spread.
This started out as an experiment using baseline grids on the web; then on-screen readability. Over the past couple holed-up weeks here at home I dirtied my hands on the emergent technologies of the new internet, specifically HTML5's canvas element, CSS3, javascript libraries such as Mootools and jQuery, and RSS.