What is Visual Literacy?

Originally defined by John Debes in 1969 as, "a group of vision competencies a human being can develop by seeing and at the same time having and integrating other sensory experiences", it has relevance in a wide range of disciplines including education, art history and criticism, rhetoric, semiotics, philosophy, information design, and graphic design, ect. To be visually literate is to be able to decode, judge, and create images by understanding their aesthetic properties, embedded meanings, and communicative properties.

For employees in the field of instructional technology, the ability to understand user interfaces, analyze the effectiveness of poster, presentation, and website design, and help students and instructors make the most out of multimedia tools is essential. In the past few years, it has become increasingly easy to integrate text, sound, graphics, and Web content into curriculum, and it is important to be able to provide support to instructors and students who have adopted such technology.

How to Master Visual Literacy

A straightforward way to get equipped with the knowledge necessary for dealing with multimedia communication tools is by understanding the basics of graphic design.

The Basics of Design
The Elements of Design are a set of techniques utilized by artists when presenting visual material. Organized via the Principles of Design, they form the concepts that govern the production of art. Careful management of these concepts is what constitutes effective design, and ensures that the idea is transmitted successfully between the designer and the viewer.

The Elements

Line

Line
Line is the path of a moving point. It can be either straight or curved. Lines define the edges of shapes and forms.This not only includes actual drawn lines, but also implied lines, or the way in which the eyes move through a composition. Lines are useful for a variety of purposes, from adding movement to defining space.

Color

Color
Color is the way light is reflected off a surface and includes a range of hues along a spectrum. Color has several important properties, including saturation and brightness. Careful control of color is an essential element for quality design; good use of color can increase visual interest and govern emphasis, inefficient use of color can be easily distracting.

Shape

Shape
Shape is an area enclosed by line. It is 2-dimensional and can be geometric (squares, circles, triangles, etc.) or organic (more free-form shapes). Shape is key to organization of a composition.

Form

Form
Forms are 3-Dimensional. They occupy space or give the illusion that they occupy the space. Actual form is only found in tangible art forms, such as sculpture. In two-dimensional design work, one uses tools like perspective and shading to create the illusion of form.

Value

Value
Value is the lightness or darkness of a surface. It is often referred to when shading but value is also important in the study of color. Value is an essential component of contrast. Lighter values of a color are known astints, while the darker values are shades.

Size

Size
Size refers to the amount of space that a line, shape, or form requires on the plane. A designer uses large sizes to make things appear near and of greater importance, and small sizes to make things appear far away or less important. This interplay is known as scale.

Texture

Texture
Texture can be either real or perceived. Tactile texture is how an artwork actually feels, while implied texture (more commonly found in 2-dimensional design) is how an artwork appears to feel.

The Principles

Balance

Balance
Balance is the concept of visual equilibrium, and relates to our physical sense of balance. It is a reconciliation of opposing forces in a composition that results in visual stability. Most successful compositions achieve balance in one of two ways: symmetrically or asymmetrically. Balance in a three dimensional object is easy to understand; if balance isn't achieved, the object tips over. To understand balance in a two dimensional composition, we must use our imaginations to carry this three dimensional analogy forward to the flat surface.

Proportion

Proportion
Proportion refers to the relative size and scale of the various elements in a design. The issue is therelationship between objects, or parts, of a whole. This means that it is necessary to discuss proportion in terms of the context or standard used to determine proportions. This is extremely important in typography.

Repetition

Repetition
Repetition with variation is interesting, without variation one runs the risk of monotony. In any case, repetition of visual motifs is a good way to make an idea "stick."

Contrast

Contrast
Contrast is the juxtaposition of opposing elements, such as opposite colors, contrast in tone or value, or contrast in direction. The major contrast in a design should be located at the center of emphasis. Too much contrast scattered throughout a design can destroy unity and make a work difficult to look at. Unless a feeling of chaos and confusion are what you are seeking, it is a good idea to carefully consider where to place your areas of maximum contrast.

Unity

Unity
Relating the elements to the idea being expressed in a design reinforces the principal of unity. For example, a design with an active aggressive subject would work better with a dominant oblique direction, course, rough texture, angular lines, whereas a quiet passive subject would benefit from horizontal lines, soft texture and less tonal contrast. Unity in a design also refers to the visual linking of various elements of the work.

Basics of Digital Image Manipulation
Text and image editors like the Adobe Creative Suite and Microsoft Office suite are the tools of visual design. In order to use these tools effectively, it is necessary to understand some basic information about working with text and image.

Types of Image Files
File format can be identified by the extension after the period at the end of the name of a file. There are two main file types that are important to understand and distinguish- raster and vector.

Raster Format
This format stores image data in the form of a grid of pixels. Each pixel is assigned a different color, and these pixels are arranged to create images. Common raster file types include JPEG, TIFF, RAW, PNG, GIF, PSD, and BMP.

Vector Format
Vector graphics work differently from raster graphics. The image data is stored geometrically as points, lines, curves, and shapes. These graphics are infinitely scaleable and do not lose quality when increased in size. Common vector file types include AI, SVG, and EPS. In most cases, raster images can be imbedded in vector graphics files.

Resolution
Every raster image has a resolution, which is the number of pixels per inch (ppi) (also often mistakenly referred to as dots per inch (dpi)). In general, 72 ppi images are intended for web, while 300 dpi images are ideal for print. Low-resolution images look unclear and pixilated when printed.

Image Editing Software
The industry standard for image editing software is the Adobe Creative Suite. Adobe CS includes Adobe Photoshop, a raster-based editor, Adobe Illustrator, a vector based editor, and web and animation tools as well. While in many cases these applications are the best for the job, there are great downloadable, free and open source alternatives- Inkscape for vectors and GIMP for raster based work.

Top | Back