Mini Art School #4 Multimodality and Storyboarding

For this weeks art school, I mapped out how I want my multimedia project to look using story boarding. Each new box of the story board is a page on the website. I want to use Blendspace as a homepage from which students can access different pages and links they need to work throughout the unit. Blendspace allows teachers to put all of their links in one place and make it easy for students to access them. From here, there will be five main pages linked (Introduction, Digital Tools Tutorials, Readings and Videos, Samples of Previous Student’s Work and Discussion Boards), as well as a welcome video. They will be linked through individual boxes in a circular design that goes in counter-clockwise order in terms of chronology of student need.

By spreading out information on these different pages I hope to avoid clutter and unnecessary components in my design. I hope to make use of icons and images to direct students to where they need to go. I also want to use a number of charts and boxes to keep information organized and easy to read for students. By spacing the boxes out evenly I will create symmetry in the design.  Chunking the information and minimizing the amount of text on the page will prevent students from feeling overwhelmed by the webpage. My goal was to make it as accessible as possible to them. Sorry for the poor image quality!IMG_20160226_181547030

Here is my video for demonstrating and reflecting on the concept of multimodality as an educator. I tried to have fun making it and to include examples that illustrate the ways in which information can be communicated through many forms. I had some trouble with the audio, but I still like the way it came out. I hope you enjoy it!

 

 

Advertisements

Mini Art School #3: Cropping and Colors

For my first lesson in mini art school this week, I practiced cropping photos to change their meaning and overall impact.  I dug through the memory card on my digital camera and pulled out pictures from Grounds for Sculpture, The Metropolitan Museum of Art and a few from my uncle’s birthday. I knew I wanted to use images from my camera because they are high resolution images and therefore less likely to get pixelated when doing very close crops, like the one below.  I experimented with making very radical changes to change the composition of the photos.

DSC00086

 

As you can see, zoomed in so that the only subject in the photo is the peacock. I cut out all of the background and eliminated the sculpture on the right hand side of the photo. As a result, the focal point of the photo becomes the bird itself, with its feathers serving as a beautiful textured background. I also played with the hues of the photo to bring out more of DSC00086the green in the bird’s feathers. Whereas the original photo was cluttered and contained a lot of unnecessary details, the edit creates a pattern for the idea to easily follow.

I also played around with photos to try to give them a different meaning. Changing the focus of an image can send a different message to the viewer. Think of an image of a bee pollinating a flower. Zoomed out, our focus is the flower and the bee, but zooming in lets the viewer know that the photographer wants them to think about the bee. I tried to achieved that effect with this next photo:

DSCN1532 DSCN1532

I hoped that the cropping would change it from simply a photo of a statue, to a more honorable and dignified portrayal or the sphinx. Since the cropping no longer allows you to see how close to the floor it is, it is up to the viewers’ imaginations. I also wanted the viewer to contemplate what he is thinking. I’m still not sure if I achieved the effect I wanted here. Let me know!

DSC00150

I also cleared the clutter of my niece’s head jumping into this photo. She loves to be in the middle of the action, and sometimes this means photos too. Although initially I did not think this was a good enough reason to edit the photo for the purposes of “art”, I really liked how the final product came out.

DSC00150 The cropping created a nice frame for the image, guiding the eye from my uncle, to his cake and then the flowers. Lowering the brightness of the photo also made it easier to see all the subjects in it. I think that there is a nice balance of negative space that makes it aesthetically pleasing in a way that I didn’t really expect it to. Some other examples of my cropping experiments are below. I was definitely surprised by how removing clutter from a photo can make it so much more appealing. I was also surprised by how zooming in and cutting out certain parts of photographs can create an entirely new and unrecognizable image. I used to avoid cropping photos because I thought it looked tacky if I had to change the dimensions of it. Now I see that this is not the case, and some really great images can come out of cropping.

DSCN1576 DSCN1576

DSCN1593 DSCN1593

