Principles of Digital Design Digital Presentations & PowerPoint.

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.


Design is a medium of persuasion a way to organize information

a conscious decision to include and

exclude


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…


simplicityclaritybalance proximity contrastconsistencyaffect


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.


“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


Minimize degradation to the core message objects not supporting the message

inappropriate charts ambiguous labels and icons

unnecessary emphasis

Simplicity amplifies meaning


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?


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?


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


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.


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.



Asymmetrical design activates empty space but is less formal.


proximity

Design principles… proximity

Related elements should be close together

Captions should be close to related images.


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…


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…


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?



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


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


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.


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.


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


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?


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


Too much text is a turn-offToo Little text gives images more

dominance.



Too much text is a turn-offToo Little text gives images more dominance.


Music sets the mood

Design principles… affectMusic, video, animations…

Animations & sounds = subtle & intentional or leave out!


Videos should be short and to the point.http://www.youtube.com/watch?v=5b_sv9rqjrg


http://www.youtube.com/watch?v=5b_sv9rqjrg

http://www.youtube.com/watch?v=5b_sv9rqjrg

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


http://www.youtube.com/watch?v=fsaa7XbjQpA


Good PowerPoint public speaking habitsAvoid reading?





Design principles… PowerPointThe basics…

Exercise

http://goo.gl/z8605

http://goo.gl/z8605

http://goo.gl/z8605

http://goo.gl/z8605

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

Principles of Digital Design Digital Presentations & PowerPoint.

Documents

Transcript of Principles of Digital Design Digital Presentations & PowerPoint.