Typography

Typography utilizes a word or series of words to create meaning by the way that they are presented. I have created two examples, one simple and the other more complex. They each serve to show an overall theme of typography. Information about each image is listed below.

This image is simple and obvious. The way that the word "falling" was arranged with the rest of the image creates an essence of the meaning, moving downward due to gravity. The brown box is an extremely simple interpretation of a cliff and the rest of the background represents the sky. The spacing and direction of text creates the meaning for the image. All pieces of the image contribute to the clearly fulfilling the overall goal, to portray the idea of falling. The audience is really anyone who is interested in a visual representation of the word falling. The purpose here is to convey meaning or maybe even teach. This image could be on the wall of a young student's classroom to help him/her learn meanings of words. The effectiveness of this image can be determined by the purpose. It is a well created image, yet is very simple. It broadly characterizes the idea of typography.

This image is much less simple yet still quite obvious. If a person was simply given these words in a long column list they would more than likely still be able to determine what they all related back to. In this form however you may not even have to read the words and your eyes may not even focus on the words and instead focus on the colors and shapes that are created. The image clearly portrays a car. Each word listed within the car can be connected in some way with this idea. Without any of the pieces a large white space would seem evident. Each word was chosen and inserted purposefully. There are words included that relate exactly to what the represent for example, "tire" and "rim." Other are more broad terms that relate to the piece as a whole like, "speed" and "transportation." However each of these words plays an important role in conveying the overall idea of a car. Different audiences may see different things. A car enthusiast may see a specific make or model car but a young child may not know all of the words and rely on the outline to figure out what the images purpose is. Regardless of the perception most any audience is going to recognize the main idea of the image. The alignment and location of components within the image are key here. Without the transformations to words the concept could not have been completed. The colors also play a part in the concept. Each word is written in the color that that aspect of the car would be for example, the tire is written in black and the body of the car blue. This contrast helps make the car design obvious. Overall this image was a success. The image is clear and everything in the image is relevant and necessary.

HARTS Visuals

A major portion of this class is to help our colleagues in an instructional design class by designing visuals that correspond with a project that they are doing with a local thermal shelter, HARTS. The group I am working with is working to help at a Catholic Campus Ministry building. The following visuals were requested by the group and deemed important visuals for the location. Decisions were made intentionally and are explained below each image.

This is a sign that is designed to be 17 inches wide by 11 inches tall. The colors were selected due to the colors of the CCM site. The corner houses a small version of the CCM logo. The lead volunteer, as noted in the first line, will fill in the sign and hang it on the wall during their visit. There needed to be white space in order for it to be clear after the person writes on it. The entire sign is clearly working toward a goal of gaining/providing information. There are no distracting aspects to the sign so the information can be read quickly. The audience is clear as well, in fact it is listed at the top of the sign. It will be placed in the CCM building and be used during the HARTS time using the building. The location of the sign will make it obvious who the audience is. Along these same lines the purpose is evident. The blanks on the page make the purpose front and center. The information that is needed is front and center. The colors are not distracting and the placement around the page all makes sense. The words are grouped together in the column to create an obvious flow. The information is presented in descending order of importance. Overall the image is effective and clear in its goal and design.

This image is a simple floor plan of the site. We utilized a more complex map that was on the HARTS website and edited it to our needs. We created blue space that represents off limits areas. This selection of color is important because the brighter blue makes those areas stand apart from the other areas. Anyone looking at this map can clearly see that the blue areas mean something and the key can be utilized to figure out exactly what they mean. The title creates clarity in what the viewer is looking at as well as the key. The smaller headings within the map give titles to each important room. The audience will be anyone using the manual that these images are located in. With very little background information the use of this map is discovered. The HARTS organization welcomes new people to new locations on a regular basis. This map will serve as a guide to those new guests and volunteers. The design elements were chosen purposefully. The blue was chosen because it stands out and is does not cumbersome to look at. The location of the key makes sense there as many maps locate their keys in a similar location. The headings are placed in the center of the rooms they are describing to prevent confusion. The map also needed to be kept simple so that it can be utilized quickly and without being confusing. The team as well as the site themselves wanted a simple map not something that was multicolored, artsy, and craftily designed. So, as a team we have created something that they will be able to use and follows the guidelines that we were given.

