Visual Information and Media Flashcards
What words are closely associated with visual images?
Picture
Visible view
Optical
Drawing
Perception
Painting
Photograph
Materials, programs, applications, and the like that teachers and students use to formulate new information to aid learning through the use, analysis, evaluation, and production of visual images.
Visual Information and Media
Examples of Visual Media:
Photography
Video
Screenshots
Infographics
Data Visualization
Comic Strips/Cartoons
Memes
Visual Note-taking
Types of Visual Media:
Chart
Cartoon
Comic strips
Sources of Visual Media
Illustration
Maps
Flashcards
Books
Newspapers
Internet
Purpose of Visual Information:
Gain attention
Create meaning
Facilitate retention
Advantages of Visual Media:
- Keeping us with world events
- Exposure to different cultural aspect
- Broadening of experience
Entertainment
Limitation of Visual Media:
Projects/subjects cannot be seen without a monitor or projector.
Common Visual Media File Types
JPEG
PNG
GIF
TIFF
BMP
WEB GRAPHICS
Most friendly image format.
Compressed Quality
JPEG
WEB GRAPHICS/ANIMATION/CLIP ART
Worst choice for web graphics.
Small file sizes and fast loading speed. Adds animation effects.
GIF
PRINT GRAPHICS
Best choice for printing.
Able to read CMYK and YcbCr color.
Stores high pixel intensity.
TIFF
WEB GRAPHICS/LOGOS AND FINE ART
Great for web graphics. Small size but retains quality. Used in transparencies.
PNG
PRINT GRAPHICS
Large and uncompressed. Compatible in all Windows OS and programs. Also called raster or paint images.
BMP
Elements of Visual Design:
- Line
- Shape
- Value
- Texture
- Color
- Form
Describes shapes or outline
It can create texture and can be thick or thin. May be actual, implied, vertical, horizontal, diagonal or contour lines
Line
Usually a geometric area that stands out from the space next to or around it, or because of differences in value, color, or texture. Can be geometric or organic.
Shape
The degree of light and dark in a design. It is the contrast between black and white and all the tones in between.
Value
The way a surface feels or is perceived to feel. It is the illusion of the surface peaks and valleys, resulting in a feeling of smoothness or roughness in objects.
Texture
Determined by its hue (name of color), intensity (purity of the hue), and value (lightness and darkness of hue). May be used for emphasis or may elicit emotions from viewers.
Color
A figure having volume and thickness. An illusion of a 3-dimensional object can be implied with the use of light and shading. Can be viewed from many angles.
Form
Visual Design Principles:
- Consistency
- Center of Interest
- Balance
- Harmony
- Contrast
- Directional Movement
- Rhythm
- Perspective
- Dominance
___________ of margins, typeface, typestyle, and colors is necessary, especially in slide presentations or documents that are more than one page.
Consistency
An area that first attracts attention in a composition. This area is more important when compared to the other objects or elements in a composition. This can be done by contrast of values, more colors, and placement in the format.
Center of Interest
Visual equality in shape, form, value, color, etc. It can be symmetrical or asymmetrical.
Balance
The way the elements of art are arranged to create a feeling of stability.
Balance
The two sides of a work of art are not exactly the same but are still visually balanced.
Asymmetrical Balance (Informal balance)
Parts on both sides are the same.
Symmetrical Balance (Formal balance)
Occurs when a small area with bright/high-value colors is combined with a large area with a dark/low-value color.
Balance by value
Created through a field of complex composition with a flat field. Complex/more detailed field will appear in balance with the flat area in the opposite side.
Balance by shape
Small area with an interesting texture looks balanced when combined with a large flat area (no texture).
Balance by texture
Parts radiate from the center in all direction.
Radial balance
Brings together a composition with similar units.
Harmony
Shows the difference between shapes and can be used as a background to bring objects out and forward in a design. Can be used to create an area of emphasis
Contrast
Types of Contrast:
Contrast in size
Contrast in value
Contrast in quantity
Contrast in weight
Contrast in placement
A visual flow through the composition. Can be the suggestion of motion in a design as you move from object to object by way of placement and position.
Directional Movement
A movement in which some elements recur regularly. Like a dance, it will have a flow of objects that will seem to be like the beat of music.
Rhythm
Created through the arrangement of objects in two-dimensional space to look like they appear in real life.
It is a learned meaning of the relationship between different objects seen in space.
Perspective
Gives interest, counteracting confusion and monotony. Can be applied to one or more of the elements to give emphasis
Dominance
