And Page Terminology Grids. Grids And Page Terminology A grid is simply a series of non-printing lines used to help organize elements on a page.

Slides:



Advertisements
Similar presentations
Tutorial 3 – Creating a Multiple-Page Report
Advertisements

YEARBOOK Layout and Design.
Microsoft ® Word 2010 Training Create your first Word document I.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
How the edges of a line, paragraph, object, or table are positioned horizontally and vertically between the margins or on a page.
Basics of Designing Spreads. walsworthyearbooks.com/yearbooksuite Bleed: Photos, artwork or graphics that extend off of the trim area of a spread Caption:
T Y P E L A Y O U T. Old Design Know the rules before you break the rules. W I S D O M ________________________________________.
Basics of Page Design. Page designers want readers to be able to proceed in an orderly manner as they scan page and move effortlessly from story to story.
Designing Newsletters b Consider: b Audience b Cost b Frequency b Size b Artworks and formats b Shape.
Layout and design of tabloids and broadsheets..  Some designers are daunted when facing the seemingly enormous expanse of white space available in a.
How to Create a Professional Magazine Layout Handout-16.
Objectives Gain knowledge of mathematical ratios and proportional systems Learn about the use of the grid.
 Layout – refers to the design and orderly formation of the various elements of an advertisement.  It is where & how you place the various elements.
