Blog 5 - Working with Videos and Moving Images

For the first assignment this week, I created a 60s concept video that I really love. I took clips from my end of the year theater unit for the base of the video. I narrowed down 56 videos to just a few, then I took short, 5 second clips from each that highlighted the star in a favorable moment. Then I used to text to write a meaningful caption for each video, tying them together with the same verbal and conceptual theme. Finally, I selected music that would highlight the overall message of the video and tug on the heart strings. The result is a Save the Arts video that I am really proud of!

For the second activity I tried to do a story board for my MMP, but I ended up doing more of a map than a story map. My project is actually not a movie or website exactly, but is a series of Glogs embedded into my class wiki in order to further elucidate my first unit. What I've drawn below is a plan for the first two glogs that I planned to get done before the end of this class. The map basically outlines the multimodal components that I feel would best add to an understanding of our unit themes and connection concepts. I tried to use the same shapes and colors for different types of pieces, such as video, music, links, quotations, or text. In this way I focused on making sure that my glogs used a variety of modalities to try to reach out to my students and help them better understand our unit concepts. 

Take a look at my screencast for this week to see how the first map has come to life!

Blog #4 - Working With Digital Images

For the first activity I chose a variety of personal photos and tried some creative cropping. These are some of the my favorites :

It was an interesting process because I feel like I thought about cropping as a tool in a completely different way. Of course I've cropped photos before, but always to cut out unimportant things and to focus in on the people in the picture. In this exercise I tried to choose a focal point that might change the meaning of the picture as a whole, therefor making cropping more of a design tool. In the first photo above, I focused in on my engagement and wedding ring, which changes the emphasis of the photo from a vacation snapshot, to a romantic focus. In the second, the focus becomes something that could be an advertising shot. The third changes the focus from a group meeting, the the emotion of one participant. And the last switches focus away from people altogether to focus on something more timeless. Amazing how much you could get out of one picture!

In the second activity, I experimented with choosing colors from the original picture to create a layout. What I discovered as really interesting was that colors are made up of many tiny little colors. I tried to choose black, or green, and discovered that I was getting a subtle shade of that color. At first I was thrown by this, wanting to get more vibrant colors. But as I started to play around, the subtle shades actually helped create a unity in the layout that was soothing and peaceful. The color in the second one actually came from my skin tone!

The third activity I did had to do with using borders to help create a different feel in a picture. Often times in education you see layouts, websites, and presentations that are created using as much "fun" color as possible. I've come to see that this is not always the best design concept! From the exercise done below, I am really interested in using a variety of border shapes to emphasize images. You can see how each different shape changes the feeling that the image creates in the viewer. The soft, fuzzy borders of the first creates a dreamlike feeling, whereas the white, jagged border creates a more lighthearted feeling. I never thought of borders as just as important as the image itself before!

Design is more than just making the picture look nice. It's about using tools like cropping, a color palette, and    borders to create an image that does the job you want it to do. Using those tools helps the images to create the feeling you want them to create. The Design Basics Index states that "the rest of our color education happens on a more instinctual level during a life-time of observation, enjoyment, and hands-on practice" (Krause, 2004, p. 207). By allowing our instincts to help us use these tools, we can tap into the real benefits of design!

Blog #3 - Effective Design and Layout

The readings this week focused on a variety of facets of graphic design having to do with the components of a piece. One specifically was the typography of a design, which I think plays a huge role in the subliminal messages that go out to the reader. So I chose to complete the really interesting Word Portraits activity on page 241 of the Design Basics Index. The activity calls for us, as graphic design beginners, to think about the implications of meaning carried with each type of font. I chose two words that made cognitive sense with the implied meaning of the font, and one that is seemingly the opposite of that meaning. See what you think the overall implications are!

As you can see above, so much of what we expect from an advertisement or presentation rests, not on what the piece actually says, but on the font with which it is stated!  It is perfectly described in the first sentences of this chapter, which states that "Typefaces give voice to your words" (Krause, 2004, p. 231).  And they really do. As the chapter explains, this is indeed an art form that is seen everywhere, yet hardly ever gets credit for moving audiences. Imagine giving students a test in which all the questions were written in the Jokester font shown above. Students would understandably have trouble taking the questions seriously or focusing on the task at hand. Or imagine sending a quick email to your girlfriend written in the Chiller font shown above. Terrifying consequences!

For my second exercise, I chose the Corporate Compositions activity on page 143 of the Design Basics Index. The activity asks the reader to create a logo for one of several companies using shapes to create abstract mini compositions to convey meaning. Similar to the above exercise, this one has to do with implicit associations that the mind of the viewer has with color, line, style, and shapes. I chose to compose for the Holistic Medicine Center. These are my favorite ideas that I brainstormed. We were suppose to choose three, but I liked all of these for one reason or another.

I really enjoyed choosing soothing, natural looking colors and shapes that I think people associate strongly with Holistic medicine and healing centers. Choosing blues and greens I believe leads the viewer to think about nature, while choosing reds and blacks causes the viewer to make an association with Eastern Medicine of some kind. In the end I chose the design below because I think it also creates an unspoken feeling of light and growth, which people associate with getting better.

