What software did you use?

That question is a big compliment for your PowerPoint presentation: you have succeeded in making your PowerPoint not look like PowerPoint. Here are some simple steps that can help you:

• No hierarchical bullet point texts (if you have to put three messages use 3 grey boxes with a short sentence)
• Switch the standard Microsoft Office font Calibri typeface for Arial (other exotic fonts will cause issues on tablets)
• Avoid the standard Office colours (blue, faded red, faded olive) and use your own colour palette, also in data charts
• No dirty gradients, drop shadows
• No heavy graphics and/or colours behind the title or at the bottom of your slides
• Create many slides with page-filling images
• Remove the default clutter of data charts (tick marks, etc.)

The same applies to Apple Keynote. Although a standard Keynote slides looks a bit better than a standard PowerPoint slide, Keynote also has ugly defaults (colours, texture fillings of data charts). 

Fix the PPT for Mac colour bug

The colour rendering bug in Microsoft PowerPoint 2011 for Mac is highly annoying. Here is fiddly a trick to get around it. You basically need to goal-seek the text colour into something you like.

1. Pick a colour you like, draw a shape and fill it with the colour
2. Write some text in a big bold font and set it to the same colour: PowerPoint will render it incorrectly
3. Here is the fiddly part: repeat steps 1-3 until you are happy with the TEXT COLOUR.
4. Now, use the Apple colour picker to strip the colour of the text

Save your colour template with 1 accent colour for text, and one accent colour for shapes. In your drop down menu they will look different, on screen they will look the same.

Note 1: I tested the PowerPoint RGB colours as well in Photoshop and Illustrator, and it turns out that PowerPoint renders the shape colours incorrectly, the text is correct.

Note 2: There is a more analytical way to get your desired colour than simply trial and error. You can analyse the RGB codes of the background colour and the text colour. So, set the shape colour to something that you would like. Write down the RGB codes. Colour the text with that colour, and pick its colour with the colour picker. Write down the text RGB codes. Analyse the difference between the two colours and create a third colour by adding/subtracting the R, G, and B differences between the colours. This will be your text colour that renders the same as the desired shape colour. It all sounds more complicated than it is.

Question for you guys, can someone report back how this is rendered on a Windows machine?

PPT 2011 for Mac color bug

Microsoft PowerPoint 2011 for Mac has an annoying bug: when you apply a colour to a font, it comes out slightly differently than when you apply the exact same colour to a shape. One: it looks bad on slides, two: it gives surprises when you open a PowerPoint file created on a Mac on a Windows machine (which does not have the same issue).

When I posted about this somewhere on a Microsoft forum I got the response that this was done on purpose; to make text readable against a coloured background. This does not make sense, if I want to make the text readable, I will put in a different colour myself, and definitely not the one that Microsoft is using. See below, the letter colour is a completely different type of blue than the background.

(Geek alert). There is a complicated way to get around it. Type some text, change it to the desired colour. Now select the desired text (not the entire sentence) and bold it: the right colour appears... But, as soon as you do anything else to your text box, the wrong colour gets put in. Annoying....

Lighten up

It can be tempting to splash on the colours in a slide design, especially if you have a colour palette with 3 or more colours. The result: highly colourful slides that still look very “PowerPoint”.  Why does the work of a professional designer not look like PowerPoint?

The secret: only use colour or highly contrasting greys (dark on a white background, light on a dark background) when you want an object to pop out. Use one base colour frequently, and reserve all the others for accents. Use light shades of grey, rather than filling a big slide object with a very dark grey. Consider using dark grey for your font colour instead of pitch black.

Too much colour (2)

Following frequent requests after my previous post, I have included a picture here that shows the concept of the narrow coloured bar replacing a fully coloured slide object.

Too much color

Colours brighten up your slides and are a great way to group related items together: USA is green, Europe is blue, Asia is purple for example.

