![]() Markers are placement indicators for subordinate or consistently appearing information. A running footer is then this information is placed at the bottom of the format. You’d find information like title, chapter title, section title, author, etc located here. ![]() Running Header or FooterĪ running header is a guide at the top to indicate your position in a manuscript. Folioįolios are created when page numbers are placed consistently in the margin, usually above or below the composition. ![]() The height of horizontal gutters should be based on the leading or line-height of the type. The minimum width or height of gutters should be an ’em’ though this should usually be larger to better separate columns from columns and rows from and rows. Typically we think of gutters as the space between columns, but they are also the space between rows. Gutters are the spaces separating modules either vertically or horizontally. On some pages your design may call for a fixed height, though on most pages your design is allowed grow vertically with the content. Online it’s harder to plan for rows as the height of the format is often inconsistent and dynamic. Rows are the horizontal equivalent of columns. More columns leads to more flexibility, but can also make the grid difficult to work with.Ĭolumn widths can be equal or they can vary across a grid. There can be any number of columns in a grid. A large rectangular field might be used for video.ĭesign elements will often be placed inside a field or spatial zone as opposed to a single module.Ĭolumns are vertical bands of modules. A long vertical field might be used for long blocks of text. Each field can be assigned a specific function within the design.Ī long horizontal field might be used to place long horizontal images. Spatial zones are fields of adjacent modules. The upper left corner of a module is considered to be the active corner and the lower right corner, the passive corner. The height would be based on some multiple of the type’s leading or line-height. Ideally the width of a module will be based on the measure of a line of text. When repeated they create columns and rows. Modules are the basic building blocks of grids. Modules are individual units of space that are separated by regular intervals. Aligning type to a baseline can help establish a vertical rhythm in a design. The base of the type sits on the line, hence the term. Type is often aligned to a series of flowlines equally spaced down the page called baselines. ![]() When elements are aligned to the top of a flowline it’s called a hangline as the elements appear to hang from the line. They can be used to help guide the eye across the page and can be used to impose starting and stopping points for text and images to be aligned. Flowlinesįlowlines are horizontal lines that break the space into horizontal bands. Larger margins also help the eye find a place to rest and can be a good area to place subordinate information. Larger margins create more whitespace and help focus attention on the positive space of the design. The smaller the margin the more tension is created. The proportions of margin help to establish the overall tension (or lack of tension) in a composition. Margins are the negative space between the edge of the format and the outer edge of the content. The format defines the live area of a design where type, images, and other media are present. On a website the format is the browser window. In a book or magazine the format is the page. The format is the area in which the design sits. Not every one of these parts needs to be present in every grid.Ī little further down the page I’ve added an image showing these common grid parts, which you hopefully find helpful as you read through their descriptions below. No matter how simple or complex, grids share some common parts, each fulfilling a specific function. Grids act as guides for the placement of elements in a design. Most of the information in this post comes from Timothy Samara’s book Making and Breaking the Grid. I assume other people have had the same trouble searching and thought it might be helpful if this information was more readily available online. I couldn’t find much online and turned to some of the books I have instead. On the knowledge side I sought out definitions for the different parts of a grid, specifically a modular grid. Recently I’ve been trying to expand my knowledge and skills working with typographic grids.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |