Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Good typography can add tremendous power to your design and your message, whether it is a print- or screen-based project, a still or motion graphic, a 3D or 2D graphic. This course explains good typographic practices, so that you can develop an "eye" for type and understand how to effectively use it. Author Ina Saltz explains type classifications (serif vs. sans serif, display type vs. text type), how type is measured, sized, and organized, and how spacing and alignment affect your design. She also explains how to use kerning, tracking, leading, and line length, and covers the history and current trends in typography. The course teaches the principles of legibility, readability, and compatibility, and how they should be considered when you're selecting and designing with type.
Grids are the building blocks of design. They are a way of dividing space, arranging content, and containing text. A gridded space gives us a structure, we can work strictly within that structure, or we may choose to selectively break out of that structure, either way it is really helpful to have a grid as a starting point. Various grids are built into InDesign and other programs, or you can create your own. The simplest grid is a single column width with a fixed depth and fixed margins, these are typical for books and scholarly journals, for example.
A more complex grid may vary in the number of columns and the way those columns can be combined. The 12 column grid used by Willy Fleckhaus at the German magazine twin remains a classic and is being used for web and mobile design as well as for print because it is so flexible. It divides evenly into six columns, four columns, three columns, and two columns or into numerous uneven combinations like 7 and 5 or 5, 4, and 3.
The more flexible a grid is the more useful it is because it can be reconfigured to suit many purposes. Using a grid as a template for multiple designs or multiple iterations of a design will do two important things, save you time and unify your project. This grid structure allows for columns of multiple widths to accommodate a variety of related stories. It is complex but organized. This spread utilizes a basic three column grid, on the second page the captions and infographics break out into a subsection of that grid.
Based on a variation of the Fleckhaus grid this page has a five column grid. The headline deck and intro text crossed the width of the five full columns underneath them. A separate story at the right is a subset of that grid, the hand in the illustration at the bottom and the glasses in the illustration at the top left break through the grid, creating a dynamic layout. When I work as an art director at Time Magazine our grid system allowed designers to make quick layout decisions which were essential in meeting our tight closing deadlines.
And the grids also created a seamless design environment that was cohesive as a whole, even though there were many designers working on one magazine simultaneously. But the system was flexible enough to allow designers to express a wide range of visuals keeping the magazine fresh and vibrant. Following a grid creates unity and violating the grid creates variety. Both unity and variety are principles of design that you can use to create cohesive and dynamic visuals.
The grid is an important tool in your visual arsenal.
There are currently no FAQs about Foundations of Typography.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.