Design 2 learn_2011

PETDI 2011 Email: vanessa.camilleri@um.edu.mt

PowerPoint Design Principles of

Tips on how to think like a designer

Manipula0ng Typography

A Prelude

The real danger is not that computers will begin to think like men, but that men will begin to think like computers.

-‐ Sydney J. Harris

The medium that we choose to express our thoughts with shapes the message

WHAT DOES IT TAKE TO CHANGE? What do we want to achieve?

Overview

•  Elements of Design •  Typography •  Crea0ng Engaging Content •  Best prac0ce guidelines: what to avoid and what not

•  Links to: slide, ppt, doc,

A good presenta0on needs…

•  Sexy Design •  Engaging Content •  Posi0ve Delivery

What is Good Design?

Would you rather look at this?

Or this?

Simple Design = Easier to

Understand

Use the “Less is More” Principle for design

Serif VS

Sans Serif For selec0ng the “right” font… consider

readability, aesthe0cs and style

“without”

“foot”

The visual dis0nc0veness of a font is judged by it’s x – height and the height of its ascenders and

descenders

X -‐ Height The x – height is the distance from the boWom of the lower case “x” to the top.

Experimental baseline x X -‐ height

descender

ascender

Working with one font family creates a more cohesive look… Find a font family that contains several different weight varia0ons to allow for

more design flexibility

Font Weight

regular bold bold italic

italic condensed light

Test the fonts you use to see how they look on the computer screen and the projector

Appearance On Screen

Gill Sans Lucida Sans Helvetica"Trebuchet

Georgia Impact Verdana Tahoma

Base your font selec0on on what the presenta0on is about

Ancient Broadway

Frightening Personal

PETDI 2011 Email: vanessa.camilleri@um.edu.mt 17

So how will you make your presenta0ons more effec0ve?

If you globally change your fonts, make sure to check for changes in

line breaks

Global Quick Change

From Home ribbon… click on Design… go to “Font” to change the font combina0on to what you want

Your new font theme will be available for every presenta0on

you create

Create New Theme Fonts 1. From Home ribbon… click on Design… go to Font to change the font combina0on to what you want 2. Click on “Create New Theme Fonts” at the boWom of the menu.

Character Spacing is also known as “tracking” and is used to improve the appearance of words

Adjust Character Spacing

1. Select the text you want to alter 2. Right click and select “Font” 3. Choose “Character Spacing” 4. Adjust as necessary

This can be done in the Slide Master to have con0nuity throughout the presenta0on

Adjust Paragraph Spacing

1. Select the text you want to alter 2. Right click and select “Paragraph” 3. Adjust as necessary

Try “Googling” for fonts, you’ll never know what you’ll find.

There are also books available concerning Fonts

Finding Fonts Online

www.1001freefonts.com www.dafont.com

How do we create engaging Content?

Drip-‐feed text

Too much wri0ng

• Common Problem:

& wri0ng too small

•  It was one of those summery days when the air is heavy and warm and nobody wants to do very much. Jonathan and Robbit were res0ng on top of one of Moley's hummocks, relaxing and watching the rest of the world go by. Jonathan could feel the sun's warmth through his shell and it was making him feel comfortable and drowsy. He wriggled contentedly. Last night, before he'd gone to bed, Jonathan had taken off his shell and given it a special polish, and this morning it gleamed in the sunlight. Beside him on the sog warm molehill, Robbit lay on his back, his paws behind his head, gazing up at the clear blue sky, thinking about things in his own rabbity way.

•  "Why do neWles have s0ngs?" He asked suddenly •  Jonathan had just begun to doze off, and woke with a start •  "Why do neWles have what?" He asked, not quite awake. •  "S0ngs," Robbit scratched one of his ears in a comfortable, absent-‐minded sort of

way. •  Jonathan pondered, his head 0lted to one side as he thought. •  "I suppose," He said eventually, "They have s0ngs so nobody will eat them." •  "That's silly," Said Robbit, "Nobody'd want to eat a roWen old neWle, anyway:

they're all tough and stringy."

Media Rich

Media Sources •  Video www.youtube.com

•  Photographs www.flickr.com

•  Sound Effects www.freesound.iua.upf.edu

•  Digital Library www.archive.org

Media Sources •  Wikimedia hWp://commons.wikimedia.org

•  Free Digital Photos www.freedigitalphotos.net

•  Crea0ve Commons hWp://crea0vecommons.org

Explain complex theory with diagrams

A = Energy B = You

Power Electricity

Images are Powerful

What is a good way to Deliver this?

Teacher, meet Presenter

You already do this.

Lets also do this

Presenting Teacher

Engaged Student

Present interacTvely

Which TV show’s theme is this?

Eastenders The X-Files

The Bill The Outer Limits

Play games

• Who wants to be a Millionaire • Observa0on • Odd One Out •  A Ques0on of Sport

PowerPoint + Quizdom = FormaTve Assessment

