Top Banner
Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of Thumb Exit
24

Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Jun 11, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Multimedia Design PrinciplesBy: Chelsea East

Things to Consider

Organization Form & Content

Basic Design Principles

Design Rules of Thumb

Exit

Page 2: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Things to Consider

Time/Cost Skills

Audience Equipment

Click Here For: Multimedia Design Principles Exit

Page 3: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Time/Cost

• How much time do you have?

• What will the cost be?

Things to Consider

Click Here For: Multimedia Design Principles ExitPrevious

Page 4: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• What is your skill level?

• Are you a Expert?

• Or, are you a beginner?

Things to Consider Skills

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 5: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Age level

• Grade level

• Reading level

• Ethnicity

AudienceThings to Consider

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 6: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

What equipment do you have:

• Creating

• Displaying

• Transporting

EquipmentThings to Consider

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 7: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Organization

Order of the Information

Storyboard

Click Here For: Multimedia Design Principles Exit

Page 8: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Make detailed outline before you turn the computer on

• Chronologically

• By development

• According to topics

• From general to specific

• From problem to solution

Example:

Order of the InformationOrganization

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 9: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• The purpose of the storyboard is to allow you to collect your ideas, order the material, and make revision before investing a great deal of time

Storyboard Organization

Click Here For: Multimedia Design Principles ExitPrevious

Page 10: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Form and Content

Form/Content Balance

Click Here For: Multimedia Design Principles Exit

Page 11: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Form is the way in which that material is presented.

• Content is the material to be learned.

Form/Content Form and Content

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 12: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Content must have some form, but there needs to be a Balance that allows the form to focus attention on the content

• Charts and graphs are a great way to balance both form and content when presenting information.

Balance Form and Content

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 13: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Design Principles

Alignment Proximity Contrast

Click Here For: Multimedia Design Principles Exit

Page 14: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Don’t mix alignments.

• Center = balance

• Left & Right = movement

• We read from the top down. Therefore the top is the most important position

AlignmentDesign Principles

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 15: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• By placing objects close together or overlapping them.

• Too far = weak, confusing.

• Proximity ties the various components together

Proximity Design Principles

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 16: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Guides the eye on ear.

• Denotes important material

• Creates focal points.

• It can be accomplished with text, color, shape proximity, size, location, or with any combination.

ContrastDesign Principles

PreviousClick Here For:

Multimedia Design Principles Exit

Page 17: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Design

Clean Consistent

Click Here For: Multimedia Design Principles Exit

Page 18: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Keep it uncluttered.

• Too much information in a space is confusing.

• The hierarchy should be easily seen.

• More important material should be at the top and/or the left

CleanDesign

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 19: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• The mind orders information based, in part, on the perceptual environment.

• Constantly changing environments require constant mental adjustment.

• This can interfere with the content

ConsistentDesign

Click Here For: Multimedia Design Principles ExitPrevious

Page 20: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

Rules of ThumbK.I.S.S. Typography

Color Objects

Click Here For: Multimedia Design Principles Exit

Page 21: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Keep it simple stupid/sweetie.

• Most multimedia presentations can be improved by eliminating some elements or moving them to another screen.

K.I.S.SRules of Thumb

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 22: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Serif fonts work best for the printed pages

• Sans-serif are best for computer monitors and projection

• Use only 2 (3 at the very most) fonts in any document.

• Let size and style (bold, italic, underline) create contrast.

TypographyRules of Thumb

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 23: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Limit your pallet to 3 or 4 colors. Too many colors will be distracting.

• Some colors work better together than others.

• More importantly, some background colors should not be used with certain font colors!

Color Rules of Thumb

Click Here For: Multimedia Design PrinciplesPrevious Exit

Page 24: Multimedia Design Principles - WordPress.com · Multimedia Design Principles By: Chelsea East Things to Consider Organization Form & Content Basic Design Principles Design Rules of

• Too many graphics can be confusing.

• Balance objects on the page.

• They are inherently more attractive than text.

ObjectsRules of Thumb

Click Here For: Multimedia Design PrinciplesPrevious Exit