![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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/1.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/4.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/5.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/6.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/8.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/9.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/10.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/11.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/12.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/13.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/14.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/15.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/16.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/17.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/18.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/19.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/20.jpg)
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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/21.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/22.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/23.jpg)
• 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](https://reader033.vdocuments.us/reader033/viewer/2022060213/5f0538897e708231d411e16b/html5/thumbnails/24.jpg)
• 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