I refrained from adding text, as I do not think that is what this exercise was about. I liked what the author stated at the beginning of the shape workshop: "Cultures worldwide have long used basic shapes to formulate intricate and highly individualized visual dialects" (Krause, 2004, p. 125). This is, in the end, all about communication and we want to use all the tools at our disposal, not just text, to have the most meaningful and successful communication with our audience that is possible. Using font and shape design as seen above helps to reach out to those audiences and draw them into our meaning.

In working on this, I discovered that some graphic designers post their portfolios on Youtube to get attention from potential employers. I thought this was a really interesting combination of ideas that we've been talking about. Take a look at this sample below. The designer really illustrates some of the unique ideas we've read about in our texts having to do with use of space and size with shapes.

This really helps to highlight the idea that using font and shape design as seen above helps to reach out to those audiences and draw them into our meaning, whatever our purpose may be.

Mini Art School - Blog 2 - Intro to Rules of Design

After doing the readings for this week, I started thinking about all the websites people go to on a daily basis that are a pain to navigate. So I started asking around for what people felt were the worst. A friend of mine recommended that I check out Chud.com, which they said was great content-wise, but was visually very confusing and overwhelming. This is what the front page looks like :

And the page continues down below for quite a while with more links like you see at the bottom of the page. There are some good things about the design of this page but, according to the "Layout Sins" outlined in Chapter 4 of Golombisky and Hagen's "White Space is Not Your Enemy", but there are also a lot of  bad things.

1. The authors warn to avoid using things that blink constantly. Chud does have an animation that repeats in the box in the center of the page. It scrolls through options for movie reviews. Golombisky and Hagen recommend showing this sort of animation once and then ending it there, but Chud plays this animation the whole time you are on the page. On the plus side, the scrolling is slow and there are only three options, so it does not feel the same as incessant blinking, but this could have been avoided. 

2. Warped Photos:  Chud.com has no problem with this. Their photos are all movie photos and are scaled as they should be.

3. Naked Photos: The chapter mentions Naked Photos, meaning photos with undefined borders that blend into the background, as a design sin. In examining this website closely, you can see that they carefully do, as recommended by the authors, use hairline rules to border all their photos. They have even taken the time to do so with the series of small thumbnails near the top of the page. This helps to give the page a defined feel.

4. Bulky Borders and Boxes : Chud uses a variety of strategies for separating information. There are some borders, which are done as a film roll, so they conceptually make sense. In the list of links below, the borders are this lines, so there is no major offense in this category. However, I do feel that they do not use negative space to their advantage here.

5. Cheated Margins: This website is kind the outside margins of the page and do a great job in that regard. However, they do not seem to consider much the inset and offset margins around pictures and the inner columns of text. The negative space within the page is definitely cheated, which adds to that cluttered feeling.

6. Centering Everything: While there is a lot centered at the top of this design, the addition of 3 text columns does help to vary that for the viewer's eye.

7. 4 Corners and Clutter : Even though the outside margins of this page are nice and big, the rest of the page feel claustrophobic and cluttered. As Golombisky and Hagen indicate, "Good layout feng shui requires calming pools of negative space," which Chud.com is definitely lacking (Golombisky, p. 37, 2010).

8. Trapped Negative Space : There is no trapped negative space in this case, but that is because there isn't much negative space at all.

9. Busy Backgrounds: There is no background on the page itself, which is a plus. However the large focal title at the top, with its own reflection, feels a bit busy and overwhelming.

10. Tacky Type Emphasis: There is so much capitalization on this page that I feel I am being yelled at all the time. I think it would help to minimize some of it, especially in the article sections. Also, the entire page is reverse type, with white print on a black background. This feels difficult to read for the eye.

11. Bad Bullets: No bullets.

12. Widows and Orphans: I'm not sure if this qualifies exactly, but the far right column on this page continues far beyond the first and second columns, which leaves a huge awkward area of white spaces running down the page for a long time. This column could probably be unorphan-ed in some way.

13. Justified Rivers: Not a problem.


Overall, not horrible design, but this page could definitely be improved. The overall feeling it gives is one of clutter, shock, and overemphasis. It is definitely not a soothing or relaxing site to visit, which may influence web goers to subconsciously stay away!


I also completed the design exercise on page 71 of Design Basics by Jim Krause. I used the Paint program to create these, which is always my version of pencil and paper. In thinking about composition and shapes, I tried not to think at all, but to go with my natural inclination. And I found myself fighting the natural inclination to center and have symmetrical balance. Here's what my images looked like :

And after doing all of those, this is the one I came up with that I liked best composition-ally :

Part 3 :

I also worked on remodeling an old flier that I created this year to advertise a language arts help wiki that I created. I tried to improve it using the various principles of design we saw in the readings and on the websites for this week. First, I changed an All Caps font I used for the first 4 questions so as not to be using Tacky Type. Then, I eliminated a border box that I felt was unnecessary and tried to organize the negative space to do the same job. I also limited the variety of fonts to mostly one. I think the design is simpler now, though I may rework it again for compositional elements. :

 So far I am really enjoying learning about graphic design. I find that all the small tasks I perform as a teacher, making websites, creating assignment sheets, sending home fliers, could all be vastly improved by employing some of these strategies!