SlideShare a Scribd company logo
1 of 10
Jordan Amerson
 Printed media
 Interactive study guide
 graphic design
 Six principles of design
 Elements of design
 Oldest and basic form of communication
 Can enhance teaching, learning, and managing in distance education
 Graphic design principles can be applied to develop study guides that use visuals
for key instructional ideas
 Structured note taking system that leads the learner through a series of concepts,
and that requires some active and interactive involvement by the students
 Improves student note taking
 Management tool that directs course activities before, during, and after
instruction
 More organized and more systemically sequenced than other study guides
 Identify the objective of the lesson
 Create a detailed outline of topics related to the objective
 Identify key words
 Use geometric shapes to show relationships to assist the learner
 Sequence displays the way they will be discussed
 Develop sub-displays for topics that have more than one visual or word picture
 Produce the interactive study guide using proper graphic design principles
 Size – letter size is closely related to legibility
 bold lettering is easier to see and read than is smaller lettering
 Font – sans serif fonts should be used instead of fancy points with serifs The thin
extensions to letters often used in textbooks and printed documents
 Color and contrast – color is often misused in television
 colors should be bold and simple and should not be overdone
 Alignment – centering text for the television display is not as effective as aligning
text to left
 justified text seems to be most legible
 Capitalization – the literature on readability is quite clear that uppercase and
lowercase lettering
 all uppercase or all lowercase reads the best
 Balance – sense of equilibrium in a visual
 Center of interest – visual focal point of the graphic and should related to its
purpose
 Emphasis- closely related to the center of interest
 Unity – visual holds together to convey its purpose
 Contrast – characteristic of an object that cause it to stand out
 Rhythm – comes from repetition through variety and is used to draw a viewer
through the various objects in a visual
 Line – generally considered to be one dimensional.
 Lines portrays direction, present objects, and defines the outer shape of something
 Shape – used to symbolize objects or to show large or small spaces
 Shapes have two dimensions, height and width
 Space – either positive or negative
 The outline of an object in a visual signifies its positive space
 Texture – perceived or actual roughness or smoothness of a surface
 Value – degree of lightness or darkness of a surface
 Value is accomplished through shading
 Value shows changes in space
 Color – related to value and is used to visualize of an object realistically or to
differentiate of an object from another object

More Related Content

Similar to Designing Interactive Study Guides Using Graphic Principles

Support Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationSupport Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationJoidon Jennings
 
Visual Principles
Visual PrinciplesVisual Principles
Visual PrinciplesIzaham
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and VisualsHandouts, Study Guides, and Visuals
Handouts, Study Guides, and VisualsRaheen26
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principlesAimeePrater
 
The Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxThe Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxtodd701
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of designsmizener
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals swatts9124
 
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for InstructionMhelane Herebesi
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual CommunicationSinoj Mullangath
 
Designing The Document
Designing The DocumentDesigning The Document
Designing The DocumentProf S
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUIananda gunadharma
 

Similar to Designing Interactive Study Guides Using Graphic Principles (20)

Support Materials and Visualization for Distance Education
Support Materials and Visualization for Distance EducationSupport Materials and Visualization for Distance Education
Support Materials and Visualization for Distance Education
 
Visual Principles
Visual PrinciplesVisual Principles
Visual Principles
 
GROUP-1.pptx
GROUP-1.pptxGROUP-1.pptx
GROUP-1.pptx
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and VisualsHandouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals
 
Multimedia design principles
Multimedia design principlesMultimedia design principles
Multimedia design principles
 
The Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docxThe Elements and Principles of Design A Guide to Design Term.docx
The Elements and Principles of Design A Guide to Design Term.docx
 
Principles and elements of design
Principles and elements of designPrinciples and elements of design
Principles and elements of design
 
Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals Handouts, Study Guides, and Visuals
Handouts, Study Guides, and Visuals
 
Module 8
Module 8Module 8
Module 8
 
Designing Visuals for Instruction
Designing Visuals for InstructionDesigning Visuals for Instruction
Designing Visuals for Instruction
 
Effective Visual Communication
Effective Visual CommunicationEffective Visual Communication
Effective Visual Communication
 
Designing The Document
Designing The DocumentDesigning The Document
Designing The Document
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUI
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual principles
Visual principlesVisual principles
Visual principles
 
Visual design
Visual designVisual design
Visual design
 

More from Jordan Amerson

