• Home
  • Resources
    • eLearning Freebies
    • 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
  • COMMUNITY

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
    • Authoring Tools
    • Graphics
    • Video
  • Reviews
    • Book Reviews
    • Hardware 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
Share39
173 Shares

If you’re designing screens for eLearning, you’ll find that using a grid 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.

Creating 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 initiate visual problem solving.

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


Click here to subscribe
Get the latest articles, resources and freebies once a month
plus a Visual Design Checklist.

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 Cancel 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



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

The Learning Guild

Fullerton ID Program

Fullerton Instructional Design Program

UMBC Learning & Performance Technology Program

Learning and Performance Technology Program
learn instructional design in a community

5 QUESTIONS ABOUT A CAREER IN ID

5 key questions about a career in instructional design

SITE MENU

Home
Resources
ID Guru Mobile App
My Books
About
Book Store
Membership Community
Contact

TOPIC MENU

Podcasts
eLearning Design
eLearning 2.0
Cognition
Multimedia (Graphics & Audio)
Reviews
Mobile
Business

RESOURCES

eLearning Freebies
Free Storyboards
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