The use and functions of visuals
From instructional views, most people are visually oriented. They learn about 10% from listening, but over 80% from what they see. More importantly they remember only about 20% of what they hear and about over 50% of they see and hear
The primary function of visual as communication device is to (1) serve as a more concrete referent to meaning than the spoken or written words (2) visuals are also Iconic, it resembles thing they represent which serves as concrete clues to meaning (3) motivate learners by increasing their interest in text or representation (4) it help attract and sustain attention and generalize emotions (5) Reiteration which underscores information in printed material or verbal by presenting it in different format.
Types of Visuals
1. Realistic visuals- are those that show the actual object or subject under study.
2. Analogic visuals- conveys a concept or topic by showing something else and implying a similarity.
3. Organizational visuals- visuals like flowchart, graphs, maps, schematics and classification of charts
Visual Preference of Learners
Teachers have to make appropriate choices between effective illustrations and preferred illustrations. People do not necessarily learn best from the kinds of picture they prefer.
1. Most learner prefer color visuals over black and white visuals.
2. Choose photographs over drawings
3. Choose realism in form and color
4. Prefer simple over complex illustrations (younger children)
5. Prefer complex over simple illustrations (older children)
Using Visuals in Instruction
Student can learn from visuals in two ways.(1) Decoding, they must be able to “read” visuals accurately, understand the elements of visuals and interpret them (2) Encoding, they should be able to create visuals as a tool to communicate effectively with others and be able to express themselves through practice. The development of both skills requires practice.
1. Choose photographs over drawings
2. Choose realism in form and colorcan learn from
3. Prefer simple over complex illustrations (younger children)
4. Prefer complex over simple illustrations (older children)
Designing Visuals
A well designed visuals promotes not only learning of subject matter but also provide aesthetic models for students’ own creative growth. When you create visuals, the important elements of art and principles of design are best considered by starting with preliminary sketches of intended visuals. At this stage little attention is paid in rendering artistic details but careful consideration is given to choosing the right words and images, arrangement, lettering styles and colors. The element of art includes line, shape, texture and color while the principles of design relate to arrangement, balance and unity.
1. The Line – is a one-dimensional structural devise that attracts attention by moving the eye around or to a specific area. It suggest actions, directions and movement. It also divides or ties things together and used as structure to which to build.
a. Horizontal line- gives a feeling to stability
b. Vertical line- implies strength and they draw the eye upward
c. Diagonal lines- strongly imply movement, action and dynamism. Crossed diagonal gives a sense of conflict. Curve lines also give a feeling of motion.
2. Shape – Are two dimensional and can form the outline of objects. It can work together to create a meaningful whole. Shapes also communicate just from their silhouette without any internal detail.
3. Textures – characteristics of three dimensional objects and materials. It conveys a clearer idea of the subject to the viewer by suggesting the sense of touch. It can be use to give emphasis, provide separation or enhance unity.
4. Color- It suggest moods, movement and commands attention, heightens realism of images, point out similarities and differences, highlight important information and details and creates emotional response.
5. Arrangement – visual and verbal elements of the layout should be arranged in a pattern that captures the viewers attention and directs it towards the important detailis or concepts. Arrangement incorporates the line, space and form. The rule of thirds, Elements along any of the one-third dividing lines take on importance and liveliness and can even suggest movement. The most dominant and dynamic position is at any of the intersection of the one-third dividing line especially the upper left intersection.
6. Balance – is achieved when the weight of the elements in a display is equally distributed on each side of an axis, either horizontally, vertically or both. When the design is repeated on both sides, the balance is symmetrical or formal.
7. Unity – is the relationship among the elements of a visual that allows them to function together. It concerns not only the verbal content but also the visual presentation. Unity is achieved by using related or repeated themes, color, shapes and types or direction of lines. Eliminate every element that is not essential to the communication of your idea. Present only one idea at a time.
8. Interaction- Allow the student interact with the visual or manipulate materials on visuals
4.5. Lettering Visuals
The size of the lettering should be consistent and harmonize with other elements.
· For straightforward informational or instructional purposes a plain letters not decorative is recommended
· Gothic or roman style is more readable
· For best legibility, use lowercase letter, adding capitals only where normally required. Short headlines maybe written in all capital, but phrases of more than three words and full sentences should follow the rule of lowercase lettering
· The color of the lettering should contrast with the background for emphasis
IMPORTANCE OF GOOD LETTERING
A. Legibility - Each letter must be distinct and not have to be read in context to be understood. Industry can't tolerate errors caused by poor drawing legibility.
B. Corporate Pride - Some engineering companies only have their drawings to sell. Poor lettering reflects poorly on their product and makes potential customers question their engineering accuracy.
C. Personal Pride - You owe it to yourself to do your very best. Don't settle for anything less than your best. Successful people aren't "average". Pay your "dues" and practice. You can improve with effort and don't sell yourself short. Believe in yourself.
G Guidelines - Must be used to establish uniform height, not crooked. Use the Ames Lettering Guide. Guidelines must be extremely light via 6H.
A. Height - 1/8” is common (1/4” for titles etc.)
B. Upper & Lower Case - Engineering lettering is commonly upper case CAPITALS
C. Fractions - not too common except for certain materials such as wood. Five guidelines are required for mixed numbers. The numerator and denominator are 3/4 the height of the whole number.
D. Strokes - Letters are composed via the number of strokes .
E. Grid - The grid is comprised or a 6 x 6 matrix of 36 boxes to aid composition and width.
F. Groups - Letters such as 0, C,, G, and Q are grouped to ease learning & to maintain common traits.
G. TOM Q. VAXY - The letters in this name are exclusively six units wide meaning they are as wide as tall. The remaining letters are five units wide - somewhat narrow. Letter “W” is the widest in the alphabet ( 8 units wider than its height)
H. Vertical & Inclined - You have your choice, but be consistent. Inclined ( 68 degrees).
I. Pencil Selection - Typically use the same pencil that was used to darken the drawing (2H? ). Avoid too hard a lead which tends to make straight strokes difficult. Letter on an appropriate surface, such as your drawing table in room 209. A too hard makes for crooked strokes while one too soft embosses the paper. Don’t make a drawing or letter without first removing the page.
J. Centering - Quality lettering appears to be centered in the existing title block. Keep letters off the title block borders to distinguish E from F, etc.
K. Spacing - Space between letters by eye. Pretend to place letter “0” between words.
ELEMENTS OF QUALITY LETTERING
A. Stability - The bottom of letters such as B are larger than the top, not top heavy
B B . Composition - Each portion of each letter is formed to an exact standard.
C. Uniformity - All "A's" are alike. All B's" are alike, etc.
D. Alignment - The imaginary axis of all letters are all parallel and either vertical or inclined to
the right at 68 degrees, no back slant.
LETTERING STYLES ( FONTS )
A. Roman - We do not use Roman with its serifs.
B. Gothic - We use commercial vertical gothic.
C. Single strokes - Each letter is made up of a series of single strokes. Some letters as many as five.
How to Design Visuals[i]
1. Information/ Instructional Purposes
Use visuals whenever possible to illustrate ideas
Present a single concept in each visuals
Break down complex visuals into simpler ones or build them up step-by-step
Minimize text on each visual; maximum of six words per line and six lines per visuals
2. Graphic or picture elements
Use visuals that are not too abstract or too realistic
Use scale or common object to indicate size of unfamiliar objects
Eliminate distracting backgrounds
If feeling of depth is important, use another object to create the foreground
Use the “rule of thirds”
Avoid splitting visual exactly in half with a horizontal like
Use graphs to present data
Use bold (thick), plain typefaces
3. Text or Lettering Elements
Avoid using many different typefaces on the same visuals
Use italics, boldface, underlining or color for emphasis
Use lowercase lettering, adding capitals only when normally required.
Enter title at top of visuals
Use short, concise, meaningful, descriptive titles that contain key words
Spacing between lines should be 1 ½ times word height
4. Color
Use brightness and lightest color to focus attention on important elements.
Use lettering and visuals that contrast with background color
Use consistent background colors in a series of visuals
Limit the number of colors on a visuals
5. Layout
Make visuals as simple as possible; avoid excessive details
Make sure your visual appears balanced
Use horizontal format for overhead transparencies and slides
Make visual legible; if audience can’t read it, don’t use it
Use pleasing layout (balanced, orderly, left-justified
Stafford,C and Russell, J. (1990). Principles of Visual Design, National society for Performance and Instruction Annual Conference, Toronto, Canada
Decorative letter cut-outs : http://www.momfetti.com/2009/04/mom-it-yourself-decorative-letter-cut.html
3D crafts paper cut-outs : http://www.artistshelpingchildren.org/papercuttingsartscraftsideaskids.html
Letter cutting: http://www.alphabetpatterns.com/
RELATED ARTICLES:
- PROFESSIONAL ETHICS AND THE TEACHER
- Intercultural Communication: The Systems of Values in the Dialogues of Cultures
- ED 105 Lesson 3 Theories Behind the Use of Educational Media
- Teach Students How To Avoid Internet Piracy
- Project ALERT Accomplishment Report SY2009-2010(Midyear)
- ED 105 Lesson 4 The Cone of Experience & Assessment
- GSC strengthens e-business
- IN-PLANT TRAINING/ ON-THE JOB TRAINING Of Fourth Year Science Curriculum Students to business establishments December 1998 to present
- Crew inspects shuttle for damage
- Division Project ALERT Team Conducts Office Management Seminar to Elementary and Secondary Principals





