Friday, May 4, 2012

The final project for this class was to help our fellow students in an instructional design class by designing visuals for them to help them with a project they were working on with the local HARTS thermal shelter. The group I was working with was assigned to help at the Catholic Campus Ministry building. We had to create various signs and posters for them and the following images are what we made upon the group's request.
This poster was made for the lead volunteers to use to sign in during their visit. I was asked to create this poster and make it 17 x 11 inches. I based the design off of the CCM logo that I place in the top corner. Since the ministry's colors are purple and yellow I used those on the rest of the page. I continued the lines of the cross on the top and left side of the page to make a border to contain the information. I wanted to keep the design simple and use a lot of white space so that the information would be clearly visible and legible. This sign will be placed in the CCM building and used while HARTS uses the building. The purpose and the audience of this poster are clearly visible and stated. The poster is simple and there are no distracting elements and I think overall it is an effective poster.
The next poster we were asked to create was a floor plan of the building. We took a map that was on the HARTS website and edited it and changed it to fit the needs and requirements for this project. We wanted to make the rooms clearly visible and easy to find. We also wanted to clearly show which rooms were off limits so we filled them in with blue to make it stand out. We clearly stated the heading and each room name so that viewers could understand the purpose of the poster and we also put a key at the bottom for the off limits rooms. Since the HARTS organization has a lot of new people at new locations, we wanted to give these volunteers a clear guide to the building that they would be able to easily understand.
For the next sign, we were asked to create a map that clearly shows the emergency exits and fire extinguisher in case of any emergencies. This map is really important and needs to be easily readable for all viewers so that they can quickly locate the emergency exits and fire extinguishers without any confusion. We used the same simple map that we used in the previous poster to also minimize any confusion since the users would be familiar with it. We used dotted red lines to show the emergency exits to make it very prominent and we used little blue circles to show the locations of all the fire extinguishers. We added a key at the bottom of the page so the volunteers could understand exactly what each element is for and we placed emergency contact information at the top to make the numbers easily acessible to them. I think this map effectively shows it purpose and includes all the necessary components to make it logical for the viewers.
The final poster we were asked to make was for the locations of the appliances in the kitchen. I created this poster by sectioning off the kitchen from the previous map and enlarging it. I wanted to make it consistent with the other posters so I continued to use the red font and big red arrows to make everything clearly visible for the volunteers. The volunteers should not have to spend a lot of time trying to find all the appliances so we made it simple and everything clearly stated. This image will also be included in the HARTS volunteer manual to use as needed. We kept the words outside of the map so that the volunteers would be able to easily locate each appliance. I think this poster does and effective job at achieving its purpose.




Tuesday, April 10, 2012

Practice with Photoshop: Shapes

For this assignment we were given the following instructions:

After given the above instructions I created the following images. 
1. For this images I started off with the shape of a sun. For the edited shape, I copied the sun multiple times and gave each one a different color to add a cool effect to the shape.
2. For the second image I started with a plain black butterfly. I then edited in photoshop, using different shades of blue to create a gradient that I filled in the butterfly with. I then added the stain glass filter to add to the effect.
3. In order to demonstrate the use of different styles in photoshop, I used an image of a crescent moon. I started with a black moon and then changed the color and style. I gave it a grey color and added the style called "wind".
4. For the final image I used a heart and then selected the inverse and added and image of a flower field into it. 

Icons and Supporting Elements: Infographic of Conceptual Framework

For this image we were given the following assignment: 

Your challenge is to apply what you have learned about designing visuals for learning, and about creating icons, connection, alignment and priority, to design a solution for students.
Choose a final format (ex. poster, flyer...) for your work. Consider where your final work will appear and how it will be shared with students. Making this framework visible in classrooms is a good thing and the College would like to be transparent in sharing our conceptual understanding with students in this way.
Create visual icons that represent the competencies in the COE conceptual framework. Convey a simple, visual message (using icons) about each competency so that students may easily recognize, recall and describe each competency.
Later, use “supporting elements” to quietly enforce your message and theme.

