• Home
  • Free Resources
    • Storyboard Depot
    • Instructional Design Programs
    • Best Stock Photo Sites
    • PowerPoint Grids
    • eLearning Examples
    • Glossary of Online Learning Terms
    • Graphic Editing Tools
    • Icon Collections
  • My Books
  • About
  • Book Store
  • ON-DEMAND COURSES

The eLearning Coach

For designing effective learning experiences

  • Podcasts
  • LXD
  • eLearning Design
    • Audience
    • Instructional Design
    • Learning Objectives
    • Storyboarding
    • Tests
    • User Interface
  • eLearning 2.0
  • Cognition
  • Multimedia
    • Audio
    • Graphics
    • Video
  • Reviews
    • Book Reviews
    • Software Reviews
  • At Work
You are here: Home / Developing eLearning / Designing with A PowerPoint Grid

Designing with A PowerPoint Grid

by Connie Malamed

Tweet74
Pin4
Share56
134 Shares

If you’re new to visual design, you’ll find that designing with grids can help to improve your visual design skills. Grids provide structure to a design, which helps unify a visual composition. Grids also provide constraints. Pushing up against constraints often promotes creativity. Timothy Samara, author of Making and Breaking the Grid sums it up well:

“The benefits of working with a grid are simple: clarity, efficiency, economy and continuity.”
–Timothy Samara, author of Making and Breaking the Grid

A grid divides your slide into columns and rows (called flowlines) that can be spaced at equal or unequal intervals. The grid spacing you choose really depends on the nature of the content you’re working with and the requirements of your project (the desired look and feel).

For example, if your layout needs lots of white space, then you might want a grid with only three columns and three rows. If the design requires a precise and detailed look, then a grid with five columns might be more appropriate. An unusual design might emerge from a grid with unequal columns. When you stick to the same grid, you’ll see that there’s a lot of flexibility in this approach.

How to Create the Grid

There are several ways to set up a grid in PowerPoint:

  1. Turn on the grid option in the Views menu of PowerPoint. This will get you a grid display in dots, which some find distracting. Personally, I prefer lines.
  2. Create a grid using the drawing guides. Display additional drawing guide lines by placing the pointer directly on the line and CTRL-clicking it. A new guide line will display that you can drag to the appropriate place.
  3. Draw lines with the Shapes tool on a slide master.
  4. Download a grid from my collection of grids. Place it in a master slide to use as a background. Then delete when finished.

Rule of Thirds

There are many ways to organize visual elements with a grid. One approach is to use the Rule of Thirds. You may be familiar with this concept from photography, but may not think of using it for designing eLearning screens. Using a 3×3 grid, place the important visual elements along the lines of the grid or at their intersections. This results in an asymmetrical design, which creates more tension and interest than placing the elements in the center.

Using the Rule of Thirds in a design.

Spatial Zones

Another approach is to make use of the spatial zones formed from the individual modules within the vertical and horizontal lines.  Experiment with arranging blocks of a muted color into a layout that meets your goal. Assign each spatial zone with a purpose, such as an area for text or an area for a shape. In the example below, I’m designing for title slides, so I want text that’s positioned in a noticeable area as well as a zone for an eye-catching graphic. Finally, I’ll need a horizontal spatial area for less important text.

Experiment with the spatial zones within the grid

Or you can create spatial zones by experimenting with text, images and graphical elements (shapes, objects, etc.). When you find a layout that solves your design problem, reuse the approach for slides that will have a similar use. For example, in the fictitious course below, all section and title slides would use this arrangement.

For a background you can use a solid color, a gradient, shapes or an image that works with the grid. Some people like to start with the background and structure the elements around it.

Hopefully, you can see that using a grid provides flexibility within a unified structure. This is an effective way to assist you with visual problem solving. Learn more about designing with grids at Grids in Graphic Design.

Resources:
PowerPoint Grids (free download of several grids in the Resources Section of this site)

hr />

Click Here for Cheat Sheet
Get the latest articles, resources and freebies once a month
plus a Visual Design Cheat Sheet.

Comments

  1. Marcielle Brandler says

    September 13, 2017 at 11:34 am

    This was helpful. Now I need to learn How to make a 4 x 5.5 pamphlet
    using Power Point.
    Thanks.

Trackbacks

  1. Designing With A PowerPoint Grid | eLearning | ... says:
    April 10, 2014 at 1:48 pm

    […]   […]

  2. 5 Steps To A PowerPoint Redesign: Instructional Design and eLearning says:
    November 2, 2012 at 6:39 am

    […] Use a grid or guidelines to provide visual structure (See my article: Designing With A PowerPoint Grid) […]

  3. Designing eLearning with a Grid | eLearning Brothers says:
    September 25, 2012 at 4:58 pm

    […] PowerPoint Grid Designs Many elearning authoring tools use PowerPoint. Connie did a great post on, “Designing with a PowerPoint Grid“. […]

  4. Blog Posts, Articles, and Reports To Read: June 2011 | 4R x T says:
    July 1, 2011 at 8:33 am

    […] “Designing With A PowerPoint Grid“ […]

  5. Powerpoint: Gestaltung mit dem Folienraster » ToolBlog says:
    June 14, 2011 at 4:07 am

    […] wie Sie ein Raster benutzen können, um die Folien bei der Gestaltung richtig aufzuteilen: Designing With A PowerPoint Grid. Für die besprochenen Raster gibt es auch Vorlagen, die Sie hier herunterladen […]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Writing for Instructional Design

Subscribe to my newsletter AND get my eBook, Writing for Instructional Design.

Get the latest articles, resources and freebies once a month plus my free eBook, Writing for Instructional Design.

The Learning Guild

CSUN Instructional Design Program

CSUN Instructional Design Program

Fullerton Instructional Design Program

Fullerton Instructional Design Program

Learn ID at University of San Diego

u of san diego id program

ANSWERS TO QUESTIONS ABOUT A CAREER IN ID

answers to 5 key questions about a career in instructional design

NOW AVAILABLE AS AN EBOOK

You can now buy the email course as a PDF to get all the lessons at once. Price: $15.00 US.

eBook Cover
Click the image to buy the book.

SITE MENU

Home
Resources
My Books
About
Book Store
Membership Community

TOPIC MENU

Podcasts
LXD
eLearning Design
eLearning 2.0
Cognition
Multimedia (Graphics & Audio)
Reviews
At Work

RESOURCES

Storyboard Depot
Instructional Design Programs
Best Stock Images
PowerPoint Grids
eLearning Examples
Glossary of Online Learning
Graphic Editing Tools
Icon Collections

© Copyright 2021 Connie Malamed · All Rights Reserved