• Follow us on Twitter
  • RSS

  • Blog
  • About
  • Contact
  • Work
  • Connect
  • Archive

Tag Archive for: color scheme

Slide Redesign 101, Part 4

2 Comments/ in Design, Good Slides, Uncategorized / by Nick
January 6, 2011

This is part four of a five part series on how I design slides. So far we’ve covered one-idea-per-slide, selecting colors, and selecting a font. Today I’d like to show you how I go about choosing images. Tomorrow we’ll put it all together into a finished product so stay tuned.

There are really three things to think about when choosing images.

1. Show & Tell

Obviously the main reason for using images instead of text is to illustrate what the presenter is saying. If your subject is somewhat abstract or complicated, you may need to be creative in choosing appropriate images. You don’t have to choose the most obvious choice to illustrate an idea. In fact, sometimes it’s good to choose an idea that’s somewhat once removed from the most obvious choice because it engages the audience’s brains and makes them think about why you chose to use a particular image. For example, if you want to illustrate the idea of partnership, you might be tempted to use a picture of two hands shaking in front of a globe. That’s an obvious choice. The low-hanging fruit, if you will. But there are all kinds of other ways to illustrate the same idea. Salt and Pepper, Batman and Robin, Hammer and Nail…you just have to think a little longer to get there. (Note: all of these examples came from page 27 of Slide:ology by Nancy Duarte) By choosing the road (or image) less traveled, you’re certainly on your way to being more memorable.

In our slides, though, we can be pretty straight forward. Let’s look at the text from the slides once again.

Once butterflies are visiting, you can entice them to take up residence by:

Choosing flowers that bloom at different times. Butterflies will stay in your garden if there’s a constant source of nectar.

Providing host plants. Butterflies lay their eggs on host plants and most are very particular. Milkweed, Nettles, and native grasses are the most popular. The prized Eastern Tiger Swallowtail prefers a tree, either a Sycamore or a Willow. The bolder Spicebush Swallowtail prefers Ash, Sassafras, and Tulip trees. If you live on the edge of a field or meadow, you probably don’t need to worry about host plants—there are plenty of them nearby.

Providing shelter from the wind and rain in the form of tall shrubs, vines, and even small trees.

There are all kinds of things we can show here. Butterfly habitats, flowers, various types of plants and trees, several specific species of butterfly, and even some weather formations. All of these should be fairly easy to find images for.

2. Color Scheme

The second thing to keep in mind is the color scheme we chose back on Tuesday. You may remember that we chose one from Adobe Kuler called “Spring Garden”. Here it is again to refresh your memory.

spring garden

We need to choose images that go along with this color scheme, so the images we select should contain some or all of these colors. It shouldn’t be too difficult, since we chose our color scheme with butterflies and gardens in mind, but this will keep us from choosing black and white imagery, for example. All of the images should look like they belong together.

3. Whitespace

The third thing to keep in mind is the need for some whitespace. Some images are consumed 100% by their subjects, while some leave room to breathe. It’s this last kind we’re most interested in. This will leave us a place to position the text we want to have on our slides. In my opinion, images with whitespace are often more interesting as well, as the open areas give us a sense of openness and peacefulness that you don’t get with crowded and busy images. For more on whitespace, read the chapter on it (chapter 6) in Garr Reynolds second book, Presentation Zen Design.

4. Resolution

We need to make sure we use images that are of a high enough resolution that they won’t appear blurry or pixelated when we use them to fill the background of our slides. Most of the time at least 800 x 600 pixels is about as low as you want to go. Bigger is better in this case, but if you choose an image that’s a lot bigger than that, you’ll be using a large image which will make your file size skyrocket. If you do find a larger image, it’s probably best that you resize it using a tool like Photoshop, GIMP, or even just MS Paint. Also, you may need to crop certain images to make them the size you need. This is fine, as long as you have the right to do so. Check once again with the owners wishes for the use of his/her work.

