I think great design is kind of like Wonderland magic. Not only does it tell you what's the most important thing in a picture, it unifies disparate elements together. As you may recall from my last blog post,I have some design inspirations for my Wonderland Cafe project for EdTech 506: One of them is the checkerboard design.
It turns out that this design fits perfectly into this week's assignment, which deals with shapes. From our reading in "Creating Graphics for Learning and Performance," we learned that you can accomplish a lot with shapes.
The page that I created for this assignment is the opening graphic for my series of graphics. It explains the concept of Wonderland Cafe. My original description, which you can read here, was longer.
Internet cafes, or cybercafes, are places that have computers available, usually for a fee, that you can use to go online. Internet cafes can be set up in actual eating/drinking establishments, cruise ships, or other types of locations.
Wonderland - A fictional country
Wonderland Cafe - A fictional cafe that exists in the mind and on the web. A place that brings together the coolest stuff that geek culture has to offer.
How Shape Helps You Organize
However, I needed that description to be shorter. I created the opening graphic with this in mind. It condenses the three descriptions into one whole one. While I'll use the longer description on my website for this project, the condensed one makes sense for right now. I want people to be able to print off the materials that I make and put them into a book.
Here's the condensed version of those descriptions:
What is Wonderland Cafe?
It's fictional place that brings together the connectivity of the Internet cafe and the conversations of the roadside diner.
It's a simple explanation and a seemingly simple design. The checkerboard graphic make it easy to go with the basic square design, with the exception of the Alice graphic.
I explain in more detail below.
Among the elements that shape bring to this design are:
While there are other elements that shapes bring to a design project, it is with these three elements that I primarily worked this week.
The graphics below will help to explain my choices.
This graphic shows (hopefully) how I used an "L"-shape to organize the graphic. The purpose of this was to draw the eye to the large black shape, which should be the focal point for this Wonderland Cafe graphic since it's the explanation.
I further emphasized this element by using a cartoon graphic. In this case, I made an Alice graphic from some public domain images. Alice is the work of Sir John Tenniel.The cup came from a site called OpenClipArt.org.Alice's finger points to the description, again drawing the eye toward that element.
Using Color With Shape to Unify
This provides further organization and unity due to the black and white colors of each. I know that we haven't discussed colors yet, but I know from my work in design that color can and should be a unifier.
And speaking of color, the pink graphic at the top does two things. The pink draws your eye to that area, because it's the only actual color as opposed to neutral element on the page. This element, because of its placement also establishes hierarchy. Hierarchy is another way of showing you what you should look at.
Despite the fact that this graphic looks simple and the fact that I knew going in sort of what it was supposed to look like, it took longer than I expected to create it. I did quite a bit of re-arranging until this graphic finally emerged.
Lohr, L. (2003). Creating graphics for learning and performance: Lessons in visual literacy. Upper Saddle River, NJ: Merrill.
Standard 1: Content Knowledge Standard 3: Learning Environments Standard 4: Professional Knowledge and Skills Standard 5: Research