SlideShare a Scribd company logo
1 of 64
Download to read offline
Information
DESIGN

PRINCIPLES

by Joseph Broughton
@JosephBroughton
Problem

http://www.flickr.com/photos/migueleveryday/5914092322/
Solution

http://www.flickr.com/photos/djwtwo/8331524425/
DESIGN
PRINCIPLES
Simplicity
Slides

=

Handouts
Glance Media
s
s
d
n
n
o
o
c
e
s
s
ce media.
Ads are glan

From: "Great Presentations Are Like Ads by @slidecomet"
Slides too.
Applies to

Keep it simple.
From: "Great Presentations Are Like Ads by @slidecomet"
Unity

&Contrast
Unity &Contrast
through

Visual Elements
Text

Color Images
Text
Text

Readability

&
Consistency
Text

“A real typeface needs rhythm, ”
needs contrast.
Erik Spiekermann
typographer and graphic designer
Text

72%

of part time workers are

women

from Sample Slides by Garr Reynolds
Text

&
www.fontsquirrel.com

www.dafont.com
Color
Color

Choose
wisely
Color
01
lookin’ good

THE LOOK & FEEL
Color

Adobe Kuler

kuler.adobe.com
Color
Images
Images

=
Images
From: Simple Design
by Chiara Ojeda

www.slideshare.net/ohmgrrl/simple-design-16960683
Images
“It’s taken me all my
life to learn what
not to play.”
— Dizzy-Gillespie

from Sample Slides by Garr Reynolds
Images
Images

Sense
bandwidth
David McCandless: The beauty of data visualization
Follow her
on
Chiara Ojeda
www.slideshare.net/ohmgrrl/simple-design-16960683
By Chiara Ojeda
Unity &Contrast
through

Visual Elements
Text

Color Images
Text

Color Images

