41
Designer or not, we show character through action and presentation.

Designer or not, we show character through action and presentation

  • Upload
    dunne

  • View
    42

  • Download
    0

Embed Size (px)

DESCRIPTION

Designer or not, we show character through action and presentation. Example #1. Bullet point 1 Bullet point 2 Bullet point 3. Boring and unimaginative. Example #2. Instinctively clueless and pays little attention to detail. How to make a message stick: - PowerPoint PPT Presentation

Citation preview

Page 1: Designer or not, we show character through action and presentation

Designer or not, we show character through action and presentation.

Page 2: Designer or not, we show character through action and presentation

Example #1

• Bullet point 1• Bullet point 2• Bullet point 3

Boring and unimaginative

Page 3: Designer or not, we show character through action and presentation

Example #2

How to make a message stick:Keep the message simple. Use the

unexpected. Infuse it with some credibility. Keep things concrete. Be emotional.

Assemble a story.Instinctively clueless and pays little

attention to detail

Page 4: Designer or not, we show character through action and presentation

Example #3Principles of DesignFrom our days as hunter-gathers, we are programmed to be attracted to motion. Animation is something you add during the construction process to help support your content, not after as decoration.

Whatever animation you use should look natural. Treat slide movement as you would if you were a director by create scenes instead of slides. This is what I have to offer: By the end of this presentation, you will have the information to design more persuasive, visually appealing, and fun to deliver power points.

Design is a profound mix of sociology, biology, and psychology. The way we think, feel, and anticipate quality in design is determined by the combination of culture influence, cognitive evolution, and educational upbringing. The way we feel when we see a specific color, what attracts our focus, and the interpretation of text from left to right, are all aspects of design that should be taken into consideration before designing your next presentation.

Has little or no idea what the

audiences needs

Page 5: Designer or not, we show character through action and presentation

Nowadays, quality design is as much a demonstration of value as low cost leadership, product innovation, or customer service. A better quality design is easier to understand, more persuasive, and all-around more enjoyable to watch. What was once a superfluous means of displaying information has now become synonymous with the modern, competent business professional.

It’s easy to tell which companies take pride in their design capabilities and which ones consider them secondary. Poorly planned, crudely designed, and erroneously executed presentations can damage credibility just as much as misinformation.

Risk

Opportunity

Page 6: Designer or not, we show character through action and presentation

What we need is a method,

Page 7: Designer or not, we show character through action and presentation

a basic knowledge of what makes design effective,

Page 8: Designer or not, we show character through action and presentation

and suggestions on how to use this information.

So here we go.

Page 9: Designer or not, we show character through action and presentation

What Makes Effective Design

Process Elements

Motion

Modification

ArrangementRelationship

Page 10: Designer or not, we show character through action and presentation

Aspects of Design:Process

Elements

MotionModificationArrangementRelationship

It’s important to note - though we’re grouping these ideas into separate categories for a better understanding of their use, their applications tend to overlap. For example,

contrast is the difference between multiple elements in which movement and proportion can play a major role. The principles of design, sometimes referred to as the principles of

organization include:

Page 11: Designer or not, we show character through action and presentation

Process

Page 12: Designer or not, we show character through action and presentation

6-20 hours research

and collect input

1 hour build an audience

needs map

2 hours generate

sticky note ideas

1 hour colleague critique

2 hours storyboard

20-60 hours

building slides

3 hours rehearsing

1 hour organize the

ideas

Page 13: Designer or not, we show character through action and presentation

Elements

Page 14: Designer or not, we show character through action and presentation

In any design, the first thing you notice is

color. In that split second between attention and conscious observation, your psychology changes. Color puts your

audience in the right mood to received information with as little resistance as possible. Different colors have different

associations which affect people’s

physical and mental state. Women see the color red and feel attraction; men see red and feel powerful. Color can be described as calm, fresh, bland, exciting, nostalgic, modern or professional.

Color creates meaning through natural association and cultural symbolism.

Choose colors that portfolio will appeal to your audience. Make sure your color palette can’t be mistaken for a competitor’s brand. Consider using samples from existing elements including logos, images and the natural environment. Select three or five core colors from the color wheel, plus a neutral and a highlight color. Neutral colors serve as a background element and aid in visual hierarchy. Ultimately, your choice in color should be a reflection of your own personality.

Page 15: Designer or not, we show character through action and presentation

