# Design Brilliant Slides

{% hint style="info" %}
If you haven't seen our [Slides & A/V](https://speaker.tedxiu.com/slides-and-a-v) article yet, go read that first!
{% endhint %}

***

## DO: Start with a Black Screen or Full-Screen Image

DON'T: Start with a title slide.

<div align="center"><figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2F0cpCIODm8YYOLe7xU8fW%2Fimage.png?alt=media&#x26;token=f9d75c3a-73be-42e5-b505-daa9fb2a15cc" alt="A black screen, with absolutely nothing on it. " width="375"><figcaption><p><strong>GOOD:</strong> <em>What happens next?!</em></p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FEjePSPWRMBd0Q8rdRniw%2FTitleSlide.png?alt=media&#x26;token=6b1153e2-de19-4eff-b1d8-fd53c0f0f3d0" alt="" width="375"><figcaption><p><strong>BAD:</strong> <em>Boring intro that gives away your talk.</em></p></figcaption></figure></div>

Design your talk to **start from a black screen or a full-screen image**. Why?

1. Audiences prefer a talk that starts with the bulk of the idea (also called *in medias res*) or starts with an example that expands into the idea. Designing from a black slide encourages this.&#x20;
2. Title slides often cause presenters to say "So today I'm talking about..." (Absolutely, no. Never.)

***

## DO: Use Clean, Non-Distracting Fonts

DON'T: Use hard-to-read, distracting fonts

<div><figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FLCwJm6NffEx22vJt6udk%2FbetterFont.png?alt=media&#x26;token=66bcb3f7-7339-4504-8588-064500ad1ccb" alt=""><figcaption><p><strong>GOOD:</strong> The Inter font is used, and text size draws your eyes to what's important</p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FGFWuhrnGcg8hvkDp7JMo%2Fbad%20font.png?alt=media&#x26;token=9d7498af-d9e6-480b-90d1-42a73f34ae9d" alt=""><figcaption><p><strong>BAD:</strong> The font is difficult to read from the audience</p></figcaption></figure></div>

Our team will change presentation fonts to use the Inter font family. We recommend designing your slides from the beginning with this font. You can download Inter for free [**from Google Fonts**](https://fonts.google.com/specimen/Inter?query=inter).

Because we change fonts for audience experience and accessibility reasons, if you **must** use a particular font, let us know and provide a concrete reason for its use.

***

## DO: Get Rid of the Text! (Or Use Very Little)

DON'T: Use paragraphs or bulleted lists

<div><figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FmWe80RO4OXnMl8Ax8eaN%2Flittle%20text.png?alt=media&#x26;token=30ee7a72-d2c0-4088-8cc5-8dfbf6ed3807" alt=""><figcaption><p><strong>GOOD:</strong> Short call to action</p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2Fvfun5Lg59aOAVVdLpgHo%2Fpercentage.png?alt=media&#x26;token=898bfb47-419f-426a-8d6b-5cece4d0f3f3" alt=""><figcaption><p><strong>GOOD:</strong> Data is the focus; a graphic helps visualise just what 56% looks like</p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FB311ZDrPmVDvgSZcUfYp%2Fbulletpoints.png?alt=media&#x26;token=5adc634f-916c-4460-b3ee-2ca0a7782c0f" alt=""><figcaption><p><strong>BAD:</strong> Overwhelming. Way too much text.</p></figcaption></figure></div>

You're there to give the talk, share the content, and tell the narrative. You should be able to give the presentation **entirely without text on the screen.** Start with that mindset. Then, add occasional words here or there if necessary to communicate a point.

***

## DO: Use Photos & Videos that Support your Talk

DON'T: Use stock images or filler images

<div><figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FllxnyGrw4dox8dhmwa7D%2FindigenousPeopleImage.png?alt=media&#x26;token=141d0465-0191-4e42-acfd-60a8917696be" alt=""><figcaption><p><strong>GOOD:</strong> <em>A poignant image relevant to the talk</em></p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2Fi1tEBqua9JxVg4MwL7BY%2Fimage.png?alt=media&#x26;token=ebd07629-fdf6-4aeb-87e5-129565f9e10a" alt=""><figcaption><p><strong>BAD:</strong> <em>It's meaningless! Just use a blank slide at this point.</em></p></figcaption></figure></div>

Use content that's relevant and won't detract from your talk. Using stock images or putting an image "because there was empty space" should be avoided at all costs.

If you don't have imagery/video for a slide or topic, use a blank slide to redirect the audience's focus back to you (and away from the screen).

Videos or GIFs with rapid flashing will be removed from your slides, as they can **cause physical harm** to audience members with photosensitive epilepsy and other photosensitive conditions.

***

## DO: Let Photos and Video Fill the Screen

DON'T: Make them small, change their shape, add a border, etc.

{% embed url="<https://www.youtube.com/embed/Ks-_Mh1QhMc?start=66&end=111&controls=0>" %}
(30 sec. Clip) **GOOD:** *Notice how the photos take up all available space and the video fills the screen.*&#x20;
{% endembed %}

<div><figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2Fc7TCWkooG4JiAGXHuLK5%2FroundedImages.png?alt=media&#x26;token=ed8d27d7-fa54-46ae-98f4-bb1cbc61c513" alt=""><figcaption><p><strong>BAD:</strong> <em>Rounding and positioning are distracting and irrelevant.</em></p></figcaption></figure> <figure><img src="https://2486164227-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtCiaJkmdXjI1rcT80tcF%2Fuploads%2FDM4ZfTM07avoughnIDxH%2FsmallImage.png?alt=media&#x26;token=a40eb465-3e52-44bb-88f3-6b504a69d0e1" alt=""><figcaption><p><strong>BAD:</strong> <em>Why is there all that space around the image? Make it big!</em></p></figcaption></figure> <figure><img src="https://ideas.ted.com/wp-content/uploads/sites/3/2019/06/web_kashfia-rahman-graphs_before.jpg" alt=""><figcaption><p><strong>BAD:</strong> AAH! Too much info! Distill it down or communicate it another way.</p></figcaption></figure></div>

Now that you have only images and videos that support your talk, you want them seen! Don't let fancy design or whitespace/margining/borders distract from the very important content.

***

## DO: Use minimal-to-no animations

DON'T: Distract the audience with fancy animations/transitions

Any transitions other than a simple fade, Morph (in PowerPoint), or Magic Move (in Keynote) will be removed unless there's a good reason for their use. Animations should also be simple fades and used sparingly.

At least destructive, animations and transitions can **distract the audience**. At most destructive, excessive animations and transitions can **cause physical harm** to audience members with photosensitive epilepsy and other photosensitive conditions.

***

## DO: Share Ideas & Ask Questions

DON'T: Wait until the last minute

Have ideas or questions about presenting? Your curator can make sure your questions get to the right people to have it answered! The Technical Production team plans and manages media for the event. We're happy to provide support and answer questions!