After given this assignment, me and partner brainstormed ways to effectively demonstrate the content that needed to go on the poster. We wanted to show how each of the concepts to be understood need to work together as building blocks for effective teaching. After thinking of this, we created a building block for each of the different concepts and stacked them on top of each other to show how they all work together. We incorporate the colors of the College of Education (blue and white) along with the colors of James Madison University (purple and gold) and also combined the color combinations by adding some of the gold to the blocks.

While creating this poster we were able to keep Krause's advice for creating icons in mind
- "As designers, it's important to understand the power and influence that well designed and properly presented images can have on their human audience: we ought to take seriously - and learn well - the knack of their creation."
- Give the elements "the recognition they deserve and treating them as the potentially powerful building, binding and theme-setting agents that they are. And while the casual observer might miss the subtleties of a supporting background or bordering element, designers ought to keep a sharp eye out for examples of their use - both successful and otherwise."

After reading the information provided from Krause, my partner and I put a lot of thought into the creation of each symbol. We wanted to make sure that each image effectively and clearly demonstrated the concept it was resembling. We kept a consistency to the "cartoonish" feel of each icon and kept them all within the same color range. Here is our final project:


Gestalt

For this assignment we were asked to create four posters resembling for different words: Closure, Proximity, Similarity, and Continuity. We had to use different shapes to create each poster and they had to be in black and white. Each of the terms were defined as follows by Gestalt:

- Closure: We attach meaning to visual displays.
- Proximity: We group things that are physically close to one another, in a meaningful way.
- Similarity: We group similar objects together in a meaningful way.
- Continuity: We look for unity in objects.

Gestalts main concept is that "The whole is greater than the sum of the parts". While creating these posters I was able to demonstrate Gestalt's theory by evaluating the components that you create, both by themselves and within the context of the layouts in which they are appearing. Three things I focused on while creating the posters were:

Connotation
Does the visual style of this component tie in with the theme it ought to convey? Is every sub-component within the element working toward the same thematic goal? Would if be helpful to show the logo or compositional element to others in order to find out if they perceive it the same way as you?

All of the posters I created effectively demonstrated the connotations of the words they were representing. I was able to use different black and white shapes to demonstrate each word. For the Closure poster, all of the elements are working together to create the same thematic goal: the appearance of the white circle. All of the elements in the Proximity poster are working together to demonstrate the word because if one was missing, the connotation would not be understand because there would be no clearly defined grouping arrangement. For the Similarity poster I was able to demonstrate the connotation of this word by arranging multiple small shapes, into one large image of that shape. This shows how you can group similar objects together in a meaningful way. For the continuity poster I was able to use two different shapes, a circle and a rectangle to demonstrate the connotation of the word. The human eye is able to connect the rectangle on all sides of the triangle by seeing the unity in the objects.

Attributes
Are you satisfied with the visual weight, structure, color and presentation style of the logo or graphic element? Do the elements stand out clearly and are they in thematic agreement with the backdrop? Will the color scheme of each element fit in well with the scheme of the larger layout in which they are placed? Are the elements intended for broad use (i.e., a logo?) If so, have they been designed in such a way that they can be presented in a wide variety of sizes and displayed in various sorts of media?

When creating all of my posters, I kept the above question about attributes in mind. In this case, there wasn't much attributes to change for each poster since they all had to be in black and white. I mainly focused on the visual weight and size of each of the shapes I used. I made sure they were all equally sized to the other shapes so that the grouping and arrangement would be obvious. They are all able to effectively stand out on the back drop because of the great amount of contrast between black and white. All of these posters were designed so that they can be presented in a different variety of sizes or colors if one wished to do so.

Placement
Should this component be given a starring or a supporting role within the layout? Should it call attention to itself or go virtually unnoticed? What sort of placement should this graphic element be given within composition? Should it's edges align with other elements with the layout?

Placement was one of, if not the most important things to thing about while creating these posters. All of the words were demonstrated with shapes and the connotations of these words could only be understand through appropriate alignment and arrangement of the shapes. Each of the shapes in each poster were placed in that position with purpose. Each of the edges had to line up with one another and although this was on purpose, it should go unnoticed. By this I mean that the viewer should be able to see that white circle in the closure poster without noticing that it was created by what was missing from the black squares.