Instructional design for distance technologies
Instructional design for distance technologies Instructional design for distance technologies
Instructional design for distance technologies Jordan Amerson
 
Definitions, History, and theories of distance education
Definitions, History, and theories of distance education Definitions, History, and theories of distance education
Definitions, History, and theories of distance education Jordan Amerson
 
Change Agent Presentation Apt 507
Change Agent Presentation Apt 507Change Agent Presentation Apt 507
Change Agent Presentation Apt 507Jordan Amerson
 

More from Jordan Amerson (13)

APT 502
APT 502APT 502
APT 502
 
Apt502
Apt502 Apt502
Apt502
 
Apt502
Apt502 Apt502
Apt502
 
Instructional design for distance technologies
Instructional design for distance technologies Instructional design for distance technologies
Instructional design for distance technologies
 
Definitions, History, and theories of distance education
Definitions, History, and theories of distance education Definitions, History, and theories of distance education
Definitions, History, and theories of distance education
 
APT 510 Assignment 1
APT 510 Assignment 1APT 510 Assignment 1
APT 510 Assignment 1
 
APT 502 Assignment 1
APT 502 Assignment 1 APT 502 Assignment 1
APT 502 Assignment 1
 
Change Agent Presentation Apt 507
Change Agent Presentation Apt 507Change Agent Presentation Apt 507
Change Agent Presentation Apt 507
 
Chapter 11 Apt 501
Chapter 11 Apt 501Chapter 11 Apt 501
Chapter 11 Apt 501
 
Chapter 10 Apt 501
Chapter 10 Apt 501Chapter 10 Apt 501
Chapter 10 Apt 501
 
Apt 501 Assignment 7
Apt 501 Assignment 7Apt 501 Assignment 7
Apt 501 Assignment 7
 
Assignment 6
Assignment 6 Assignment 6
Assignment 6
 
Apt 507 Presentation
Apt 507 PresentationApt 507 Presentation
Apt 507 Presentation
 

Recently uploaded

Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfakmcokerachita
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionSafetyChain Software
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 

Recently uploaded (20)

Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdf
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Mastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory InspectionMastering the Unannounced Regulatory Inspection
Mastering the Unannounced Regulatory Inspection
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 

Designing Interactive Study Guides Using Graphic Principles

  • 2.  Printed media  Interactive study guide  graphic design  Six principles of design  Elements of design
  • 3.  Oldest and basic form of communication  Can enhance teaching, learning, and managing in distance education  Graphic design principles can be applied to develop study guides that use visuals for key instructional ideas
  • 4.  Structured note taking system that leads the learner through a series of concepts, and that requires some active and interactive involvement by the students  Improves student note taking  Management tool that directs course activities before, during, and after instruction  More organized and more systemically sequenced than other study guides
  • 5.  Identify the objective of the lesson  Create a detailed outline of topics related to the objective  Identify key words  Use geometric shapes to show relationships to assist the learner  Sequence displays the way they will be discussed  Develop sub-displays for topics that have more than one visual or word picture  Produce the interactive study guide using proper graphic design principles
  • 6.  Size – letter size is closely related to legibility  bold lettering is easier to see and read than is smaller lettering  Font – sans serif fonts should be used instead of fancy points with serifs The thin extensions to letters often used in textbooks and printed documents  Color and contrast – color is often misused in television  colors should be bold and simple and should not be overdone
  • 7.  Alignment – centering text for the television display is not as effective as aligning text to left  justified text seems to be most legible  Capitalization – the literature on readability is quite clear that uppercase and lowercase lettering  all uppercase or all lowercase reads the best
  • 8.  Balance – sense of equilibrium in a visual  Center of interest – visual focal point of the graphic and should related to its purpose  Emphasis- closely related to the center of interest  Unity – visual holds together to convey its purpose  Contrast – characteristic of an object that cause it to stand out  Rhythm – comes from repetition through variety and is used to draw a viewer through the various objects in a visual
  • 9.  Line – generally considered to be one dimensional.  Lines portrays direction, present objects, and defines the outer shape of something  Shape – used to symbolize objects or to show large or small spaces  Shapes have two dimensions, height and width  Space – either positive or negative  The outline of an object in a visual signifies its positive space
  • 10.  Texture – perceived or actual roughness or smoothness of a surface  Value – degree of lightness or darkness of a surface  Value is accomplished through shading  Value shows changes in space  Color – related to value and is used to visualize of an object realistically or to differentiate of an object from another object