For activity number two, I chose the color echo exercise, and inspired by the bowl of sweet lemon drops, I chose a cupcake as my digital image! In studying the basic design principles, I’ve come to realize that so many of these principles are intertwined with each other. Unity in an image can come through textures, patterns, text, or in this case colors. You can begin with a photo in mind and build an image around it, simultaneously creating the focus of your design and unifying it with the whole.

cupcake edit 1  cupcake edit 2

cupcake edit 3

I thought it would be a good idea to use the color of the cake in the middle because it’s such a small part of the cupcake and I felt like more blue or pink would overwhelm the image. I think it’s definitely my favorite color as the background. Usually I find graphic design to be tedious and difficult, but using a color palette that was already in the image made it a lot easier.

 

Lastly, I decided to do the painting activity in order to experiment with mixing colors. Originally I had filmed myself doing this, only to realize upon finishing that my camera died somewhere along the way. So, you get the boring text and pictures version. Sorry!

I decided that my canvas would be an old tea tray that I started as a painting project and got as far as giving it a purple background. The book suggested I go to a park to paint, but it’s thirty degrees outside, so I passed on that suggestion. I set up on the floor, pulled out all my old paints and brushes and got right to mixing. IMG_20160219_162716196

Things got messy pretty quickly. I kept the white and black paints on hand for making shades darker or lighter. This is the end result:

IMG_20160219_162721740

I found a lot of color combinations that I did not think would look good, but actually came out nicely. For example, I was hesitant to add that lime green tree in the middle, but I think it goes well with the black and blue on the left. I also really liked the shades of red and pink working together on the right side of the canvas. Although the end product is a little bit overwhelming, I think I learned a lot just from playing around with different colors and mixing paints.

 

Mini Art School #2: Fonts and Photos

fonts1

The font activity was a fun way to find some fonts I might be interested in using as a part of my future web designs and think about what kind of message they portray. In thinking about typography, we rarely consider the voice that a font carries with it. I found myself gravitating towards novelty fonts that have a strong and unique voice to them for this activity. One font reminded me of the movies, while another resembled a graffiti tag. In searching through the options on http://www.dafont.com, I chose the ones that stood out to me the most and added them to Microsoft Word. Next came deciding what words I would pair with them. The exercise called for words that exemplified the meaning of the font, and those that contradict it. This created some interesting juxtapositions. For the carefully executed cursive font I used “Perfection” contrasted with “Vomit”. Later, the squished and slightly illegible script was consequently described as hurried instead. It is interesting have even though they are the same form of writing, they give off very different impressions and voices. The rushed Mistral font voices its urgency while neglecting clarity. The fun, happy “Maybe, Maybe not” font would not be used to send a serious message.

fonts2

All of these influences are considerations that need to be taken into account in the process of information design using fonts.

For my second choice of activity, I accessed the Library of Congress Prints & Photographs Reading Room in search of some photographs that really catch my eye. The first photograph I chose came from the Carol M. Highsmith collection. SoldiersPhoto

I was drawn to it at first, admittedly because I wasn’t sure if the figures in the photo were real people or not. Upon closer inspection, they are lifelike sculptures in a memorial setting. The photographer uses principle of movement to draw the eye through sculptures almost like a funnel towards the American flag, which serves as the focal point and a contrast of color against the white and gray background. The image achieves balance through the weight of the flag’s color  with the visual weight of the nearest sculpture in the foreground.

RainbowKandellSikkimCollection

This second image from the Kandell Sikkim Collection caught my eye because of the colors. Although the entire image seems foggy, the rainbow is very clearly the focal point against an otherwise muted background. Although there does seem to be a lot of negative space in the photo, it is divided horizontally into dark and light, with lighter tones of color toward the bottom of the frame.Having these different values hold’s the viewers interest. Although it is a very simple photograph, I think that it holds up to many of the design principles we are studying.

MardisGrasPhoto

The last photo I chose is anything but simple. I found myself returning to the Carol M. Highsmith Collection to pick out this bright photograph, which contains a number of colors and other visual elements. The curved bright blue line over the parade float guides the viewer’s eye horizontally across the visual plane. It is hard to figure out the focal point of this image. My eye goes immediately toward the giant head on the float, then next to the paraders in their bright blue outfits. It feels like every time I look at this photo I see something new! Even so, all the elements within the photo work together in unity to create the theme of a fun Mardi Gras parade.