Common Mistake: •  People tend to put every word they are going to say on their PowerPoint slides. Although this eliminates the need to memorise your talk, ul0mately this makes your slides crowded, wordy, and boring. You will lose your audience's aWen0on before you even reach the boWom of your....

•  [Con0nued] first slide.

Common Mistakes:

•  Many people do not run spell cheek before showing their presenta0on -‐ BIG MISTAK!!! Nothing makes you look stupider then spelling erors.

Common Mistakes • Avoid • Excessive • Bullet-pointing.

• Only • Bullet • Your • Key • Points.

• Too Many • Bullet-points

• And • Your • Key

• Messages • Will • NOT • Stand • Out. • In-fact

• The

• Term • Bullet-point

• Comes • From

• People

• Firing

• At • Annoying

• Presenters.

• Guns

Be careful using too much data

Useful Data v Total Number of Slides

0 5 10 15 20Slide Number

Final Tip

• W for White, B for Black.

Have a Definite Ending

To summarise and conclude

The Problem •  Breaks thoughts up into discreet en00es •  Does not present the whole picture •  A single tool used to solve all problems •  Typically, too much informa0on given on each slide •  Overly simplifies informa0on •  Passive delivery model (creates an “audience” instead of a class) •  Tempta0on to use distrac0ng sounds and anima0on •  Encourages the use of general headings instead of descrip0ons of real

problems •  Presenters tend to read off the slides and turn their backs to the

“audience” •  Too many bullet points – not enough informa0on

Then Why Use Powerpoint?

•  To express the organiza0on of thoughts; not impose an organiza0on

•  To create opportuni0es for interac0vity •  To deliver mul0modal learning content

Opening Slides

Take a moment to reflect on your experience of PowerPoint. Think of a nega0ve example and a posi0ve example and share with your neighbor and the class.

Problem-‐Solving Slides: Slide contains a question and the answer is left blank for the students to answer.

Non-‐Linear PowerPoint Slides

Three categories that are best understood together. Related informa:on

Focusing AcTvity Slides

Think about how you might apply what you have learned today in your particular discipline.

List as many characteristics of a good lecture that you can.

QuesToning Slides:

Ques:ons?

Come up with one test ques:on based on this lecture to stump your partner.

The Blank Slide

The Game Slide

Jeopardy

Mnemonic Visual Slides Illustra0ons, anima0ons, visuals, and sounds should be used sparingly and only to reinforce the lesson.

Final Thoughts…

Powerpoint is a visual medium. It is used most effec0vely as an aid for your students. Use dense handouts or text books, and use ppt to outline or process the informa0on.

HANDS-ON your turn!

•  Develop a PPP about the topic you developed in Module 3. Include some anima0on effects taking good care to strike a balance between delivery con0nuity and innova0on.

Class Lab Session

•  Create a summary slide with sub-‐0tles linked to another slide, another PPP, a word document, a pdf file and a website.

Class Lab Session

•  For the first slide record a ‘voice over’ documentary introducing the whole PPP. This func0on is used a lot in on-‐line learning to introduce a topic, a PPP or a course.

Design 2 learn_2011

Education

Transcript of Design 2 learn_2011

Digital System Design Lecture 2: Design - ce.sharif.educe.sharif.edu/~gharehbaghi/DSD/2- Design.pdf · Digital System Design Lecture 2: Design Amir Masoud Gharehbaghi ... to VHDL

NJTA Design Manual Section 2 Structures Design

1 Lecture 2 1.Design Philosophy 2.Design Methodology 3.On Design Education 4.Power of words.

Chapter 2 Bituminous Design · Bituminous Design 2-1 Chapter 2 Bituminous Design Bituminous design consists of selecting the bitumen and aggregate gradation, blending the aggregates

EN 1992-1-2: Eurocode 2: Design of concrete structures ... 2...Design of concrete structures Design of steel structures Design of composite steel and concrete structures Design of

Animation Design 2 Lucy Childs1 Animation Design 2 Motion Studies.

Digital System Design 2. Digital System Design

Distillation column design ( 2 ) Packed column ( 2 ) Heat exchanger design ( 2 Cooler )

Design Chapter 2. General Design Guidelines

Xilinx Design 2

Space Vehicle Design: 2. Mission Design

2 . 2. Architectural Design I

Chapter 2 Web Site Design Principles. Principles of Web Design 2nd Ed. Chapter 2 2 Principles of Web Design Chapter 2 Objectives Design for the computer.

Traveloholic Design 2- Branding Design, Branding, Corporate Identify, Brand Design, Corporate Brand Design

Design thyself 2

1 2 Data Design and Implementation Chapter 2 Data Design and Implementation.

2 sampling design

Digital design #2

Slab Design(2)

Graphic Design: B.S. Digital Design - scd.edu.omscd.edu.om/wp-content/uploads/2017/10/Graphic-Design-Digital-Design... · GRA352 Graphic Design II 3 2 2 SR ANI211 Animation Design