Building Your First Slide Deck: Design, Colors, and Images
Now that you know how slide layouts work and understand the 6 by 6 Rule, it is time to build a presentation that looks attractive, clear, and professional!
Have you ever seen a slide where the text was bright yellow on a pure white background? You had to squint your eyes just to read the title! Or a slide where a photo of an eagle was squished so flat that the majestic bird looked like a pancake?
In this lesson, we will master visual contrast, proportional image scaling, and theme consistency so your slides look like they were designed by a professional graphic artist.
Learning Outcomes
By the end of this lesson, you will be able to:
- Choose high-contrast color palettes that ensure instant legibility.
- Insert and resize pictures properly using corner handles to prevent distortion.
- Select matching themes and fonts for a unified, clean look.
- Credit image sources respectfully.
Key Vocabulary
| Term | Everyday Meaning |
|---|---|
| Contrast | The difference in brightness between the text color and the background behind it. |
| Aspect Ratio | The proportional relationship between an image's width and its height. |
| Corner Handle | The small circular dots at the four corners of a selected image used for proportional resizing. |
| Theme / Template | A pre-designed set of complementary colors, fonts, and layouts. |
| Visual Hierarchy | Sizing and arranging elements so the most important item (the title) catches the eye first. |
Study Notes: Principles of Great Slide Design
POOR CONTRAST (Fails): HIGH CONTRAST (Champion):
+---------------------------+ +---------------------------+
| Light Yellow on White | | Dark Navy on White |
| [ Faint text - unreadable]| | [ Crisp, sharp, clear! ] |
+---------------------------+ +---------------------------+
SQUISHED IMAGE (Fails): PROPORTIONAL SCALING (Champion):
+---------------------------+ +---------------------------+
| [====== Pancake Photo ===]| | [ Natural proportions ]|
| (Dragged side handle) | | (Dragged corner handle) |
+---------------------------+ +---------------------------+
1. High Contrast is King
Contrast is the number one rule of presentation design:
- Light Backgrounds: Use dark text (Navy #16324F, Charcoal, or Deep Purple).
- Dark Backgrounds: Use bright white or pale cream text.
- Color Pairs to Avoid: Never put yellow text on white, green text on blue, or red text on black—they cause severe eye strain!
2. Sizing Images Without Distortion
When you click on an image in your slide, eight small dots appear around its border: - Four dots in the middle of each side (top, bottom, left, right). - Four dots at the corners. - The Golden Rule: Always click and drag one of the four corner dots! Dragging a corner changes width and height equally, keeping people, trees, and buildings in their natural proportions. Dragging side dots stretches or squashes the image.
3. Font Simplicity
Limit your entire presentation to no more than two font styles: - One clean font for titles (e.g., Arial or Trebuchet). - One clean, readable font for bullet text (e.g., Calibri or Open Sans). - Never use complicated decorative script fonts for long bullet points.
Worked Example: Building a Slide on Solar Energy
Let us assemble a complete slide following these rules:
- Slide Title:
"Solar Panels in Rural Nigeria"(Font: 36 pt Bold, Navy Blue, centered). - Left Column (Bullet Points):
- Clean bullet list (Font: 22 pt, Charcoal text).
- Powers clinic vaccine refrigerators
- Lights up school evening study halls
- Pumps clean drinking water from boreholes
- Right Column (Photograph):
- Inserted photo of a solar borehole installation in Bauchi State.
- Resized using the top-right corner handle.
- Small 10 pt credit caption below: Photo source: Ministry of Water Resources.
Practical Class Activity: The Contrast & Scaling Challenge
If you have a computer available:
1. Open a blank presentation slide.
2. Type your name in font size 36 pt. Try making it yellow on a white background. Step back three paces from your monitor—can you read it easily?
3. Now change the text color to Deep Navy Blue. Step back three paces again. Notice how sharply the letters stand out!
4. Insert any sample picture. Practice dragging the side handle to see the ugly "squished pancake" effect, then press Ctrl + Z (Undo).
5. Now drag the corner handle and observe how the image stays natural and sharp.
Common Mistakes & Corrections
| Common Mistake | Why It Is Incorrect | Proper Correction |
|---|---|---|
| "Dragging the middle side handles to resize a photograph." | It squashes human faces and distorts objects unnaturally. | Always hold and drag the corner circles to scale proportionally. |
| "Placing text directly over a busy, colorful photograph." | The words blend into the background textures and disappear. | Place text on a solid card or clean white column next to the photograph. |
Notebook Summary
Copy Into Your Computing Notebook
- High Contrast ensures slides can be read easily from across the room (e.g., dark navy on white).
- Always resize images using the corner handles to preserve natural proportions without squishing.
- Stick to two consistent fonts and matching colors across your entire slide deck.
- Keep slides clean and uncluttered: let your pictures and keywords breathe!