I think that in examining these photographs I have learned more about the principles of design that make an image visually appealing. Being able to look at photographs from a technical perspective rather than simply for enjoyment gave me a practical understanding of the visual design principles we’ve been studying.

Mini Art School #1

I found this magazine ad for the Nike 123 marathoner shoe online, and I was immediately drawn to its bright colors. As someone who loves running and buying new shoes, I decided that this would be the advertisement I would use to help me think about design principles.

nike123marathoner

Although the rules of design dictate that the use of too many colors can clutter an image and make it appear too busy, I think that in this case, Nike’s use of color creates a feeling of excitement and energy and the solid black background prevents the image from being overwhelming to the viewer.

It also combats over-stimulation by keeping the font face the same throughout the entire ad. It uses a playful bubble-lettered font that is easy to read and meshes well with the other curved lines and circular shapes throughout the shoe.

At first, it seems like the advertisement does not adhere to the principle of uneven spacing, placing the shoe directly in the middle of the frame. However, upon closer inspection, the splash of color in the bottom left corner creates an off-center balance to the piece that adds visual interest and does give a sense of creativity to the whole ad ( Krause 19).

In addition, the design uses repetition to create calm and harmony, even in a very bright and in your face image. The repeating colors of green, pink and blue guide the eye through different parts of the advertisement and make it easy on our brains. The only color that may seem out of place is the purple Nike logo. However, it is clearly meant to stand out right in the middle of the frame and remind us of who’s selling this shoe.

Furthermore, it reminds us what the product exactly is several times through subtle theme and grouping techniques. The shoe is called the 123 marathoner. We see these numbers in written and numerical form inside the shape of a shoe, and we’re reminded that it “breaks tape” in April 2011. By creating a theme of these three numbers associated with running, it reinforces the idea that if you’re a runner, this is the shoe for you. Another design principle, used primarily by websites, is that the goal or message of the site should be clear. In the case of this advertisement, the goal smacks you right in the face with a giant silhouette of a shoe that you should most definitely buy. However, the details are a bit more elusive. It is up to the viewer to determine from visual clues that this is a running shoe, and that it is meant for long distance running.

The presentation is decisive, placing the shoe in the center of a large empty space focalizes the attention towards it. It takes into account not only color but the values of color weighted up against each other, using the contrast of bright versus dark to draw attention. Overall, the advertisement implements a number of design rules and strategies to create a compelling graphic design with a strong message.

Going to School

My own pursuit of using the principles of design for the purposes of message design turned out to be a lot of fun. At first it was a little bit frustrating to work with digital tools to work my designs, but after a while I became more confident using Canva, an online graphic design tool to create my very own music festival poster. I chose this exercise because it requires a lot of work with colors. It’s a fun audience and my biggest goal was to create a visually interesting piece.

As you can see, I got more confident towards the end and decided to use an entire photo in my design. I did my best to keep the color scheme within the same grouping for each poster. However, I think my favorite piece is still the first poster I did because of it’s simplicity. I think the spacing makes it less crammed and more easy to read. It keeps the focus on the information itself, rather than the visuals surrounding it. I tried to use the Nike ad as inspiration and use a color pop for the music festival logo.

I also chose to redo a recruitment banner I designed for my fraternity, after concluding that it was just way too busy. The new design simplifies the entire banner and makes it easier to read. It also makes use of white space, a principle emphasized by Margaret Kiernan in her interview with our professor. However, it maintains visual interest by making the background a deep purple color. I think that the changes make it more accessible to the viewer and make better use of the visual space.

banner redo

The new product gets the message of the banner across more quickly and also makes it easier to read by limiting the number of fonts in the piece. A passerby would be more likely to remember the information and webpages without the overcrowding of other information and wordiness surrounding it. I think that this design could also easily function as a business card. I look forward to improving my designing skills throughout the rest of the semester. I’ve already seen a great improvement in my intuitive design skills after learning about the basic principles.