This image is a close up map of the kitchen which is located at the CCM HARTS site. The kitchen is an important and somewhat confusing location at this site. Some of the appliances look similar and a map of the kitchen can help solve that issue. The volunteers and guests should not have to spend a lot of time looking for what they need. To create this image the HARTS website map was cropped, edited, and simplified. Arrows and labels were added to create an obvious description of where appliances are located. This image will also be included in the manual for the HARTS volunteers and guests to utilize as needed. The purpose and audience is v\clear due to the nature of the image, a map. The goal here was to create something that would simply show locations. There was no need to any fancy or in depth design. the request was clear and the purpose is simple. The locations of the arrows and the labels are relevant because they need to show the general location of the object. The arrows are short so that they are not distracting and make a clear point. The words are, for the most part, located outside of the actual map. This was done in order keep the image simple and avoids any confusion about locations. Overall this image does the job that it needs to do. As long as the site does not do much rearranging this map will stay effective and relevant.

This image is more than the simple floor plan seen above, however it was created using the same HARTS map and by removing unnecessary pieces and adding in the needs of the CCM site. Dotted lines were added to represent where people should go in case of emergency. The exits are clearly labeled as well as the locations of five different fire extinguishers. The extinguishers are represented by small blue dots. Also in the image is a key and the numbers where important people can be reached in case something happens. There is an emergency as well as a non-emergency number listed. This too will be presented in the manual that is being designed for the site. After looking over the make there is one clear message, fire safety. All pieces of the image relate back to this single goal. The audience is anyone that might be in attendance at the CCM HARTS site. When the people need to know where to go or where to find a fire extinguisher they can easily look at this map and find out what to do. This map is however located in a manual so it might be more useful it is memorized when first looking through the manual as there may not be time to consult the pages in the event of an emergency. The colors in the design were purposeful. In general red has an fast important connotation. The blue is very different from the red and cuts down on any confusion. Without the key a viewer could probably tell exactly what the colors and shapes represent. Once again the design is very simple because of the sites request. It is even more important in this case as the viewer may not have much time to use the resource. It needed to be easily remembered. This map is greatly effective in its purpose and in its design. All necessary aspects are included in a logical location in logical colors.

Color

Today in class we made an attempt at combining two projects. We began with an image that we need to make in order to help our colleagues in the Instructional Design class and implemented colors to create a more effective or more appealing visual. My group is working with the CCM site. One of the more simple images that is needed is a sign with information about the main contact of the CCM house, Father Jim Curran. Each image was created and edited with photoshop. The initial image was a simple black background with all black text. Here are two of the options after color was added.

Primary Colors:

This image uses only the three primary colors, blue, yellow, and red. I had to adjust the brightness of the red so that it would still be readable on the blue background. The blue allowed the sign to be readable as the other two color options were extremely bright and tough on the eyes. This combination and placement of colors was determined after several tries with using different colors in different areas.

Secondary Colors:

This image uses only the three secondary colors, green, violet, and orange. This placement was easier to determine than the first as it seemed more obvious as I worked because I had already had the experience with the first sign. I did not want lots of orange with the green because I felt it would have too much of a Halloween feel. I think that this selection of colors worked out for me in the end.

I personally prefer the first example over the second. I do however enjoy what I learned through the color exercise. I believe that the grouping of colors, whether primary, secondary, or complimentary, is a valuable tool in visual designs. These images may not be exactly what is needed at the site but the lesson and experimentation with colors was still effective.

Having these color palates allows the image to really stick together and work toward a single unique goal. In this case its goal is to provide information to its viewer. The placement also promotes this theme as all the information in the image is centered on the page, except for the not at the bottom which stands out due to the change in color. Some sort of stroke or shadow could have been placed on the words to allow them to pop away from the background a little but overall the pages are definitely still readable and ascetically pleasing.