TypeType serves as an illustration, icon and graphic element apart from its meaning in the alphabet. Used with size or quantity, type can have tremendous impact in and of itself. As a graphical element, type carries with it an innate character that can either add to or detract from your overall message. Treat type as you would any other image.

Like color, type should have audience appeal, personal brand, and clarity for maximum effect. Use type with the last row of people in mind. Changing the weight and spacing in type can be a viable option versus switching to a whole different style. Angle and adjust type for a change in dynamics. The trick with type is to start simple, then branch out according to your over all message. For instance, if you need a type to emphasize something that’s simple yet dignified, Baskerville would be a good option. An alternative to Helvetica, Arial is a great choice for clarity and practicality.

TypeType

TypeType

Type

Page 16: Designer or not, we show character through action and presentation

No matter how many words you place on a slide, nothing speaks

louder than a thoughtfully chosen image. Images add visual excitement and concrete visuals to what may

otherwise be abstract ideas and difficult to understand. An image

can be quickly located, processed and understood.

Rules of thirds – Grid of three divided vertically and horizontally creating a composition that’s balanced, possess energy, and creates

more interest than simply centering the featured elements.

When choosing your images, try to stick to original artwork and personal photographs. Never, ever use clip art. Select a family of

images that work well together and are context-appropriate. Black and white images usually contain an element of nostalgia. Don’t

crop your subjects at the neck. When choosing the position of your image, consider the other elements involved and how best to keep everything in sync. Text and images should never be in competition for the audience. Always have the subject in your image facing the

text it represents. When necessary, one can be used to reinforce the other in a way that’s visually interesting and cognitively helpful.

Page 17: Designer or not, we show character through action and presentation

Figure & Ground – The differentiating of an object

(“figure”) from the surrounding area (“ground”) – Gestalts

Principles of Perception

Whitespace doesn’t necessary have to stay two-dimensional. There is a whole lot of space out there if you know how to play with it.

Think of whitespace as breathing room for all the other elements. Too little and the design becomes congested and confusing. Too much, and the space becomes overwhelming.

Page 18: Designer or not, we show character through action and presentation

Motionchange in position

Page 19: Designer or not, we show character through action and presentation

Direction

Content moves easier in certain directions, interpreted as it would occur naturally.

The hierarchy of movement from easiest to hardest includes down versus up, right versus left, then any variation of such.

Page 20: Designer or not, we show character through action and presentation

“Common Fate” elements that move in the same direction are perceived as related more than those moving in different directions - Gestalts Principles of Perception

We have a preference for continuous figures. Lines that intersect aren’t thought of as separate, but segments of the same continual shape.

Our eye flow will move in the same direction until something more significant causes it to move.

Continuance

Page 21: Designer or not, we show character through action and presentation

Rhythm

A regularly recurring pattern of activity suggesting pace

Regular- when the intervals between the elements are similar in size or length

Flowing- gives a sense of movement, and is often more organic in nature

Progressive- shows a sequence of forms through a progression of steps

Page 22: Designer or not, we show character through action and presentation

Modificationchange in form

Page 23: Designer or not, we show character through action and presentation

Comparison – Illustrating

relationships and patterns in system

behaviors represented by two or more

system variables -Gestalts Principles of

Perception

contrast

Used to identify the main points quickly, contrast is a way to attract or divert attention to or from a single element before leading the audience through the rest.

Even subtle changes in color, font and size can make for a more dynamic and interesting design.

Page 24: Designer or not, we show character through action and presentation

EmphasisThe stress placed on a single element or visual theme; coming from either visual hierarchy…

or by contrast.

Page 25: Designer or not, we show character through action and presentation

Simplicity

“Visual economy” achieved by eliminating all non-essential elements or details to reveal the essence of a form

The simpler the message, the easier it is to convey and the more likely it will be understood.

Ask yourself: Even though there could be more added to this design, will any of it make the “core message” clearer?

Page 26: Designer or not, we show character through action and presentation

Arrangementgrouping and order

Page 27: Designer or not, we show character through action and presentation

Alignment

Arranging elements so that their lines and edges match with the other elements

Elements do not have to be in perfect alignment. In fact, some lines may appear to be in perfect alignment when

eyeballed versus when they’re measured.

Alignment

Page 28: Designer or not, we show character through action and presentation

The easiest and most effective way to prevent confusion is to reduce the amount of elements necessary to complete an interesting design – Gestalts Principles of Perception