{
Text

Color Images

{
Text

Color Images

{

Compfight
(compfight.com)
Creative Commons
farmers market
produce
Technical
issues
Begin with
white

black

a blank canvas
Zoom Out
to see entire slide
Rulers
Toolbar
Setup
Inspector
& stuff

{

{

Typography

{

{

{
{

Layout Objects

Image
Editing

Grouping
and
Position
Colors
?

Where to get
inspired
Slide
Share
www.slideshare.net
noteandpoint.com
Design
Websites
SMASHING

MAGAZINE
www.smashingmagazine.com/
Design
Awards

http://www.edutopia.org/blog/design-thinking-free-inspiration-ashley-nahornick
www.effie.org
www.clioawards.com
Design
Podcasts
thedeependdesign.com/graphic-design-podcast/
the

#dtK12chat

sh
ow

Live Wednesdays 10PM EST/7PM PST
Thank
You
DESIGN
THINK
Learn
designthinklearn.com
by Joseph Broughton
@JosephBroughton

More Related Content

What's hot

Creating a moodboard
Creating a moodboardCreating a moodboard
Creating a moodboard
Gc Howard
 

What's hot (20)

Creating a moodboard
Creating a moodboardCreating a moodboard
Creating a moodboard
 
4 Key Elements of Great Infographic Design
4 Key Elements of Great Infographic Design4 Key Elements of Great Infographic Design
4 Key Elements of Great Infographic Design
 
Videography Guide for Beginners: Elements of Videography
Videography Guide for Beginners: Elements of VideographyVideography Guide for Beginners: Elements of Videography
Videography Guide for Beginners: Elements of Videography
 
What is character design and role of a character designer
What is character design and role of a character designerWhat is character design and role of a character designer
What is character design and role of a character designer
 
introduction of graphic design
introduction of graphic designintroduction of graphic design
introduction of graphic design
 
Abstract photography
Abstract photographyAbstract photography
Abstract photography
 
Principles Of Presentation Design- Designing In Power Point
Principles Of Presentation Design- Designing In Power PointPrinciples Of Presentation Design- Designing In Power Point
Principles Of Presentation Design- Designing In Power Point
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
Product Photography 101
Product Photography 101Product Photography 101
Product Photography 101
 
Graphic design composition
Graphic design compositionGraphic design composition
Graphic design composition
 
Design Fundamentals
Design FundamentalsDesign Fundamentals
Design Fundamentals
 
Freelancing with graphic design
Freelancing with graphic designFreelancing with graphic design
Freelancing with graphic design
 
Design portfolio
Design portfolioDesign portfolio
Design portfolio
 
Death by PowerPoint - Redesigned
Death by PowerPoint - RedesignedDeath by PowerPoint - Redesigned
Death by PowerPoint - Redesigned
 
Basic photography lighting
Basic photography  lightingBasic photography  lighting
Basic photography lighting
 
Framing in Photography
Framing in PhotographyFraming in Photography
Framing in Photography
 
Photography rules
Photography rulesPhotography rules
Photography rules
 
High School Photography Lesson, Rule of thirds
High School Photography Lesson, Rule of thirdsHigh School Photography Lesson, Rule of thirds
High School Photography Lesson, Rule of thirds
 
What is matte painting? Where it is used?
What is matte painting? Where it is used?What is matte painting? Where it is used?
What is matte painting? Where it is used?
 

Viewers also liked

Design, selection and utilization of media
Design, selection and utilization of mediaDesign, selection and utilization of media
Design, selection and utilization of media
Alaa Sadik
 
Visual text comprehension
Visual text comprehensionVisual text comprehension
Visual text comprehension
Sharon
 
Visual texts intro[1]
Visual texts intro[1]Visual texts intro[1]
Visual texts intro[1]
adamnaeha
 
4 rich and worthy
4 rich and worthy4 rich and worthy
4 rich and worthy
mullinshe
 
Week 4 selection criteria of texts for young
Week 4 selection criteria of texts for youngWeek 4 selection criteria of texts for young
Week 4 selection criteria of texts for young
justted
 

Viewers also liked (20)

Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Information Design
Information DesignInformation Design
Information Design
 
Edward Tufte and Information Design for the Web
Edward Tufte and Information Design for the WebEdward Tufte and Information Design for the Web
Edward Tufte and Information Design for the Web
 
Design, selection and utilization of media
Design, selection and utilization of mediaDesign, selection and utilization of media
Design, selection and utilization of media
 
Visual text comprehension
Visual text comprehensionVisual text comprehension
Visual text comprehension
 
visual media.ppt
visual media.pptvisual media.ppt
visual media.ppt
 
Introduction to Visual Media
Introduction to Visual MediaIntroduction to Visual Media
Introduction to Visual Media
 
Visual texts intro[1]
Visual texts intro[1]Visual texts intro[1]
Visual texts intro[1]
 
Audio media
Audio mediaAudio media
Audio media
 
[EDUCATIONAL TECHNOLOGY 2] Audio media
[EDUCATIONAL TECHNOLOGY 2] Audio media[EDUCATIONAL TECHNOLOGY 2] Audio media
[EDUCATIONAL TECHNOLOGY 2] Audio media
 
CHARACTERISTICS OF AURAL AND AUDIO MEDIA
CHARACTERISTICS OF AURAL  AND  AUDIO MEDIACHARACTERISTICS OF AURAL  AND  AUDIO MEDIA
CHARACTERISTICS OF AURAL AND AUDIO MEDIA
 
Information Design
Information DesignInformation Design
Information Design
 
Html5 - audio and video tags
Html5 - audio and video tagsHtml5 - audio and video tags
Html5 - audio and video tags
 
[Info12] information design
[Info12] information design[Info12] information design
[Info12] information design
 
4 rich and worthy
4 rich and worthy4 rich and worthy
4 rich and worthy
 
Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01Webpage & Multimedia Design- class01
Webpage & Multimedia Design- class01
 
Role+of+teachers
Role+of+teachersRole+of+teachers
Role+of+teachers
 
Week 4 selection criteria of texts for young
Week 4 selection criteria of texts for youngWeek 4 selection criteria of texts for young
Week 4 selection criteria of texts for young
 
01 new media-design
01 new media-design01 new media-design
01 new media-design
 

Similar to Information Design Principles

Graphic-Designing.ppt
Graphic-Designing.pptGraphic-Designing.ppt
Graphic-Designing.ppt
ExcellenceAcademy27
 

Similar to Information Design Principles (20)

ANIMATION.pptx
ANIMATION.pptxANIMATION.pptx
ANIMATION.pptx
 
Powerful presentation
Powerful presentationPowerful presentation
Powerful presentation
 
Advance Interior & Exterior Designer
Advance  Interior  &  Exterior  DesignerAdvance  Interior  &  Exterior  Designer
Advance Interior & Exterior Designer
 
Employer Branding with LinkedIn
Employer Branding with LinkedInEmployer Branding with LinkedIn
Employer Branding with LinkedIn
 
13AWesMallett - Portfolio
13AWesMallett - Portfolio13AWesMallett - Portfolio
13AWesMallett - Portfolio
 
Design for Social Media
Design for Social MediaDesign for Social Media
Design for Social Media
 
TinaZeleznikar-Resume
TinaZeleznikar-ResumeTinaZeleznikar-Resume
TinaZeleznikar-Resume
 
Graphic Designers – Career Opportunities You Should Know.pptx
Graphic Designers – Career Opportunities You Should Know.pptxGraphic Designers – Career Opportunities You Should Know.pptx
Graphic Designers – Career Opportunities You Should Know.pptx
 
PPT Penyuluhan Stunting Ibu Hamil.pptx
PPT Penyuluhan Stunting Ibu Hamil.pptxPPT Penyuluhan Stunting Ibu Hamil.pptx
PPT Penyuluhan Stunting Ibu Hamil.pptx
 
Graphic-Designing.ppt
Graphic-Designing.pptGraphic-Designing.ppt
Graphic-Designing.ppt
 
Visual Communication (Advertising Management)
Visual Communication (Advertising Management)Visual Communication (Advertising Management)
Visual Communication (Advertising Management)
 
How to Create Powerful Presentation
How to Create Powerful PresentationHow to Create Powerful Presentation
How to Create Powerful Presentation
 
Project Risk Powerpoint Presentation Slides
Project Risk Powerpoint Presentation SlidesProject Risk Powerpoint Presentation Slides
Project Risk Powerpoint Presentation Slides
 
FARMACOS EN ODONTOLOGIA
FARMACOS EN ODONTOLOGIAFARMACOS EN ODONTOLOGIA
FARMACOS EN ODONTOLOGIA
 
Puck
PuckPuck
Puck
 
Graphic Designing Courses in Lahore
Graphic Designing Courses in LahoreGraphic Designing Courses in Lahore
Graphic Designing Courses in Lahore
 
Project Risk PowerPoint Presentation Slides
Project Risk PowerPoint Presentation SlidesProject Risk PowerPoint Presentation Slides
Project Risk PowerPoint Presentation Slides
 
1. work related learning research
1. work related learning research1. work related learning research
1. work related learning research
 
VITALITY OF 3D VISUALIZATION
VITALITY OF 3D VISUALIZATIONVITALITY OF 3D VISUALIZATION
VITALITY OF 3D VISUALIZATION
 
KNowlton Multimedia 3D Solutions
KNowlton Multimedia 3D SolutionsKNowlton Multimedia 3D Solutions
KNowlton Multimedia 3D Solutions
 

Recently uploaded

Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
ssuserdda66b
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
AnaAcapella
 

Recently uploaded (20)

Graduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - EnglishGraduate Outcomes Presentation Slides - English
Graduate Outcomes Presentation Slides - English
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdfVishram Singh - Textbook of Anatomy  Upper Limb and Thorax.. Volume 1 (1).pdf
Vishram Singh - Textbook of Anatomy Upper Limb and Thorax.. Volume 1 (1).pdf
 
ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.ICT role in 21st century education and it's challenges.
ICT role in 21st century education and it's challenges.
 
ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701ComPTIA Overview | Comptia Security+ Book SY0-701
ComPTIA Overview | Comptia Security+ Book SY0-701
 
Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...Making communications land - Are they received and understood as intended? we...
Making communications land - Are they received and understood as intended? we...
 
Python Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docxPython Notes for mca i year students osmania university.docx
Python Notes for mca i year students osmania university.docx
 
How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17How to Create and Manage Wizard in Odoo 17
How to Create and Manage Wizard in Odoo 17
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
Single or Multiple melodic lines structure
Single or Multiple melodic lines structureSingle or Multiple melodic lines structure
Single or Multiple melodic lines structure
 
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17  How to Extend Models Using Mixin ClassesMixin Classes in Odoo 17  How to Extend Models Using Mixin Classes
Mixin Classes in Odoo 17 How to Extend Models Using Mixin Classes
 
How to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POSHow to Manage Global Discount in Odoo 17 POS
How to Manage Global Discount in Odoo 17 POS
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)Accessible Digital Futures project (20/03/2024)
Accessible Digital Futures project (20/03/2024)
 
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptxSKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
SKILL OF INTRODUCING THE LESSON MICRO SKILLS.pptx
 
Spatium Project Simulation student brief
Spatium Project Simulation student briefSpatium Project Simulation student brief
Spatium Project Simulation student brief
 
Unit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptxUnit-V; Pricing (Pharma Marketing Management).pptx
Unit-V; Pricing (Pharma Marketing Management).pptx
 
Spellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please PractiseSpellings Wk 3 English CAPS CARES Please Practise
Spellings Wk 3 English CAPS CARES Please Practise
 

Information Design Principles