visual principles

TECH3008

Introduction to Educational Technology

Dr. Alaa SadikDepartment of Instructional & Learning Technologies

[email protected]

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 to 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

CaricaturesMapsPosters

ChartsFlowchart Hierarchical DrawingGeometrical FiguresScreenshotsPhotographs

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”.


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.


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.


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.



For Example:

What information is conveyed by: gesture? expression? the clothing worn in the photograph? the background? the use of props?



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?


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 ElementsSyntax 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).


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 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 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

1. Framing

2. Angle

3. Lighting

4. Timing

5. Contrast

6. Scale

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


FramingA wonderful scene, framed

by a window frame

Visual Elements


FramingA party attender, framed

by her friends

Visual Elements


FramingA beautiful sunset, naturally framed

by the clouds

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


AngleIf you like to sell your car, capture a good

photos from an appropriate angle.

Visual Elements


AngleLooks great

Visual Elements


Angle

Looks young but ambitious

Visual Elements


AngleLooks more beautiful

Visual Elements


AngleLooks bright

Visual Elements


AngleLooks great

Visual Elements


Angle

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


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