SlideShare a Scribd company logo
1 of 45
Designing a Presentation: Choosing Colors, Images, and Fonts | lynda.com
Agenda
• Selecting Colors
• Choosing Images
• Choosing Fonts
Note: This is a small excerpt from the full
lynda.com video course: Designing a Presentation
2

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Selecting Colors
3

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Choose 4-5 base colors

4

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Alternate Backgrounds

5

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Select an accent color...

6

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Use it for emphasis.

7

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Choosing colors
• What’s the tone of the presentation?
• Do you have branding guidelines?

8

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Setting the Tone
9

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Modern/muted

10

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bold/aggressive

11

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Cheerful/bright

12

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Color inspiration
• Adobe Kuler - kuler.adobe.com
• ColourLovers - colourlovers.com
• Color Scheme Designer - colorschemedesigner.com
• Color Hunter - colorhunter.com

13

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Color effects mood

14

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Color sets the tone

15

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Color gives life

16

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Choosing Images
17

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
People remember imagery & quotes

18

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad
Example:

19

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Good
Example:

20

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Avoid using clipart

21

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad
Example:

22

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Good
Example:

23

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
You might say:

But, I’m not a photographer...

24

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
You don’t have to be!

25

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Find images online
• istockphoto - istockphoto.com
• pond5 - pond5.com
• thinkstock - thinkstock.com
• Stock Exchange - sxc.hu

26

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Image guidelines
• Make sure they tell a story
• They MUST fit the tone of the presentation
• Should compliment text NOT distract it
• Shouldn’t appear “cut out”

27

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Good
Example:

28

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad
Example:
Image should never
appear “cut out”
29

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Avoid using Google Images
A large portion are copyrighted images

30

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Photos should be part of the budget

31

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
When it comes to photos...

32

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Use them, but use them wisely.

33

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Choosing Fonts

34

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Rules for fonts
• Keep them simple
• Keep them readable
• Have a hierarchy
• Don’t overdo it

35

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Pick 3

36

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
TITLE FONT
Body copy font
accent font
37

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Good Fonts
• Arial
• Helvetica
• Gotham
• League Gothic
• Times New Roman
38

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad Fonts
• Comic Sans
• Bauhaus
• Brush Script
• Chalkduster
• Giddyup
39

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Fonts must fit the presentation

40

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad
Example:

41

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Bad
Example:

42

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Stick to the basics

43

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Just say NO to gimmick fonts!

44

WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
Don’t stop now, visit lynda.com and watch
the entire video course to learn about:
- rules of slide typography
- text and image focal points
- charts and graphs
- animation and transitions

Watch it here:
http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
45

More Related Content

Viewers also liked

5 Presentation Design Mistakes to Avoid
5 Presentation Design Mistakes to Avoid5 Presentation Design Mistakes to Avoid
5 Presentation Design Mistakes to AvoidPresentation Panda
 
Death by PowerPoint - Redesigned
Death by PowerPoint - RedesignedDeath by PowerPoint - Redesigned
Death by PowerPoint - RedesignedEze Ikedi
 
The 4 Most Important PowerPoint RULES for Successful Presentations
The 4 Most Important PowerPoint RULES for Successful PresentationsThe 4 Most Important PowerPoint RULES for Successful Presentations
The 4 Most Important PowerPoint RULES for Successful PresentationsNed Potter
 
Diagram Mistakes in Presentation Slide Design
Diagram Mistakes in Presentation Slide DesignDiagram Mistakes in Presentation Slide Design
Diagram Mistakes in Presentation Slide DesignPeter Zvirinsky
 
The Science of Memorable Presentations
The Science of Memorable PresentationsThe Science of Memorable Presentations
The Science of Memorable PresentationsEthos3
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...HighSpark | Visual Storytelling Agency
 
13 Alternatives to Using Bullet Points in Presentations
13 Alternatives to Using Bullet Points in Presentations13 Alternatives to Using Bullet Points in Presentations
13 Alternatives to Using Bullet Points in PresentationsMelissa Milloway, MSIT
 
One Point Per Slide – Why It’s Important and How to Do It
One Point Per Slide – Why It’s Important and How to Do ItOne Point Per Slide – Why It’s Important and How to Do It
One Point Per Slide – Why It’s Important and How to Do ItStinson
 

Viewers also liked (9)

5 Presentation Design Mistakes to Avoid
5 Presentation Design Mistakes to Avoid5 Presentation Design Mistakes to Avoid
5 Presentation Design Mistakes to Avoid
 
Death by PowerPoint - Redesigned
Death by PowerPoint - RedesignedDeath by PowerPoint - Redesigned
Death by PowerPoint - Redesigned
 
The 4 Most Important PowerPoint RULES for Successful Presentations
The 4 Most Important PowerPoint RULES for Successful PresentationsThe 4 Most Important PowerPoint RULES for Successful Presentations
The 4 Most Important PowerPoint RULES for Successful Presentations
 