The tendency to perceive a set of individual elements as a single, recognizable pattern; with enough of a form filled in, the audience will instinctively fill in the remaining pieces.

The closer or more similar two features are, the more related they will appear.

Closure

Page 29: Designer or not, we show character through action and presentation

Domin ance

Subordinate- The object given the least visual weight, the element of tertiary emphasis that recedes to the background of the composition

Sub-dominant- The element of secondary emphasis, the elements in the middle ground of the composition

Dominant- The object given the most visual weight, the element of primary emphasis that advances to the foreground in the composition

Page 30: Designer or not, we show character through action and presentation

Relationshipconnections and dynamics

Page 31: Designer or not, we show character through action and presentation

BalanceBalance

Balance can fall as either one of two ways: Symmetrical “Harmonious balance” where both sides are of equal weight and dimension, or asymmetrical “balance by grid” where one side is heavier and larger than the other. Keep in mind that balance isn’t always about finding harmony. Asymmetry is ideal for a dynamic design while symmetry is better for stability.

a feeling of equality in weight, attention, or attraction of the various elements within the composition as a means of accomplishing unity

Page 32: Designer or not, we show character through action and presentation

HierarchyHierarchyHierarchy

Hierarchy

In design, hierarchy isn’t so much about importance as establishing an order of consideration. All groups have hierarchy. Some are more apparent than others while some require taking a step back to see; books on a shelf are typically categorized left to right, we assume larger objects to be closer than those that are smaller. Design remains confusing until we have order.

An established order created by systematic differences in shape, color, size, etc. beginning from the focal point and traveling individually to the other parts

Page 33: Designer or not, we show character through action and presentation

Similarity in color results in the strongest grouping effect,

followed by size and shape - Gestalt Principles of Perception

Similarity

Consistency and repetition between multiple elements are perceived as more related than elements that are “anomalies.”

After a while, the audience will become familiar with your design, what to expect within and between slides, and can then pay more attention to the material. Similarity can be seen in visual elements, choices in style like color palette , and the overall theme of the presentation. Without continuity, understanding and comprehension becomes increasingly difficult.

Page 34: Designer or not, we show character through action and presentation

“Unity” or Proximity“Unity” or Proximity

Despite differences in color, shape, and size, elements that are grouped together are perceived as being more related than elements that are separated. As a result, relationships are formed which are easier to scan, accept and memorize. Elements exhibiting unity include “structure” in the way things line up, the “look” or graphic style, and “theme” or overall big idea.

The interpretation of elements in relation to the placement and position of other elements; provides a sense of order and completeness

Page 35: Designer or not, we show character through action and presentation

So what does all this mean?

Page 36: Designer or not, we show character through action and presentation

The more you know about design, the easier & faster it will be for you to do.

It’s Simple!

Page 37: Designer or not, we show character through action and presentation

When it comes to Power Point,Rules

Page 38: Designer or not, we show character through action and presentation

Rule of3slides per point

points per slide

elements per plane

10/20/30 Rule

slides

minutes

font

Use of Time – If you’re offered 30 minutes, take 20. Demonstrates that you know the material, you’re confident in handling questions, and your audience will be surprised they get out 10 minutes early.

Format

Page 39: Designer or not, we show character through action and presentation

Animation“Push” slide transitions – A different way of moving from slide to slide..

Image Orientation – Never have a figure facing away from your information. Gives the impression of disinterest- the last sentiment you want felt during a presentation.

Page 40: Designer or not, we show character through action and presentation

Animation..Gives the impression of one large surface

Pace –

Scenes and

story versus

slides and

information:

Fast movement

is exciting. Normal speed

is assertive. Slow movement

is nostalgic.

Page 41: Designer or not, we show character through action and presentation

Bibliography – Suggested readsDuarte, Nancy. “Slide:ology: The Art and Science of Creating Great Presentations.” O’Reilly Media, Sabastopol, CA. 2008.

Joshua, David. “The Principles of Design.” Digital Web Magazine. McClurg-Genevese. 2005

Reynolds, Garr. "Presentation Zen: Simple Ideas on Presentation Design and Delivery.” Garr Reynolds, 2008.

Montmartre by John Althouse Cohen

Kawasaki, Guy. “The 10/20/30 Rule of PowerPoint.” 2005.Holden, Kritina, Lidwell, William, and Butler,

Jill. “Universal Principles of Design.” Rockport Publishing, 2003.