I think this poster effectively exemplifies the connotation of closure. I was able to use for black squares, missing the inner bottom corners, to create a white circle with the blank space.

This poster effectively demonstrates the connotation of proximity. I create two different groupings of a + sign to show the difference of grouping things close together as opposed to farther apart. Both use the same image to show how proximity differs.

This poster appropriately demonstrates the connotation of Similarity. I used to different groupings of small shapes to create a large image of the shape. In the first grouping, I used lots of small triangles and arranged them to appear as one large triangle. For the second grouping, I used lots of small circles and arranged them to appear as one large circle.

This poster effectively demonstrates the connotation of Continuity. I was able to use a circle and a  rectangle to create this poster. Even though one half of the rectangle is underneath one side of the circle it appears as though the rectangle is continuous through the entire circle's edge.

Special Topics Presentation


For this assignment we were to work with a partner to present our assigned topic using text and relevant visuals at your computer station area, as people walk around to see your work. Include the following:
 - Topic or genre name, A thematic design that clearly reflects the nature of the visuals/visual genre described in your article, key words in a font and style that reflect the nature, purpose, impact and significance of the genre
We were also asked to incorporate 10 high-quality visuals that exemplify the genre or topic, and state briefly why they do in a caption near each visual. Avoid using the same imagery that is already displayed in the article. Instead locate other works to create your own.

The topic we received was politics, specifically an article on Palin. A link to the article can be found here: http://www.ohio.edu/visualliteracy/JVL_ISSUE_ARCHIVES/JVL29%281%29/29_1_FlowerYoung.pdf

 Summary of the article:
This article was all about how the depiction of Sarah Palin as a political parody affected her campaign. Saturday Night Live is infamous for impersonating political figures and shining a closer light on the things that they say. In Sarah Palin’s case, it was obvious right away that Tina Fey would be able to do a pretty close impression, because their looks were so similar already. With a few key changes, SNL staff was able to transform Fey into an over exaggerated version of Palin, at times saying the exact words that she had said in some of her interviews, but using hand gestures, exaggeration and comedic timing to turn her words into pure humor. Ratings sky rocketed for SNL, and everyone wanted to see Fey’s impersonation. Our project depicts some of the key elements that went into turning Fey into Palin, as well as how this has also happened to other political figures. We also ask the question, will political parody continue to affect politicians?

After receiving the above assignment and summarizing the article, me and my partner created the following presentation: 















Thursday, April 5, 2012

Today in class we learned about the different effects of primary, secondary, and complementary colors. We were asked to create a poster using two of the different color schemes for an upcoming project. Before creating these posters, we learned some important things about the effects of the different colors from Krause.

"Creating harmonious and effective combinations of color is a matter of instinct (honed through practice and observation), awareness of trends, and understanding of color theory basics."


Primary Colors
The primary colors - blue, red, and yellow - occupy the three foundational spokes of the color wheel. Other colors are created through blends of the primary colors.

Secondary Colors
The secondary colors, orange, green, and violet, are positioned halfway between each of the three primary colors.

Complementary Colors
Complementary colors are those that are direct opposite on the color wheel. Violet and yellow, for example.

In the first image, I used complementary colors to create the poster. In the second image I used the primary colors Red, Yellow, and Blue to create the poster.



Tuesday, February 28, 2012

Emphasis

For this assignment we were asked to choose an image and pick one aspect of the image to emphasize using color or value. I found this image of a little girl and was immediately captivated by the color of her eyes and lips. I knew right away that I wanted to emphasize them.

Orginal Image:
After Emphasizing:

I worked in photoshop to edit this image. I decided to use color and value when editing this picture. As our book states, Color is an extremely effective tool when it comes to making one element stand out above others and value (the relative light-to-dark measure of a specific hure) can also be used to bring notice to one element above others. I made the entire photo black and white except for her eyes and lips, I think this really makes the colors pop.