Seek and You Will Find

With these four principles in mind, we can now begin searching for images. For this, I recommend you use one of two websites: iStockPhoto or Flickr.

The stock photography on iStockPhoto is top-notch and very affordable. There are even tools in the search features that allow you to search for images containing specific colors or with whitespace in a particular place. The only drawback is that the images do cost money, which can make things difficult if you’re on a tight-to-non-existent budget.

The imagery on Flickr has been uploaded by all number of individuals, from casual shutterbugs to professional photographers. But there’s a ton to choose from and much of it is very good. What’s even better is that many of the people have made their imagery available under a Creative Commons license that may allow you to use their images for free, in exchange for your giving them credit whenever you use them. Make sure you pay attention to these rules and respect the wishes of the photo creator.

A tool that I recommend highly to help you find imagery on Flickr is called Compfight, and you can read more about it and how it works in one of my previous posts.

Using Compfight I was able to find these images which I think meet all three of the above criteria and will work nicely for our presentation.

Image by melolou

butterfly and flowers

Image by brentdanley

Spicebush Swallowtail

Image by Ryan Somma

Image by tanakawho

Share this:

  • Twitter
  • Facebook
  • More
  • Email
  • LinkedIn
  • Print
  • StumbleUpon
  • Google +1
  • Digg
  • Reddit

Slide Redesign 101, Part 2

6 Comments/ in Design, Good Slides / by Nick
January 4, 2011

This is the second in a series of blog posts about how I go about redesigning slides. Yesterday, I covered the first step: isolating ideas on their own slides and removing as much text as possible. Today, I’ll show you how I choose a good color scheme.

Color matching is one of the areas I’m least confident in. There are so many choices that it’s difficult for me to find a good starting place to build from. I definitely need a little help.

If you’re like me, you’ll probably be thankful to learn about Kuler. Kuler (pronounced “cooler”) is a tool developed by Adobe (the same people who gave us Photoshop, InDesign, and a host of other professional-grade creative tools), that helps you create and share color schemes. If you’ve never tried it you need to check it out.

The Adobe Kuler homepage.

The Adobe Kuler homepage.

As I mentioned, Kuler allows you to create and share color schemes. You have two choices if you want to create your own: from scratch or from an image. If a client sends me a presentation with some imagery included, I might start by uploading one of the images to Kuler and seeing what kind of color scheme it comes up with. (For more information about how to use Kuler’s many features, check out this excellent post by Garr Reynolds.) For this project however, we don’t have any existing imagery, so we’re kind of free to try whatever we think is good. In that case, I usually use the social, sharing aspect of Kuler to browse color schemes that have been created by others. There are tons of different variations to try and you’re free to choose whichever one you think works well, but here are some things you should keep in mind while browsing.

Contrast

First and foremost is contrast. You need to make sure that whatever color scheme you choose has sufficient variation in it to allow the font color you choose to show up well against the background color you choose. Experiment with the color and shades you find until you find one with sufficient contrast.

low contrast

This color scheme doesn't have enough contrast.

high contrast

Even though this color scheme is just shades and tints of the same hue, there is sufficient contrast between the dark and the light to make text legible.

How the colors make you feel.

This might sound like I’m getting a little frou-frou, but stay with me. Another thing to take into consideration is your subject matter. This slide is about enticing butterflies to stay in your yard or garden, so cold, steely blues and grays are probably not going to give us the right feel. If we used colors like that, the look of the slide wouldn’t match the ideas we were presenting. Remember that we want all aspects of our slides to reinforce the overall message of the presentation.

In this case, I might choose colors that are reminiscent of a physical garden: green grass, brown soil, and bright, flowery pastels. In fact, just typing “garden” into the search box on Kuler yielded several good choices including the one below which its creator titled “Spring Garden.”

spring garden

"Spring Garden" created by monnacat.

