Basic Principles of Layout

Slides:

Advertisements

Similar presentations

Layout of a Desktop Publishing Document 1.03 Demonstrate desktop publishing.

Advertisements

YEARBOOK Layout and Design.

Basics of Designing Spreads. walsworthyearbooks.com/yearbooksuite Bleed: Photos, artwork or graphics that extend off of the trim area of a spread Caption:

Four Basic Design Principles

How to Create a Professional Magazine Layout Handout-16.

MODULE 18: DESIGN 2. The dominant element should be placed on the spread first. The dominant element drives the placement of the eyeline. Secondary elements.

InDesign CS3 Lesson 3 Working with Frames. Using Frames Frames are containers in which you place graphics or text. Frames can also be used as graphic.

What is Desktop Publishing? A Quick Introduction.

Chapter 5 Layout. Objectives (1 of 2) Discover the meaning of a layout. Learn the interconnected goals /function of a layout. Grasp the need to fit visual.

Obj  Standard pre-formatted layouts  May contain a color scheme, font scheme, pictures, and preset margins.

Principles of Graphic Design

MODULE 17: DESIGN Design 1 CONTENT drives the design process. DESIGN IS AN IMPORTANT EDITING FUNCTION. A DESIGNER EMPLOYS SEVERAL STRATEGIES TO.

Alignment. STEP 1 - LEARN View the following slides to learn about how alignment can enhance design.

Understanding Publisher Publisher is a desktop publishing application from Microsoft. It is often considered to be an entry-level desktop publishing application.

Chapter 10 Print Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Basic Table Elements. 2 Objectives Define table elements Describe the steps used to plan, design, and code a table Create a borderless table with text.

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.

Design Elements and Principles

Lesson 4: Design Principles

Good design helps the reader focus on content!.  Dominance: achieved by making a content element significantly larger so that it becomes a focal point.

Desktop Publishing. Using Columns The Columns feature is located on the Page-Layout tab and is used to divide a Word document into two or more columns.

Yearbook Vocabulary SVMS Yearbook. Pica A graphical measurement equaling 1/6 of an inch. Pica Inch.

DESKTOP PUBLISHING. WHAT IS DESKTOP PUBLISHING BASICS OF GRAPHIC DESIGN The elements of graphic designThe elements of graphic design ““ The principles.

Posters, Magazines, Websites

Visual literacy is the ability, through knowledge of the basic visual elements, to understand the meaning and components of an image.

Assignment Compose a black and white design using the grid system. Your design will include: 2. Two or more photographs One straight photo. One using transparency.

BASIC WEB DESIGN 1.Keep it simple 2.Keep it clean 3. Keep it organized, easy to use, and easy to read 4. Give text enough room 5. Kern text whenever possible.

COMPOSITION THE RULE OF THIRDS, VISUAL CENTER AND GRIDS.

New Trends in Design Adding unity, balance, structure and dominance to your layouts.

Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.

Digital Communications I Mrs. Britt.  Using a computer with page layout and graphic editing software to create publications that are professional looking.

Designing with a Grid The key to good layout design.

Layout in Advertising 09 Chapter Modular: Afjal Hossain Assistant Professor Department of Marketing Patuakhali Science & Technology University 1 Tom Duncan.

Basic Principles of Design SWBAT produce double page spreads utilizing all 6 design principles.

Higher Desktop Publishing (DTP)

Yearbook Vocabulary SVMS Yearbook.

1.01 Understand typography, multiuse design principles and elements.

Tom Duncan “Principles of Advertising and IMC” 2nd ed.

DESIGN that ROCKS.

What makes a GREAT photograph?

Utilizing Effective Layout Methods Alignment

The Principles of Graphic Design

COLUMNS The foundation of design Sally Manke

The Principles of Graphic Design

Basic Principles of Layout

Yearbook DESIGN TERMINOLOGY.

Layout Terms Visual Hierarchy

Basic Principles of Layout – p2

Chapter 10 Print Design © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,

Newspaper Design and Layout

Grid Structure.

5.2 | Yearbook Design.

Tom Duncan “Principles of Advertising and IMC” 2nd ed.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

MODULE 19: DESIGN 3.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

Layout of a Desktop Publishing Document

Chapter 5 Layout.

1.01 Understand typography, multiuse design principles and elements.

Layout of a Desktop Publishing Document

Tom Duncan “Principles of Advertising and IMC” 2nd ed.

Layout of a Desktop Publishing Document

Graphic Design Layout Options

Graphic Design Layout Options

1.01 Understand typography, multiuse design principles and elements.

DESIGN ONE Objective: The students will apply basic desktop publishing design principles to enhance their documents.

Understanding Design Elements

Presentation transcript:

Basic Principles of Layout

What is Page Layout? The term “layout” refers to the way in which we organize various materials that make up the content of our design.

What is Page Layout? Page layout refers to the actual document page and its composition. Software programs: PageMaker, QuarkXPress, InDesign, etc.

Achieving Unity in Layouts

Nothing Should Be Placed on the Page Arbitrarily. Align elements!

Every single element should have some visual connection with another element on the page.

Which card has a better layout and why?

Which one is easier to read and why?

Information Hierarchy Watch this great video: http://www. youtube

Using Grid Systems

What is a Grid? Grid is an invisible framework for all pages in a document, a visual anchor for text & pictures.

The Most Common Types of Grids: One Column Two Columns Header and Four Columns

Elements of a Grid: Margins: Define the outside boundary of your page. Do not have to be equal all around. Should be consistent on all pages. Margins

Elements of a Grid: Alleys: The space between grid units is called an alley. Ex: White space between columns of text. Alleys

Elements of a Grid: Gutters: In a 2-page spread, the gutter is the inside margin. It’s the space on either side of the fold. Gutter

Grids Can Help to Determine 1. The margins of the piece 2. Space between headlines, body text, photos 3. Tell you the placement of elements on the page

Structure and Organize Content by using a Grid System!

Grids in Ads and Publications Publications such as magazines and newsletters almost always require a grid. Grids can: 1. Provide page to page continuity 2. Reduce production time

Ex: Using Grid in Book Series

Grids Can Be Simple or Complex:

Grids Can Be Simple or Complex:

Most Popular Grids The Rule of Thirds Space is divided into thirds, both vertically and horizontally, creating a grid of rectangles

Most Popular Grids The Rule of Thirds The four points formed by the intersections of these lines can be used to align features in the image.

One Grid, Many Designs! Grids do not have to be boring. If the grid is properly used, interesting and dynamic designs can be created. Ex: 4x4 (16 unit) grid system includes 4 images & text.

Exercises

How are the elements aligned in this composition?

How are the elements aligned in this composition?

Famous Graphic Designers David Carson, Designer (TED Talk) http://www.ted.com/talks/lang/en/david_carson_on_design.html Chip Kidd, Book Designer (TED Talk) http://www.ted.com/talks/chip_kidd_designing_ books_is_no_laughing_matter_ok_it_is.html Clear Magazine http://tv.adobe.com/watch/digital-publishing-customer-showcase/adobeclearmagazine/