But applying bold colours to big text boxes makes your slides too busy and nervous. Instead, keep those text boxes light grey and add a very narrow colour box attached to it at the left side, almost like a fat line.

PowerPoint template mix up

Copying PowerPoint slides from one presentation to another can have disastrous format implications. Some survival advice.

• When saving/defining a new PowerPoint theme, stick to the suggested colour uses that PowerPoint suggests, i.e., text/background dark should be a dark colour for example. If you move slides across between templates in properly defined colour schemes, the damage will not be that big
• Make sure you copy slides into the file with the desired template and not the other way around. Sometimes this might require you to create a 1-slide presentation in your preferred template, and then copy the 35 other slides into it.
• There is a way to merge PowerPoint slides and keep their original formatting, see an old blog post on the subject.
• At the top left corner of the ribbon is a layout button that opens a drop down menu of slide formats that are present in the master. Use to to correct disasters.

Good luck!

Presentation template recipe

Here is an almost sure recipe to get a good look and feel for a presentation template, even with an Arial font:

• One nice accent colour, but used sparsely for only that: provide an accent
• The other objects in shades of grey, using relatively more light ones than dark ones
• Text in dark grey, not black
• No lines around shapes, let the color (i.e., grey) do the work
• Everything flat: no shadows, no gradients, no reflections
• Black & white images only

iOS7 and PowerPoint templates

Most PowerPoint template designers think that what you put on the empty template page sets the look and feel of the presentation. Gradients, watermarks, logos, color bands. I have long been arguing that the template can just be a blank white page, what sets the look and feel is your approach to how your design the slides: what shapes, what colors.

The new iOS7 is a good example. Icons that looked great in iOS6 now look dated instantly in iOS7. The design philosophy has changed, without new logos, or repeated graphical elements on the page. It is the combined power of the new iOS7-ready icons that together create that new fresh layout.

So in PowerPoint, pick your colors, your fonts, your approach to shadows and gradients and you can use a simple blank page as your PowerPoint template.

Useful colors

If you have the freedom to pick the colours of your presentation yourself, try if you can find ones that have enough contrast both with black and white. The Idea Transplant orange for example can be a background for both white and black text. Skype blue also works. Design is always a combination of aesthetics and practicality.

Color hierarchy

Over the past few years, more and more people started to understand that as a presentation designer, it is important to have a look at the style, brand, color guide of the organisation you are working for. Program the prescribed colours into your PowerPoint or Keynote template, and your slides are instantly recognisable with the right look and feel, without having to remind the audience by putting a big logo on every slide.

But these brand guidelines often contain more than just the RGB codes for the corporate color. Color hierarchy is as important. Which color should you be using more often than others? Which color is background, which color is accent?

Randomly applying (the allowed) colours to slide objects can create clutter, especially for large shapes on your slides. Think about color hierarchy when designing your next presentation.

On gradients

In the spirit of flat design, I am not a big user of gradients in my presentations. It is one of those features: the fact that PowerPoint/Keynote supports them, does not mean you have to use them. Some observations.

Not all gradients work. A background gradient that goes from white to a touch of grey as your PowerPoint canvas often looks “dirty” on the presentation screen. Especially on antique VGA meeting room projectors. The inverse (pitch black to a dark grey) can actually look good. There is another challenge though with a gradient slide background: it is harder to work with shapes and images that have a non-gradient background that is close to the canvas color.

Watch out with gradients that run between clashing colours. If the colours do not go well together (for example green and red) then the resulting gradient is probably not going to be good either. Complex gradients can work though, have a look at the book cover of “Pitch it!” on the blog cover page. You could construct a nice gradient with reds, oranges, blues, and purples.

There is one area where I often use gradients: visualising transitions from one state to another. Even if the colour clash, I would still add that colour transition on a big horizontal arrow.

But still, we have to admit modern display technology falls short in places where ancient artists thrived...

B&W images

Converting all your images in a presentation to black and white can help even out the colours in the document. What is left is a series of slides in subtle shades of grey with your corporate color popping out to make a strong accent. I use that look a lot recently.

