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 |
| |
Color |
| |
Shape |
| |
Form |
| |
Value |
| |
Size |
| |
Texture |
The Principles
| |
Balance |
| Proportion |
|
Repetition |
|
| |
Contrast |
| |
Unity |
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.
