Site icon KINGDOM UPGROWTH

Design on the Grid

Good photos and good slides have a lot in common. I’ve thrown together a simple slide theme that I will explore in several ways below to show various approaches to what can be included and how.

Think In Thirds

As you create a visual, mentally draw four lines on your slide, dividing it into thirds both horizontally and vertically. For an image to be especially satisfying, make sure that key elements are aligned on the intersections of the grid. It actually looks better to have the focus of the photo be framed well to the side, rather than front and center, or taking up most of the image.

Use Negative Space

The image here of the bee works well for slide creation because the bee is already nicely positioned so that there is plenty of additional room in the slide for another element. More on that below.

Contrasting Examples

I’m going to share several possible versions of a common slide to show why some things work better than others.

This is not what I consider the greatest all-time example, but rather something I could put together quickly, typical of the normal grind of preparing for a Sunday.

Above is a bad example. The problems are numerous.

This one is better than the one above, though still not as good as it could be. Some differences:

This one is better than the first two.

I would not say the rest of the images are necessarily “better” than the previous one. I just want to demonstrate there are multiple ways to approach the same idea.

Here, rather than using the slide for negative space, I am using a higher quality image with good space built in.

Likewise, I am using a color matching tool. When you are setting the color in Keynote for text, element, or for a background of a text box, there is a little dropper icon that you can click. It brings up a magnifying glass tool that lets you match colors to a specific pixel. So the text above draws from the image itself.

The first line is matched to the color of the flower. The bottom lines are matched to the bee’s leg. The background of the text is also matched to a light part of the flower, but I adjusted the opacity of the color. Opacity is whether something is solid or see-through.

By matching the color, then also setting the opacity level to mostly see-through, you can see how it blends in well with the background. It is often necessary to put some sort of color beneath your text if it is over a photo so that it is more legible.

See the opacity setting at 100% here. See also the dropper at the bottom of the color selection tool. Currently, the magnified section would be the pixel to which my color would now match if I selected it.

Here’s a different take on the same theme. This time I found a high quality image of several bees on a honeycomb.

A Little Goes A Long Way

As you can see above, there isn’t always a perfect or ideal way to design a slide. But with the thoughtful arrangement of items on a grid, along with a well-matched set of colors for fonts and other elements, it makes a big difference.

For more satisfying slides, design on the grid.

Be the First to Know About New Content

Other Content You Might Enjoy

Exit mobile version