Post on 05-Jan-2016
Principles of Digital DesignDigital Presentations & PowerPoint
When designing think of a sculptor rather than a builder
Principles of Digital Design
Design starts at the beginning of the process. Design is not decoration.
Principles of Digital Design
Design is a medium of persuasion a way to organize information
a conscious decision to include and
exclude
Principles of Digital Design
A presentation is not only about presenting facts and figures.
Design & the Information Age
Think… packaging information in context and giving it meaning and perspective.
Design & the Information Age
simple, clear, subtle, elegant, natural
clutter-free intentional
affect
Design values
Design principles…
Design principles…
simplicityclaritybalance proximity contrastconsistencyaffect
Design principles…
simplicity
Design principles… simplicity
If it doesn’t contribute to the core message, then it distracts.
Also called minimalism. Always edit and cut excess information. Don’t force the audience to search for the main point in a haystack of information. They will probably give up, and most likely not recall anything, let alone your main point.
Design principles… simplicity
“Sorry, I didn't have time to write a short letter…so I wrote a long one instead”
Mark Twain
Simple is difficultCluttered, wordy and complex is easy
Design principles… simplicity
Minimize degradation to the core message objects not supporting the message
inappropriate charts ambiguous labels and icons
unnecessary emphasis
Simplicity amplifies meaning
Design principles…
clarity
Design principles… clarity
Clear, single, unified message.
Don’t force the audience to search for the main point in a haystack of information. They will give up, and forget
everything
What is your main point?
Design principles… clarity
Focal point?
Focal point?
Focal point?
When you look at a slide, be aware of where your eyes go first and what path they take. Is that how you want your
audience to look?
Where is my focal point?
Design principles… clarity
Demand for MCOM
FAFS 4%
FEA 6%
No Major18%
OSB 24%
FAS 48%
SOAN 19%
PSPA 12%
MCOM 6%
PSYC 5%
ENGL 3%
CMPS 2%
FAAH 1%
Breakdown of MCOM Diploma students
Demand for MCOM
FAFS 4%
FEA 6%
No Major18%
OSB 24%
FAS 48%
SOAN 19%
PSPA 12%
MCOM 6%
PSYC 5%
ENGL 3%
CMPS 2%
FAAH 1%
Breakdown of MCOM Diploma studentsMajor-less Students
Design principles… clarity
That is… distraction-free.
Design principles… clarityUse empty space effectively
Empty space can convey a feeling of high quality, sophistication and importance.
Empty space gives power to the few elements in your slide.
Design principles…
balance
Use symmetrical design to convey a strong, formal and stable structure.
A symmetrical design has a strong emphasis along a central vertical axis, with information equivalent on both sides. It gives a static feel. In symmetrical design, space is passive and pushed to the outside.
Design Principles… balance
Use asymmetrical design to bring a dynamic feel and interest.
Design Principles… balance
Design Principles… balance
Asymmetrical design activates empty space but is less formal.
Design principles…
proximity
Design principles… proximity
Related elements should be close together
Captions should be close to related images.
Design principles…
contrast
Design principles… contrast
Contrast gives design energy and clarity. Different elements should be clearly different through contrast. Achieve contrast through: Manipulation of space (near/far)Color (dark/light, cool/warm)Text selection (serif/sans serif, bold/narrow)Positioning (top/bottom, isolated/grouped)Manipulate lines, shapes, texture, size, space…
Design principles… contrast
Contrast gives design energy and clarity Different elements should be clearly different through contrast. Achieve contrast through:
Manipulation of space (near/far)Color (dark/light, cool/warm)Text selection (serif/sans serif, bold/narrow)Positioning (top/bottom, isolated/grouped)Manipulate lines, shapes, texture, size, space…
Design principles… contrast
Contrast = Readability, tooUse high contrast between text and background.
Which line is easier to read?Which line is easier to read?
Which line is easier to read?Which line is easier to read?
Design principles… contrast
Design principles…
consistency
Design principles… consistencyRepetition creates a sense of cohesiveness and unity.
repeat graphical elements consistent background
color scheme layout
type
Design principles… consistency
• Repetition creates a sense of cohesiveness and unity. • repeat graphical elements • consistent background • color scheme • layout • type
Design principles… consistencyRepetition creates a sense of cohesiveness and unity.
repeat graphical elements consistent background
color scheme layout
type
How many government officials in Washington, DC, are involved in press & public relations on a daily basis?
Fewer than 100
About 1,000
7,500
More than 10,000
http://logic.cqpress.com/newsmedia/quiz.asp
Design principles…
affect
Emotional evidence often more persuasive than factual evidence.
Design principles… affect
Red and yellow are warm colors
Red and yellow are warm colors
Color communicates and sets the mood
Blue and Green are cool colors
Blue and Green are cool colors
Grey and White are neutral Colors
Grey and White are neutral Colors
Design principles… affect
not simply decorations should add to the message
can persuade, but can also derail the message and mood
Design principles… affectImages more powerful than words
Watch out for contrast:
Images more powerful than wordsDesign principles… affect
When using people in images make sure they are not
looking away from important elements in the
slide.
Design principles… affect
Position objects in “power points” of slide.
Presentation Design… Affect
“Power points” are the crossing points of the grid.
Gives overall design balance, clear flow & point of focus, natural cohesiveness & aesthetic quality.
Images more powerful than wordsDesign principles… affect
Fall 2010 Spring 2011 Fall 2011 Spring 20120%
10%
20%
30%
40%
50%
60%
70%
80%
Periodic Survey of MCOM Diploma Students
Would like to transfer immediately Would like to transfer but it's too late Only interested in diploma/minor
Images more powerful than wordsDesign principles… affect
Immediately apply to AUB's MCOM BA
Would like to apply but it's too late
Only interested in a minor
Not interested in a major or a minor
0% 10% 20% 30% 40% 50% 60%
If AUB offers a BA in Media Communication, which of the follow-ing applies to you?
Images more powerful than wordsDesign principles… affect
Only use high quality images www.flickr.com
Should communicate the messageShould be consistent
Too much text is a turn-offToo Little text gives images more dominance.
Design principles… affectType is part of the message
Should communicate the messageShould be consistent
Too much text is a turn-offToo Little text gives images more
dominance.
Design principles… affectType is part of the message
Should communicate the messageShould be consistent
Too much text is a turn-offToo Little text gives images more dominance.
Design principles… affectType is part of the message
Music sets the mood
Design principles… affectMusic, video, animations…
Animations & sounds = subtle & intentional or leave out!
Design principles… affectMusic, video, animations…
Videos should be short and to the point.http://www.youtube.com/watch?v=5b_sv9rqjrg
Design principles… affectMusic, video, animations…
Using PowerPoint…
process
brainstorm identify core concepts and key ideas
structure and divide components develop components
package
Design… process
Audience?Time to deliver message?
Place and time of presentation?Main goal and purpose of the presentation?
Design… ask
My absolute central point? Why does it matter?
Design… ask
components of an effective presentation PowerPoint slides
speaking notes handout
Design… three
Using PowerPoint…
deliver
Good PowerPoint public speaking habitsPractice delivery
Interact with screen Connect with audience
You are the presenter, not PowerPoint
Presentation Design… Deliver
Presentation Design… Deliver
http://www.youtube.com/watch?v=fsaa7XbjQpA
Good PowerPoint public speaking habitsAvoid reading?
http://www.youtube.com/watch?v=fsaa7XbjQpA
Presentation Design… Deliver
Design principles… PowerPointThe basics…
PPT Handout
http://goo.gl/K9Qco
Fall 2010 Spring 2011 Fall 2011 Spring 20120%
10%
20%
30%
40%
50%
60%
70%
80%
Periodic Survey of MCOM Diploma Students
Would like to transfer immediately Would like to transfer but it's too lateOnly interested in diploma/minor