• Like
  • Save
Visual Principles
Upcoming SlideShare
Loading in...5
×
 

Visual Principles

on

  • 5,175 views

 

Statistics

Views

Total Views
5,175
Views on SlideShare
4,714
Embed Views
461

Actions

Likes
1
Downloads
150
Comments
0

2 Embeds 461

http://www.readwritelearnwell.com 460
http://www.weebly.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Visual Principles Visual Principles Presentation Transcript

    • TECH3008 Introduction to Educational Technology Dr. Alaa Sadik Department of Instructional & Learning Technologies www.alaasadik.net [email_address]
    • TECH3008 Introduction to Educational Technology Presentation Two: Visual Principles
    • Part One Types of Instructional Images
    • A simple representation of forms or objects by means of lines, curves and indicators to explain idea or show relationship. Line Drawing
    • A simple and attractive artwork that helps simplify concept or make an idea or relationship simple and clear. Illustrated Drawing
    • A simple drawing uses symbols, directions, keys and icons t o simplify an actual location or situation. Kroki
    • A group of pictures in a specified sequence that tell a story or illustrate a phenomena with titles and captions. Sequenced Drawing
    • A complex picture aims to explain the similarities and differences between two or more objects. Comparative Drawing
    • A simple comic drawing designed to tell a story and evoke emotions and consists of one or more frames with captions. Cartoon
    • A simple-lined humorous or satirical drawing that simplifies or exaggerates a person or event. Caricatures
    • A map is a simplified depiction of a space or specific region, which highlights relations between objects within that space with navigational aids and appropriate scale. Maps
    • A poster is a graphic advertisement aims to post a specific message quickly and simply in a public place. Posters
    • A chart is a visual representation of data ( using lines, bars, pies… ) that displays the relationship among variables, usually cast along x and y axes. Charts
    • Flowcharts A flowchart is a diagram consisting of a set of specified symbols ( rectangles, diamonds, circle.. ) and connecting arrows that shows step-by-step progression through a procedure, process or system.
    • Hierarchical Diagrams A way to organize or categorize data, people or things using levels of organization, moving from broader general categories to narrow specific ones.
    • Geometrical Figures A two- or three-dimensional drawing illustrates a geometrical concept or relationship using accurate measures.
    • Screenshots A screenshot is an image captured by the computer to record the visible items on the monitor or another visual output device.
    • A visual representation captured using ordinary or special optical or digital camera. Photographs
      • Line Drawing
      • Illustrated Drawing
      • Kroki
      • Sequenced Drawing
      • Comparative Drawing
      • Cartoon
      • Caricatures
      • Maps
      • Posters
      Charts Flowchart Hierarchical Drawing Geometrical Figures Screenshots Photographs Types of Instructional Images
      • Using optical & digital images in education:
      • Why?
      • How?
      • Using optical & digital images in education: Why?
      • Learner preferences and styles can more effectively be addressed.
      • Enhanced learning and retention take place through the use of visual material.
      • Bring deeper understanding to complex subject matter.
      • Help students focus attention.
      • Improve the decision-making process.
      • Speed adoption of major change.
      • Motivate learners.
      • Using optical & digital images in education: How?
      • Print format
      • Books
      • Portrait
      • Newsletters
      • Presentations
      • TV screen
      • Image CD
      • The Web
    • Part Two Visual Literacy
    • Visual Literacy (VL)
      • 1. Defining Visual Literacy
      • “ Visual Literacy means being able to read and compose images”.
      • “ The ability to discriminate and interpret visual actions, objects and other images, while gaining meaning from them ”.
    • Visual Literacy (VL
      • 1. Defining Visual Literacy
      • “ Visual literacy skills are required for effective learning and teaching via images”.
    • Visual Literacy (VL)
      • 2. The importance of Visual Literacy
      • VL uses images to teach critical and creative thinking, communication and visual literacy.
      • VL increases student competence in constructing meaning from images that incorporate various curriculum-based subjects.
      • VL helps students sharpen their powers of observation.
    • Visual Literacy (VL)
      • 2. The importance of Visual Literacy
      • VL increases ability to locate information, analyze, reason and form conclusions about the photograph.
      • VL opens up new worlds for students and engages them to write in more meaningful ways.
      • VL helps students to think more consciously about the details they see.
    • Visual Literacy (VL)
      • 3. Enhancing student’s visual literacy: How?
      • By asking your students the right questions, they can learn to read photographs and discovering the story behind the image.
    • Visual Literacy (VL)
      • 3. Enhancing student’s visual literacy: How?
      • For Example:
      • What information is conveyed by:
        • gesture?
        • expression?
        • the clothing worn in the photograph?
        • the background?
        • the use of props?
    • Visual Literacy (VL)
      • 3. Enhancing student’s visual literacy: How?
      • For Example:
      • - Who created the image?
      • - Who is the audience of the image?
      • - For what purpose was the image created?
      • - What is the message of the image?
      • - Why was the image arranged that way?
    • Visual Literacy (VL)
      • 4. Student objectives/roles
      • Practice the skills of observing and interpreting photographs.
      • Transform visual information into strong descriptive language.
      • Find/create images that describe/illustrate a specific point of view or issue.
    • Part Three Visual Elements Syntax and Semantics
    • Visual Elements: Syntax and Semantics
      • The Language of Visual Literacy
      • Visuals are a language that allow us to produce and communicate thoughts and images about reality.
      • The symbols used in visual communication are not a fixed vocabulary (dictionary) .
    • Visual Elements: Syntax and Semantics
      • The Language of Visual Literacy
      • Visual communication is made up of symbols whose meaning results from their context .
      • A visual meaning is formed by seeing and thinking .
    • Visual Elements: Syntax and Semantics
      • Visual Semantics
      • Semantic is the study of language meaning .
      • Visual semantics are the structural, cultural, communicative and social signs relate to meaning.
      • Examples of visual semantics signs includes: purpose, photo creator, date & time of shooting, purpose, context, audience, relationships…
    • Visual Elements: Syntax and Semantics
      • Visual Syntax
      • Syntax is the grammatical arrangement of words in sentences .
      • VL syntax is the form of building of blocks of an image. These blocks are called visual elements .
      • Examples of visual elements includes: scale, dimension, arrangements, framing, motion, colour, light, shadow, juxtaposition, relative size, foreground, background…
    • Visual Elements
      • Main Visual Elements
      • Framing
      • Angle
      • Lighting
      • Timing
      • Contrast
      • Scale
    • Visual Elements
      • Main Visual Elements
      • Framing
      • A technique used to bring the focus and depth to the subject and objects.
      • What is included and excluded in an individual shot.
      • The photographer’s determination of what the edges of a photograph will be.
    • Visual Elements
      • Main Visual Elements
      • Framing
      • A wonderful scene, framed
      • by a window frame
    • Visual Elements
      • Main Visual Elements
      • Framing
      • A party attender, framed
      • by her friends
    • Visual Elements
      • Main Visual Elements
      • Framing
      • A beautiful sunset, naturally framed
      • by the clouds
    • Visual Elements
      • Main Visual Elements
      • Angle
      • The direction from which the artist photographs the subject .
      • A technique used to change/improve the look of objects by using different camera directions.
      • Angles are used to convey different information and feelings about the same subject.
    • Visual Elements
      • Main Visual Elements
      • Angle
      • If you like to sell your car, capture a good
      • photos from an appropriate angle.
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks great
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks great
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks young but ambitious
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks more beautiful
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks bright
    • Visual Elements
      • Main Visual Elements
      • Angle
      • Looks great
    • Visual Elements
      • Main Visual Elements
      • Angle
    • Visual Elements
      • Main Visual Elements
      • Angle
    • Visual Elements
      • Main Visual Elements
      • Lighting
      • Lighting is a technique used to imply a mood/emotion.
      • Very contrasting lighting (dark shadows, bright highlights) is more dramatic than a soft gentle light.
      • Lighting and shadows also provide clues to the figuring out the larger setting and time of day the shot was taken.
    • Visual Elements
      • Main Visual Elements
      • Lighting
    • Visual Elements
      • Main Visual Elements
      • Lighting
    • Activities
        • A. Find images.
        • B. Define and describe images.
        • C. Content & image analysis (various student books) .
        • D. Using Images to create a visual story.
    • Discussions & Conclusions