• Follow us on Twitter
  • RSS
Welcome to the new Advance Your Slides! Be sure to let me know what you think. close

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

Tag Archive for: layout

Layout Master, Bill Watterson

  • Watterson was a master of page layouts that were visually interesting but still very easy to read sequentially.
0 Comments/ in Design / by Nick
February 22, 2012

For an good study in designing interesting page (or slide) layouts, look no further than the comics page. The legendary Bill Watterson, the cartoonist behind my favorite comic strip, Calvin and Hobbes, was a master of thinking out side the box…er…cell.

You can see lots more in the archives at Comics.com.

  • Share this:
  • Share
  • Email
  • LinkedIn
  • Print
  • StumbleUpon
  • Digg
  • Reddit

Slide Redesign 101, Part 5

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

Well, loyal readers, you’ve made it through the week. This is the fifth and final post in this series on how I redesign slides. Here’s a reminder of what we started with.

TechRepublic Butterfly Slide

Over the course of the week we’ve covered how to break slides up so there’s one idea on each slide, and how to choose a color scheme, a font, and images. Today we’ll be combining everything we’ve done so far into a finished product.

Resize images

Step one is to resize our images. This may be as simple as changing the height and width to 800 pixels and 600 pixels respectively. But not all images are the proper proportions to do this and some may require cropping to make them work. It’s easy to do both using MS Paint, or a more powerful graphics editor if you have access to one.

Place Images as our Slide Backgrounds

I’m using the same slides we ended up with on Monday, the plain white slides with a few words of black text. I’m adding the images from yesterday (Thursday) in the order in which I attached them to the bottom of the post. My slides now look something like this.

Slide Backgrounds

Making the images slide backgrounds is better than simply adding them as pictures because it keeps the images behind the other elements on the slide.

Make sure that you remember the image attribution, otherwise you’ll be using these images illegally. I usually place the attribution in one of the corners of my images by adding a simple, subtle text box with the words “Image Credit:” followed by the image creator’s name.

Positioning the Text

The next step is to move the text to where we want it. Many people don’t move text boxes around, they just leave them wherever PowerPoint places them. This is usually not a good way to go. You can place elements anywhere on the slide, so it would be best to place it exactly where you want it to go. If you imagine a grid of four lines, two vertical, two horizontal, that divide the slide evenly into nine equal parts, it’s best to position items of interest where the lines cross. These points are called “power points” believe it or not and placing elements here is a technique used by graphic designers, photographers, etc.

Power Points

Where the lines cross are called power points.

The first step is to apply the font we chose on Tuesday (part 2) and get the font size set. This will help us figure out how much room the text will take up. We could position the text before we typeset it, but we’d probably just end up tweaking things and moving them around later. Remember that the font we chose was called “Savoye LET”. I’ve chosen a font size of about 72pt.

You also need to eliminate the bullets. You should really only use bullets if there are at least two of them. You can turn bullets off by highlighting the text and then clicking the button with bullet points on it, shown below.

Ensure Contrast

The final step is to make sure your text will be visible when sitting on top of your image. If there isn’t sufficient contrast between the text and the background, I usually choose to place a shape behind the text to make the text stand out. I chose to set the type in the Yellow Green color from Tuesday (RGB – 159, 219, 67). This is a fairly light green when compared with the background images we’ve chosen, so I placed a simple rectangle behind the images. I formatted that rectangle by removing the line (set the line to “no line” in the “Format Shape…” dialog box) and giving it a gradient fill. I chose to give it a radial, centered background with two stops. The first color stop is the lighter brown from “Spring Garden” which is RGB – 56, 30, 16. The second stop I set to the same color then just used my color picker to darken it a bit.

Here are the finished slides.

Here’s the finished PowerPoint file for you to download so you can take these slides apart and see how they work if you like. (You need to have the font Savoye LET installed on your system or the slides won’t appear as they do here. You can download the font for free, here.)

So that’s how I work. Thank  you so much for following along this week. I hope it’s been enjoyable as well as beneficial for you. If you have any questions about any part of this process that I haven’t answered sufficiently, please leave a comment below. Otherwise, best of luck creating your next set of slides!

  • Share this:
  • Share
  • Email
  • LinkedIn
  • Print
  • StumbleUpon
  • Digg
  • Reddit
833Follower94Subscribers
Get free, new-post notifications in your inbox. Subscribe by Email

Latest Tweets

  • When you worry, call me, I make you happy. -- Bobby McFerrin
    May 18, 2012 - 6:50 AM
  • Bloomberg Businessweek: a masterclass in magazine design (and inspiration for your next presentation?) http://t.co/C95quxtI
    May 17, 2012 - 11:01 AM
  • A bad day PowerPointing is better than a good day working. #howdoyoulikemynewcatchphrase
    May 17, 2012 - 9:47 AM
Popular
  • Five Ways To Improve Your SkillsJanuary 14, 2011, 11:47 am
  • Don’t Be A PowerPoint FelonFebruary 18, 2011, 7:41 am
  • The 5 Most Memorable Concepts From Nancy Duarte’s...January 28, 2011, 7:00 am
  • 5 Ways To Get Slides Onto An iPad.November 23, 2010, 6:00 am
Recent
  • Why You Must Read Jonah Lehrer’s ImagineMay 14, 2012, 5:00 am
  • How to Become a Graphic Designer for Less Than $100 a MonthMay 7, 2012, 5:00 am
  • It’s just a presentation.March 20, 2012, 9:00 am
  • artCircles: Take some art for a spinMarch 16, 2012, 11:00 am
Comments
  • [...] Original Page: http://advanceyourslides.com/?p=2494...May 14, 5:00 am by Why You Must Read Jonah Lehrer’s Imagine | Artofsmart
  • [...] An image of this shape is found in this summary of...January 28, 7:00 am by Creating Visual Stories That Resonate « Experiencing E-Learning
  • I LOVE THIS!!!  I think its so cool you're going this route...November 17, 6:33 am by Reagan
  • [...] Via advanceyourslides.com Share this:TwitterFacebookLike...February 18, 7:41 am by Don’t Be A PowerPoint Felon | Advance Your Slides « Education and Technology for Future
Tags
animation Apple authenticity authority beautiful book business butterflies Color color scheme comics communicate communication create creative creative process Creativity dan roam Design drawing failure fonts graphic design ideas images Keynote leadership Nancy Duarte photography powerpoint Presentation presentations presenting public speaking Resonate simple simplicity slides SlideShare story storytelling Success Technology TED video

Archives

Pages

  • About
  • Archive
  • Connect
  • Contact
  • Work

Recent Posts

  • Why You Must Read Jonah Lehrer’s Imagine
  • How to Become a Graphic Designer for Less Than $100 a Month
  • It’s just a presentation.
  • artCircles: Take some art for a spin
  • Almost Undesigned

Latest Tweets

  • When you worry, call me, I make you happy. -- Bobby McFerrin
    May 18, 2012 - 6:50 AM
  • Bloomberg Businessweek: a masterclass in magazine design (and inspiration for your next presentation?) http://t.co/C95quxtI
    May 17, 2012 - 11:01 AM
  • A bad day PowerPointing is better than a good day working. #howdoyoulikemynewcatchphrase
    May 17, 2012 - 9:47 AM
© 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.