Diagram Mistakes in Presentation Slide Design
Diagram Mistakes in Presentation Slide DesignDiagram Mistakes in Presentation Slide Design
Diagram Mistakes in Presentation Slide Design
 
The Science of Memorable Presentations
The Science of Memorable PresentationsThe Science of Memorable Presentations
The Science of Memorable Presentations
 
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
How To Create Presentation Slides That Are Out Of This World by @slidecomet @...
 
13 Alternatives to Using Bullet Points in Presentations
13 Alternatives to Using Bullet Points in Presentations13 Alternatives to Using Bullet Points in Presentations
13 Alternatives to Using Bullet Points in Presentations
 
3 Steps to Prevent PRESENTATION POLLUTION by @slidecomet
3 Steps to Prevent PRESENTATION POLLUTION by @slidecomet3 Steps to Prevent PRESENTATION POLLUTION by @slidecomet
3 Steps to Prevent PRESENTATION POLLUTION by @slidecomet
 
One Point Per Slide – Why It’s Important and How to Do It
One Point Per Slide – Why It’s Important and How to Do ItOne Point Per Slide – Why It’s Important and How to Do It
One Point Per Slide – Why It’s Important and How to Do It
 

More from LinkedIn Learning Solutions

Mobile devices: the new learning platform for Higher Education
Mobile devices: the new learning platform for Higher EducationMobile devices: the new learning platform for Higher Education
Mobile devices: the new learning platform for Higher EducationLinkedIn Learning Solutions
 
Fostering innovation to achieve mission critical goals
Fostering innovation to achieve mission critical goalsFostering innovation to achieve mission critical goals
Fostering innovation to achieve mission critical goalsLinkedIn Learning Solutions
 
LinkedIn Learning | What We're Learning About Learning
LinkedIn Learning | What We're Learning About LearningLinkedIn Learning | What We're Learning About Learning
LinkedIn Learning | What We're Learning About LearningLinkedIn Learning Solutions
 
Project-Based Instruction and the Importance of Self-Directed Learning
Project-Based Instruction and the Importance of Self-Directed LearningProject-Based Instruction and the Importance of Self-Directed Learning
Project-Based Instruction and the Importance of Self-Directed LearningLinkedIn Learning Solutions
 
9 Learning Strategies from Knowledge to Know-How
9 Learning Strategies from Knowledge to Know-How9 Learning Strategies from Knowledge to Know-How
9 Learning Strategies from Knowledge to Know-HowLinkedIn Learning Solutions
 
Online Video: How It Changes & Enhances The Way We Learn
Online Video: How It Changes & Enhances The Way We LearnOnline Video: How It Changes & Enhances The Way We Learn
Online Video: How It Changes & Enhances The Way We LearnLinkedIn Learning Solutions
 
Cybersecurity Health Checks: Safeguarding Your Organisation
Cybersecurity Health Checks: Safeguarding Your OrganisationCybersecurity Health Checks: Safeguarding Your Organisation
Cybersecurity Health Checks: Safeguarding Your OrganisationLinkedIn Learning Solutions
 
3 Ways Online Learning Boosts Employee Engagement
3 Ways Online Learning Boosts Employee Engagement3 Ways Online Learning Boosts Employee Engagement
3 Ways Online Learning Boosts Employee EngagementLinkedIn Learning Solutions
 

More from LinkedIn Learning Solutions (20)

Mobile devices: the new learning platform for Higher Education
Mobile devices: the new learning platform for Higher EducationMobile devices: the new learning platform for Higher Education
Mobile devices: the new learning platform for Higher Education
 
Fostering innovation to achieve mission critical goals
Fostering innovation to achieve mission critical goalsFostering innovation to achieve mission critical goals
Fostering innovation to achieve mission critical goals
 
Insights from our Workplace Learning Report
Insights from our Workplace Learning Report Insights from our Workplace Learning Report
Insights from our Workplace Learning Report
 
LinkedIn Learning | What We're Learning About Learning
LinkedIn Learning | What We're Learning About LearningLinkedIn Learning | What We're Learning About Learning
LinkedIn Learning | What We're Learning About Learning
 
Develop Better People Managers
Develop Better People ManagersDevelop Better People Managers
Develop Better People Managers
 
Creating a Culture of Learning in the New Year
Creating a Culture of Learning in the New YearCreating a Culture of Learning in the New Year
Creating a Culture of Learning in the New Year
 
A New Year, New Look for Lynda.com
A New Year, New Look for Lynda.comA New Year, New Look for Lynda.com
A New Year, New Look for Lynda.com
 
Project-Based Instruction and the Importance of Self-Directed Learning
Project-Based Instruction and the Importance of Self-Directed LearningProject-Based Instruction and the Importance of Self-Directed Learning
Project-Based Instruction and the Importance of Self-Directed Learning
 
9 Learning Strategies from Knowledge to Know-How
9 Learning Strategies from Knowledge to Know-How9 Learning Strategies from Knowledge to Know-How
9 Learning Strategies from Knowledge to Know-How
 