Meaning Through Design © M. Grazia Busà Functions of design  Attracts audiences  Guides readers through the publication  Communicates how to.
Chapter 8 Document Design 2 Page Layout
Use a Large Bold Type for the Main Title Use Smaller Type for the Subtitle. Above type is 96 pt, this type is 66 pt Make Authors’ names smaller. This is.
Desktop Publishing Your Guide to Concepts and Terminology.
Digital Interactive Media
The newest trend in yearbook layout design
Chapter 10.  Always keep target audience in mind  There are many type categories  Body type should be in 9, 10, 11 pt type  Use 8pt captions  The.
Alignment… Chapter 5.
Report Design if audience is motivated (ie forced) to read, they can be as ugly as necessary—design can aid readability and legibility if not (usually.
XP New Perspectives on Microsoft Word 2002 Tutorial 31 Microsoft Word 2002 Tutorial 3 – Creating a Multiple-Page Report.
TERMS AND DEFINITIONS Yearbook Terminology. Ladder A page-by-page planner and deadline tracker used to identify content, record deadlines, plan color.
Essential Design Terms. Terms Used When Discussing Design Spread—refers to 2 facing pages. Design should consider both pages when building a new page.
Creating Web Pages Chapter 5 Learn how to… Identify Web page creation strategies. Define HTML Web page elements. Describe the principles of good screen.
1. Chapter 6 Formatting Pages 3 Formatting Changes in Word You can use views other than the default Print Layout view when working with page design.
Layout of a newspaper. Why is layout important The objective of newspaper make up: Indicate the most important news To make the page easy to read To make.
Desktop Publishing Formatting Pages. Topics to Study Page Setup Apply Built-in options Use Layout Guides Color- Coded Guides Insert Page numbers Create.
W E ’ R E W I T H Y O U E V E R Y S T E P O F T H E W A Y.
Newspaper Design Read ALL ABOUT it! Newspaper pages come in a variety of sizes, but the two most common formats are broadsheet (13 1/2” x 21”) and tabloid.
Good design helps the reader focus on content!.  Dominance: achieved by making a content element significantly larger so that it becomes a focal point.
Chapter 7 Creating a Newsletter with a Pull-Quote and Graphics
Managing Text Flow Lesson 5. Setting Page Layout The layout of a page helps communicate your message. Although the content of your document is obviously.
Posters, Magazines, Websites
THE A to Z of DTP Your knowledge of desktop publishing terminology
Essential Design Terms. Terms Used When Discussing Design Spread—refers to 2 facing pages. Design should consider both pages when building a new page.
MANAGING TEXT FLOW Lesson 5. OBJECTIVES SOFTWARE ORIENTATION The Page Layout tab contains groups of commands that will produce a formatted document’s.
Make the Main Title with Large Bold Type Use Smaller Type for the Subtitle. Above Type is 110pt. This Type is 80pt. Make authors’ names smaller. This is.
Designing with a Grid The key to good layout design.
1 Desktop Publishing 2 White Space as a design tool n surrounding pages n between columns n within and around headlines n between lines and paragraphs.
Basic Principles of Design SWBAT produce double page spreads utilizing all 6 design principles.
PRINCIPLES OF DESIGN FYI: WHITE TYPE ON A BLACK BACKGROUND IS CALLED REVERSE TYPE.
BASIC DESIGN Nothing basic about it..
Permeability (% of Control)
Permeability (% of Control)
Microsoft Office 2007-Illustrated
Working with large formats
Basic Principles of Layout
Codes and conventions of a newspaper
COLUMNS The foundation of design Sally Manke
Basic Principles of Layout
Yearbook DESIGN TERMINOLOGY.
How did they do THAT?.
Basic Principles of Layout – p2
DTP Terms & Techniques You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and.
Managing text flow Page Setup
The newest trend in yearbook layout design
Grid Structure.
5.2 | Yearbook Design.
Tutorial 3 – Creating a Multiple-Page Report
Making a Little Book on the Computer
ICT Word Processing Lesson 4: Structuring Text Content in Documents
DESIGN Northwest Horizons.
Use a Large Bold Type for the Main Title (80 pt):
Permeability (% of Control)
Use a Large Bold Type for the Main Title (80 pt):
Use a Large Bold Type for the Main Title (70 pt):
Permeability (% of Control)
Use a Large Bold Type for the Main Title (70 pt):
Presentation transcript:

And Page Terminology Grids

Grids And Page Terminology A grid is simply a series of non-printing lines used to help organize elements on a page.

Grids And Page Terminology An old-fashioned typewriter used a kind of grid—an underlying structure. Ruled note paper gives you a grid to keep your writing organized.

Grids And Page Terminology Graphic designers use grids to help divide and analyze space on a page. Some designers don’t use grids, working by instinct. Some people use very formal grids based on mathematical relationships of space. But most of us use basic grids, or at least dividing boxes.

Grids And Page Terminology

Most designers begin by choosing a standard grid. A one-column grid is most simple. Its “quiet” design gives a publication a business-like appearance for reports, proposals, press releases or internal communications.

Grids And Page Terminology A 1-column grid.

Grids And Page Terminology But a 1-column grid doesn’t give a designer much flexibility, or allow for much variety. A wide one-column grid is easy to design, gives a designer an interesting way to add subheads or illustrations. But usually if you want to add substantial amounts of text to the narrow column, you’ll want to go with a grid.

Grids And Page Terminology A grid.

Grids And Page Terminology The narrow column isn’t used for body text, but for cutlines, pull quotes, subheads and illustrations. Or it can be left blank, making a page look less text-dense. Note that using a grid, the narrow column must be next to the outside trim edge. If it’s on the inside, it looks like you ran out of text.

Grids And Page Terminology

1 + 1 is handy, but 2-column grids have a more polished, designed feel. All sorts of smaller-format publications use a standard 2-col, including books, magazines and newsletters.

Grids And Page Terminology A 2-column grid.

Grids And Page Terminology Danger of a 2-col grid is that it can get dense and text-heavy. To make the page more inviting, add leading, add a pica or two to the margins or gutter, and use illustrations and other elements. A wide 2-column or grid is appealing, readable, and interesting, because not common. As a designer you have lots of flexibility. You can make a wide 2-col by setting hefty margins, or use a style.

Grids And Page Terminology A grid.

Grids And Page Terminology Of course, wide margins and narrow columns take up space, and add pages to a publication that already might be large and costly to produce. A 3-column grid uses space efficiently, and offers great flexibility to a designer. This may be why it is the most common grid for many smaller-format publications.

Grids And Page Terminology A 3-column grid.

Grids And Page Terminology 3-col grids are so common, however, that they don’t add a distinctive feel to your page. Larger format publications, such as tabloids and broadsheets, usually rely on 5-column and 6-column grids; 4-column grids are less common. 8-column grids used to be broadsheet newspaper standard, but as our newspapers have been getting smaller, and our design standards have shifted to horizontal make-up and modular design, our columns have gotten a little wider.

Grids And Page Terminology A 5-column grid.

Grids And Page Terminology Recall that a tabloid format is simply a broadsheet (large newspaper) turned sideways and folded in half. Large-format pubs emphasize modular design. This means all stories are fit into a rectangular (“modular”) format, instead of an L-shaped or “dogleg” format around advertisements, photos, or other elements. Stories should be mostly horizontal rectangles covering several columns of the grid, and not single-column verticals, called “vertical make-up.” It’s old fashioned.

Grids And Page Terminology Horizontal make-up and vertical make-up.

Grids And Page Terminology Some designers base grids on formal mathematical proportions based on the size of type. Elements such as stories, illustrations and pull quotes must be sized to fit multiples of modules. For example, if you choose 12/15 type, your modules might be a multiple of 15 pts, such as 45 pts. Elements therefore must fit 45-pt modules, or multiples of that size.

Grids And Page Terminology An orthodox grid, formally organized into modules. Modules are outlined.

Grids And Page Terminology Formal grids based on mathematical proportions can be elegant and precise, but time-consuming to design. Some designers choose no underlying grid at all. A “mixed grid” is a combination of grids on one page.

Grids And Page Terminology A mixed grid.

Grids And Page Terminology Mixed grids or “collage style” can be effective if you are an experienced designer. They can look chaotic if you are not. Use sparingly. A word about margins, the “frame” for your page. Standard margins are, of course, all the same size. But many designers use progressive margins. A progressive margin makes a more proportionally attractive frame by making inner margin the smallest, then working progressively to the bottom margin, the largest.

Grids And Page Terminology These margins are 3p, 4p6, 5p and 6p.

Grids And Page Terminology Progressive margins were favored by Aldus Manutius. The first printed book, Gutenberg’s Bible, used progressive margins. Good design is evergreen.