I like this color scheme because it will allow us to have a nice, two-tone background on which the bright greens will stand out nicely.

Kuler will then tell you the exact RGB values for each of these colors so you can reproduce them in PowerPoint or Keynote. The RGB values for our Spring Garden are:

Darker Brown: R – 33, G – 21, B – 8

Lighter Brown: 56, 30, 16

Blue Green: 69, 148, 31

Yellow Green: 159, 219, 67

Light Green: 195, 255, 110

Alternate approach.

A second way to go about this is to search Flickr or iStockPhoto for an image that has the look and feel that you want your presentation to have. As I said earlier, Kuler has a way to find a color scheme based on an image. Once you’ve found an image you like, upload it to Kuler and a color scheme based on that image will be generated. You can then tweak that color scheme as desired until you get to something you like. You can then use that color scheme even if the image you used to create the color scheme never appears in the presentation at all.

So that’s how I would select a color scheme. Not too painful, right? Tomorrow I’ll discuss the process of selecting good fonts.

To make sure you don’t miss the rest of this series you can subscribe to Advance Your Slides via RSS or email or just make sure to stop by here again tomorrow.

Share this:

  • Twitter
  • Facebook
  • More
  • Email
  • LinkedIn
  • Print
  • StumbleUpon
  • Google +1
  • Digg
  • Reddit
910Follower94Subscribers
Subscribe by Email

Recent Posts

  • It’s Not Complicated
  • The Future of Presentation Design
  • Hare Today, Goon Tomorrow
  • Everyone can. But not everyone will.
  • Sometimes I Feel Like Quitting
  • Could play be one of the best kept secrets of career success?
  • How to Avoid Creating Strawberry Sprite Slides
  • Why Don’t You Kiss Her Instead of Talking Her to Death?
  • Paperman
  • A Pep Talk from Kid President

Recent Portfolio Entries

  • Make Smarter DecisionsSeptember 6, 2012, 8:56 pm
  • Don’t Be A PowerPoint FelonFebruary 7, 2012, 8:21 pm
  • Intergraph Corporate OverviewFebruary 7, 2012, 7:41 pm
  • Make Your Next Meeting a Mighty MeetingFebruary 6, 2012, 10:23 pm

Pages

  • About
  • Archive
  • Connect
  • Contact
  • Work

Archives

Search

Top Posts & Pages

  • Aligning Objects in PowerPoint
  • The 5 Most Memorable Concepts From Nancy Duarte's New Book, Resonate
  • Creating a Custom Background Image with PowerPoint
  • Archive
  • Work
  • The Future of Presentation Design
  • How to Steal Like An Artist
  • P.R.E.P.
  • Intergraph Corporate Overview

Recent Posts

  • It’s Not Complicated
  • The Future of Presentation Design
  • Hare Today, Goon Tomorrow
  • Everyone can. But not everyone will.
  • Sometimes I Feel Like Quitting
  • Could play be one of the best kept secrets of career success?
  • How to Avoid Creating Strawberry Sprite Slides
  • Why Don’t You Kiss Her Instead of Talking Her to Death?
  • Paperman
  • A Pep Talk from Kid President

Tweets

  • RT @SaveitlikeSully: There’s a sweet spot between “memorizing it” and “winging it” that great presenters find every time they present.
  • RT @austinkleon: You really have no idea what's going to hit. You just toss things out and see what happens to them.
  • If you're nearby, don't miss this!--> Lunch with @presentationzen and @nancyduarte at Duarte, July 9. http://t.co/oXaZcw749y
  • Good morning, folks! It's up to you to make things awesome. No settling for boring this week.
  • Treat your mother right this weekend. http://t.co/JY3NpOrkgw #ipitydafoolwhodoesnt
© Copyright - Advance Your Slides - Wordpress Theme by Kriesi.at
loading Cancel
Post was not sent - check your email addresses!
Email check failed, please try again
Sorry, your blog cannot share posts by email.