Online Video: How It Changes & Enhances The Way We Learn
Online Video: How It Changes & Enhances The Way We LearnOnline Video: How It Changes & Enhances The Way We Learn
Online Video: How It Changes & Enhances The Way We Learn
 
8 Key Ways to Rock SEO
8 Key Ways to Rock SEO8 Key Ways to Rock SEO
8 Key Ways to Rock SEO
 
Top 5 Skills for Project Managers
Top 5 Skills for Project ManagersTop 5 Skills for Project Managers
Top 5 Skills for Project Managers
 
Cybersecurity Health Checks: Safeguarding Your Organisation
Cybersecurity Health Checks: Safeguarding Your OrganisationCybersecurity Health Checks: Safeguarding Your Organisation
Cybersecurity Health Checks: Safeguarding Your Organisation
 
3 Ways Online Learning Boosts Employee Engagement
3 Ways Online Learning Boosts Employee Engagement3 Ways Online Learning Boosts Employee Engagement
3 Ways Online Learning Boosts Employee Engagement
 
Creating a Culture of Learning in 6 Steps
Creating a Culture of Learning in 6 StepsCreating a Culture of Learning in 6 Steps
Creating a Culture of Learning in 6 Steps
 
How to Use Photography for Great Presentations
How to Use Photography for Great PresentationsHow to Use Photography for Great Presentations
How to Use Photography for Great Presentations
 
Fred Kofman on Managing Conflict
Fred Kofman on Managing ConflictFred Kofman on Managing Conflict
Fred Kofman on Managing Conflict
 
Ten Tips to Make You More Productive in Excel
Ten Tips to Make You More Productive in ExcelTen Tips to Make You More Productive in Excel
Ten Tips to Make You More Productive in Excel
 
What's New in Office 2016
What's New in Office 2016What's New in Office 2016
What's New in Office 2016
 
Evolution of the iPhone Camera
Evolution of the iPhone CameraEvolution of the iPhone Camera
Evolution of the iPhone Camera
 

Recently uploaded

Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 

Recently uploaded (19)

Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 

Designing a Presentation: Choosing Colors, Images, and Fonts | lynda.com

  • 2. Agenda • Selecting Colors • Choosing Images • Choosing Fonts Note: This is a small excerpt from the full lynda.com video course: Designing a Presentation 2 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 3. Selecting Colors 3 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 4. Choose 4-5 base colors 4 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 5. Alternate Backgrounds 5 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 6. Select an accent color... 6 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 7. Use it for emphasis. 7 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 8. Choosing colors • What’s the tone of the presentation? • Do you have branding guidelines? 8 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 9. Setting the Tone 9 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 10. Modern/muted 10 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 11. Bold/aggressive 11 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 12. Cheerful/bright 12 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 13. Color inspiration • Adobe Kuler - kuler.adobe.com • ColourLovers - colourlovers.com • Color Scheme Designer - colorschemedesigner.com • Color Hunter - colorhunter.com 13 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 14. Color effects mood 14 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 15. Color sets the tone 15 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 16. Color gives life 16 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 17. Choosing Images 17 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 18. People remember imagery & quotes 18 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 19. Bad Example: 19 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 20. Good Example: 20 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 21. Avoid using clipart 21 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 22. Bad Example: 22 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 23. Good Example: 23 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 24. You might say: But, I’m not a photographer... 24 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 25. You don’t have to be! 25 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 26. Find images online • istockphoto - istockphoto.com • pond5 - pond5.com • thinkstock - thinkstock.com • Stock Exchange - sxc.hu 26 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 27. Image guidelines • Make sure they tell a story • They MUST fit the tone of the presentation • Should compliment text NOT distract it • Shouldn’t appear “cut out” 27 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 28. Good Example: 28 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 29. Bad Example: Image should never appear “cut out” 29 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 30. Avoid using Google Images A large portion are copyrighted images 30 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 31. Photos should be part of the budget 31 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 32. When it comes to photos... 32 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 33. Use them, but use them wisely. 33 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 34. Choosing Fonts 34 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 35. Rules for fonts • Keep them simple • Keep them readable • Have a hierarchy • Don’t overdo it 35 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 36. Pick 3 36 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 37. TITLE FONT Body copy font accent font 37 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 38. Good Fonts • Arial • Helvetica • Gotham • League Gothic • Times New Roman 38 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 39. Bad Fonts • Comic Sans • Bauhaus • Brush Script • Chalkduster • Giddyup 39 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 40. Fonts must fit the presentation 40 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 41. Bad Example: 41 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 42. Bad Example: 42 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 43. Stick to the basics 43 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 44. Just say NO to gimmick fonts! 44 WATCH ENTIRE VIDEO COURSE: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html
  • 45. Don’t stop now, visit lynda.com and watch the entire video course to learn about: - rules of slide typography - text and image focal points - charts and graphs - animation and transitions Watch it here: http://www.lynda.com/Keynote-tutorials/Designing-Presentation/124082-2.html 45