Too cute for investors

Unfortunately, in 2013 most investors are still male. Coming in with a cute deck (curly flower background, pastel colours, retro-chique font, etc.) is not going to get you points. Even if your product itself has to be cute (a cosmetics line for teenage girls for example) you can still separate things in your investor deck. Use more macho graphics for the serious business stuff, leaving the cute graphics for the product show case pages.

The greys do not match!

A few days ago, a friend posted a “complaint” on her facebook timeline that her husband always failed to spot fashion imperfections, in this case grey tints that did not match.

Grey colours sit in the center of the color wheel with equal balance of Red, Green, and Blue. But tipping the balance of the color mix a little bit instantly makes your grey look different. Use it as a design option to create a matching set of colours, watch out if it is not what you intended to do.

The same is true in black and white images, not every BW image is really pure grey, but it is easy to correct it, just have PowerPoint or Keynote turn it into a proper black and white image.

Creative commons Flickr search

TinEye Labs has developed a cool image search engine. Select multiple colors (unlike Google image search), and the tool will mine 10 million Flickr images with a creative commons license (unlike Google image search).



Image by Mitali Mokerjee

Hey, where is the colour?

A recent client was wondering why I turned all images in his presentation to B&W.

The answer: because I matched the colours of the presentation to the colours of his brand; shades of grey plus a strong blue as accent color. These type of colour schemes are actually my favourite ones. They look elegant, are recognisable, and it is very easy to create a harmonious, consistent set of slides through the deck with out the distraction of clashing colours. Definitely not a presentation with a 1980s, pre-colour monitor, look and feel.

Which color schemes work?

You cannot argue about taste, and there are no rules about what color combinations work or not. But somehow there are color schemes that come out great in a presentation, and with certain ones I have a very hard time making a deck look good. Here are my random experiences:

• Colour schemes with fewer contrasting colours in it tend to work better. You can create beautiful minimalist shades with grey shades and black, with a dash of a bright accent color here and there. In case of three (or more) contrasting colours, I tend to pick one of the three as my main accent color, and reduce the prominence of the other 2
• Deep colours work better than faded pastel ones. What looks great in print, might not work on a screen. Especially when you make the backgrounds of your slides white. Contradicting my first point, a series of deep colours can look great of they are related, and not contrasting. I have designed great looking decks with 5 to 7 related colours.

So, whenever you are thinking about new colours for your company, create a few presentation slides to evaluate options rather than deciding on the look of a logo. Logo colours can look great, but seeing them used in a business presentation is another challenge.

If you are going to work mainly with dark backgrounds, use that as your color testing ground. And vice-versa, if you find that your colours simply do not look good on white, switch to dark background presentations. I have applied this rescue trick a few times with clients.

Ugly colors

When your company has an ugly corporate color scheme it can be hard to make good looking charts. Here is one solution: go mainly for shades and grey and use one or two of the corporate colors as an accent color to highlight things. In 99% of cases this will look very elegant and nobody can accuse you of deviating from the prescribed colors.

PowerPoint for Mac color rendering

If you cannot get excited about color rendering in software, please skip this post.

There is something weird in the color rendering of Microsoft PowerPoint 2011 for Mac. First, text and shapes get treated differently. If you make the text and the background the same color, the text will appear different. At first it looks like to be designed on purpose. But the adjusted color is actually a bit off on the hue spectrum, creating color clashes. See the example below.



Maybe there is a problem inside the software though. Look at the screen shot below of a presentation in presenter mode. I copied 2 exactly the same slides and you can see that the preview of the second (identical) slide pulls the blue into same purple direction as the text in the previous example. There must be more than one color rendering engine inside PowerPoint.



PowerPoint 2010 for Windows does not suffer from this, and I hope that Microsoft will fix it in a subsequent update (even it was done on purpose). If I want my text to stand out on a background, I want to freedom to decide myself what colors to pick.