Page Layout and Design

This section highlights my skills in page layout and design. These pieces integrate visual literacy with effective instructional design. Principles of design tools, actions, and perceptions have been utilized throughout the projects. Tools such as color and shape are used as the foundation of these pieces. Actions include the use of contrast, repetition, alignment, and proximity. Tools and actions create perceptions, such as figure/ground, hierarchy, and gestalt. Click on the thumbnails to open PDF versions of the projects.

Graphic Instructional Resources Portfolio Synopsis

This document provides an overview of the graphic instructional resources projects I completed during the fall of 2005. These projects demonstrate competency using software programs such as Macromedia Fireworks, Adobe Photoshop, and PowerPoint. The three projects are also listed below. They reflect the theme of radiation biology and are part of a curriculum for high school students that I worked on developing for NASA.

Information Design: Radiation Biology

The Radiation Biology information design project presents a large amount of complex information. This document is intended to illustrate and describe two concepts: the types of cosmic radiation and the known effects of radiation on astronauts' bodies. This document is part of NASA's radiation biology curriculum and will be used by high school biology teachers to learn about the physics and biology concepts. Teachers may also use it as an introduction to the radiation biology unit with their high school students.

Job Aid: Extracting DNA from a Strawberry

The Extracting DNA from a Strawberry job aid guides high school students in an experiment to isolate DNA. This is a component of NASA’s Radiation Biology high school curriculum. It is designed to be used in the classroom under a teacher’s supervision. In seven simple steps, using materials that are readily available to teachers, students isolate visible strands of DNA from the strawberries. Once the DNA is isolated, it can be used for experimentation.

Website: ABC Incorporated

This website was created as part of a project for a systematic instructional design course. It accompanies a guide to using a template to create design documents. This site includes alignment and contrast concepts, while employing repetition of colors and text. This site also includes an example of a "click and show" interaction, one of the elearning interactive elements described in the design document template itself.

Website: Photo Gallery

I created this website to demonstrate how a photo gallery could be used for educational purposes. The fake organization, the California Wildflower Society, aims to educate the public about different types of local wildflowers. Each image is clickable and demonstrates a closer view of the flower. These flowers are common wildflowers within the state of California.

Website: Shopping

I created this website as part of a web design class. The assignment was to create a fictional shopping website. I chose the subject of socks. This page illustrates some of the graphic design principles of figure/ground and hierarchy. It also illustrates contrast and repetition. This image does not link to a functioning website; it is presented here solely for layout/design purposes.