Blog #6 Mini Art School

Part 1

Hey everybody! As finding out during this week's reading and videos, the MMP calls for me to create a storyboard. I find the concept of a storyboard pretty interesting, especially after seeing the examples that were used. I was worried that they needed to be very detailed pictures or descriptions completely mapped out, however, it is quite the opposite. I found out that having it sloppy can actually be better in the long run because it allows for more imagination down the road. I decided to handwrite my storyboard because I felt like it give me more opportunities to put down the vision that I saw in my head. I thought that the pictures would be boring if drawn literally, so I decided to put a little creative twist into my pictures. I apologize in the advance for the drawings and my messiness towards the end.

Part 2
To create a visual for multimodality, I decided to create a moving media production with the help of iMovie. I took free stock images from Stocksnap.io and unsplashed.com since they do not have any licensing issues. I wanted to show the beauty of multimodality and movement, so this is what I came up with (Sorry for the corniness):

MMP Proposal

           When I think back to my student teaching last Fall, one of the main issues that I faced was student absences and how it affected student learning. There were a few students who would frequently miss days of school at a time and I would have to try to gather everything that they missed, and trust that they would do the worksheets on their own time. Then some students would just miss one day, but could be stuck behind for a whole week. I was a bit overwhelmed during my student teaching, but I knew that I needed to find a better system for students obtaining any missed work, while also trying to catch up to the rest of the class.

           Using my student teaching experience, I want to create a Google Classroom site for my future classes. Although I am currently not teaching, for my MMP project, I will make a Google Classroom site as if I was student teaching again or have my own classroom. On this site, I will have artifacts accessible for each week. Any worksheets or supplemental materials that we used in class, I will upload it to the website for students to obtain when they are not able to make it into school. However, I want to take it another step further. This site could also serve as another resource students can use to practice the material or work with the lessons outside of the classroom. Along with the materials, I will also upload recordings of me explaining certain topics, or any videos, pictures, or presentations that can help students get back on track.

           This Google Classroom site will be designed for my future students is my high school social studies classroom. With that being said, I will assume that the students are somewhat familiar with the material on the site, as well as having some experience in operating certain Google applications, or at least something similar. If they have knowledge on at least something like Google Docs, we can help them understand how to use Google Classroom.

           My personal learning objectives are to familiarize myself with the different uses and features of Google Classroom enough to teach it to my future students. Also, while doing so, I will work on gaining skill and experience in other technologies, such as voice recordings, probably Vocaroo, and other sites that allow me to create slideshows, documents, and even videos that I would be uploading to the Google Classroom site. So along with vocaroo, I will utilize other features on Google, such as Google docs, slides, and drive.
         I really want to utilize the experiences that I received from our class to put this into action. Whether its using Web tools that I reviewed and played around with or the ones from my classmates' screencasts, I want to use tools anywhere possible to enhance the viewers/students who visit the Google Classroom. I will also use the different design principles that we talked about from the readings when applying my layout to the site, or even the worksheets that I place on the site. I figured in order to achieve this goal, I will have goals for every two weeks, starting from now. It is as follows:

Week 1&2: Join Google Classroom, start playing around and familiarizing myself with the site, start to check out different Web tools to use

Week 3&4: Confirm which Web tools to use and figure out how to incorporate them into the site.

Week 5&6: Start to upload artifacts to the Google Classroom, i.e. recordings, worksheets, videos

            
Lastly, Finalize the site, should be fully functional as if the students will be using it

Blog #5

Part 1

This weeks blog post deals with the use of images in your design. It is interesting how a simple cropping of an image or adding an effect can drastically change the focal point or the feel of the image. So for the first part of the blog, I chose different images, and decided to change the way the viewers see the image. Here are the images along with their changes:

Original

Changes

So as you can see, the original picture shows a bright sunny day, featuring the skyline of a park in front of a city. For the first cropping, I tried to get rid of some unnecessary space, mainly the open areas on the sides. I did this to highlight the the compact nature of the city. The second image I wanted to change the feel of the picture. By making the color more dull, I feel like the picture went from a nice cool spring day, to a more hot, dry summer day. Lastly, I cropped out the entire city. By taking away the buildings and focusing on the tree, it makes the picture highlight the features of the park.

Original

Changes

The original picture features two soccer players resting on the soccer field, probably relaxing after playing a few games. The changes I made seem pretty simple, but I did that for a reason. The first image, I decided to just barely crop it, but I changed its effect. The reason that I did this is because I wanted to change the meaning of the picture. The original picture, to me, shows the soccer players just resting in between games on a nice day. By changing the effect, however, the I perceived it to be more around dusk. Since dusk is approaching, the soccer players are resting from their playing, which was stopped because it is getting dark soon. So they are regaining some fuel before they head home for the night. Lastly, I drastically changed the image by cropping out the players, and just making the image all about the ball itself, rather than the players.

Original

Changes

The original picture displays what seems to be a group of people traveling on camel back through the desert. I decided to change up the story a bit by adding some effects, and getting rid of some emptiness of the picture. First off, I changed the effect on the picture to make it more dry. Since they are in the desert, I wanted the viewer to feel what it was like to be in that scene, so dulling the color can communicate that. Next, I tried to change the focal point of the picture. When first looking at the picture, personally my eyes were drawn their the scenery of the picture. To change that, I cropped out some of the extra scenery to make the focus more obviously the travelers. Lastly, I decided to take the picture in a different direction. I cropped out the rest of the travelers to leave one lone wanderer. I left the scenery of the picture in to create a story of one person taking on the extremely large desert by themselves. 

Part 2

For the second part of this blog, I decided to do the activity on page 197 of Design Basics Index. For this activity, I used a picture of someone holding a cup of coffee. The original photo does not contain a border, so this allowed me extra room to create borders for it. As you can see, I decided to create borders that had similar color schemes as the picture itself. The reason I did that was because I felt like it would blend the picture together, and make it easier on the eyes of the viewer. As you can see, I started with probably more basic borders, then experimented a little more with the color schemes.

Original

Changes

 (This has a white border if you cannot see it)

Part 3

The last activity that I did for this week can be found on page 303 of Design Basics Index. For this activity we had to create a book cover for a book titled, "Flirting With the Bully". For this activity you had to create a theme of your book, related to the title, and stick with that theme throughout the whole cover. My two covers are as follows:

Cover 1

So for the first book cover, I tried to go with a more dark, serious theme. The words "Flirting With the Bully" can take on multiple meanings. For this meaning, I went with literal flirting, but I went a little overboard with the bully part. To make this a dark, creepy book, I found an image of Charles Manson's girlfriend. I decided to edit the photo to make it look a little creepier. Then for the bottom part, I placed the title on what looks like concrete, to represent the prison that Charles Manson is in. So from this cover, the book would probably be about either their relationship, or distorted relationships like their own. (Sorry for the eeriness of it.)

Cover 2

The second cover took a different approach. In this cover, the bully is junk food, so "Flirting With the Bully" means giving into temptation in regards to eating unhealthy. I went with the red theme because red is often associated with Valentine's Day, which also goes hand in hand with chocolate. So the image shows a woman with red lips snacking on candy. Although for a nutrition type book, it does seem to be a little classy, so maybe this can serve as a fiction novel of a woman giving into temptation on many levels. This theme romanticizes the relationship between a woman's willpower and temptation.

Mini Art School #2 (Blog 4)

Part 1

For the first part of the fourth blog, I decided to do #3 on page 84 of White Space Is Not Your Enemy by Golombisky and Hagen. For this activity, we are required to find logos of brands that we know that follow the four Gestalt laws (proximity, similarity, continuity, and closure) that were discussed in chapter 7. For each logo that I find, I will explain how it relates to those principles.

1. Starbucks

Proximity- Gesalt's principle stated that if objects are interpreted to be moving in the same direction, then they are believed to be part of the same group (Golombisky & Hagen, 76). We see this in the woman's hair and arms. Although the design only contains two colors, the vertical design is perceived to be grouped together, which is interpreted as her hair. Same with the horizontal stripes that are hinted to be her arms.

Similarity- As mentioned above, we as viewers groups designs by different principles. Since the vertical designs are the same similar shape, it is right to assume that they can be grouped together.

Continuity- "Our minds will continue a pattern beyond its ending points (Golombisky & Hagen, 76)." This can be seen by the woman's hair. Although her hair does not touch the crown above her head, it can be assumed that she is wearing the crown.

Closure- The circle in the logo is not fully closed. Where the woman's arm and hair meet the the green circle, it is still open. However, our minds see it as a closed circle.

2. Adidas

Proximity- Due to the proximity of the different aspects of the designs we group certain things. The viewer groups the three horizontal stripes together, as well as what appears to be ovular leaves at the top and bottom of those three stripes.

Similarity- The viewer groups the different parts of this design by the shape. As mentioned above, the three stripes are grouped together and the leaves are grouped together.

Continuity- Even though the three stripes are separating the top part and and the bottom part of the leaves in the logo, we see it as three full leaves in our minds. 

Closure- The logo is not closed. The white spaces in between of the three black lines leave it open. However, in our minds, we see it as a closed logo.

3. Paramount

Proximity- There are a couple different aspects to this design that are grouped together because of proximity. The letters are close together, so our minds read that as a word. This also applies to the stars that are located next to each other side by side.

Similarity- The stars are seen as a complete outline around the logo because they are similar in design, rather than them being seen as individual stars. Also, the black designs in the "mountain" can be grouped together as shadows.

Continuity- Although the line underneath the logo is not touching any other part of the design, it can be seen as the lower boundary of the logo. This shows continuity because the the mountain can be thought to continue and extend to the line.

Closure- Along with all the other designs, this logo is not closed. The white space in the logo is meant to portray a mountain, however, that same white space opens up the circle that the logo contains.

Part 2

For the second part of blog #4, I decided to do number 2 on page 56 of the same book. For this assignment, we had to go to the Library of Congress Prints & Photographs Reading Room and choose a few pictures that we like. Then we are directed to discuss why we like it according to the principles of design. As a future history teacher, I jumped at the opportunity for this activity. Learning through images is one of my favorite things to do in the classroom, and now I can see the reasoning behind I am fond of certain types of photos, and can know what type of photos to look for in the future. The different design principles I will be judging them on is: focal point, contrast, balance, movement, rhythm, perspective, and unity.

1. 

This first image was a poster used to recruit men for World War I. In the design you see four men smiling in their uniforms. The four men are clumped together to create one focal point. The men's faces are the first thing that you look at when viewing this picture. The main reason that they are the focal point is because of the contrast. There are two sets of contrast for this image. First, the plain tan background makes the more colorful men pop out from the background. Then since the green uniforms are separated by hat and shirt, the color in between (their faces) become contrasted. Balance is also very prevalent in this image. Although it is not perfectly symmetrical, there seems to be a very peaceful balance in this image. If you drew a line down the picture in the middle, two men would be located on the left, and two on the right, thus creating the balance. 

2. 

This is a picture taken of a parade in Washington DC in 1923. The picture, to me, seems to have a very obvious focal point. The focal point is the American flag that is located in the center of the picture. It is the closest object in the picture and located in the center, so it draws the viewers attention. Contrast also plays a strong role in this picture. The contrast also lies in the American flag. That is due to the direction of the flag and the color of the flag. Although the flag is in black and white, the majority of the picture is gray. With the left and right side of the flag being dark black, it stands out against the grayish background. Also, the entire background is captured in a horizontal direction. Since the stripes of the flag are going vertical, it shows even more contrast from the background. Movement is also seen in this picture. Not to only discuss the flag, but the flag is the object that it showing motion. "Vertical lines may also communicate inspirational upward movement (Golombisky & Hagen, 53)." The vertical lines of the flag can play into that quote. Also, since the straightness of the vertical lines seem to be inconsistent, it is hinted that there is movement in the flag, such as the wind blowing it.

3. 

The last picture that I am going to discuss is a design created in the 1970's by Bruce Carter in tribute to Wounded Knee. Contrast seems to be the most important principle of design in this picture. Just like the first picture that was discussed, there are two forms of contrast going on here. The top part of the background is a light grayish color. The rest of the background shows off a solid black patter. This pattern is supposed to represent men with guns. The men stand out because they are darker than the background. Next, there is contrast in the front level of the picture with the Native American's face. The face is the same light grayish color as the background. However, against the black pattern of men, the face is contrasted and stands out. If the black pattern was not there, then the face would not have any contrast. Secondly, this image has rhythm. The rhythm is seen by the pattern of the men in the picture. "In graphic design, rhythmic movement has to with repeating items strategically (Golombisky & Hagen, 53)." The men in the picture can be seen as a pattern that is repeating. Throughout the solid black color, there are representations of similarity looking men. Each men has a hat, head, torso, and a gun. That same pattern is repeated ten and a half times. Unity can also be seen in this picture because the two parties represented in the picture are related. Since this is a tribute to Wounded Knee, we can assume that the two parties, the Native American, and the men with guns, represent the same parties that were involved in Wounded Knee, and are therefore related to each other, showing unity of the subjects

MDMC

Hey guys, check out my screencasts for my Web 2.0 Tools.

                                                          Web 2.0 Tool Vocaroo (Audio)

Web 2.0 Tool Aviary Photo Editor (Still Media)

Web 2.0 Tool Animoto (Moving Media)

Discussion #2

    This week was a very interesting week that had many opportunities for learning. There were the readings, to which we had to apply to a certain website or design. We had the hands on design experience from the second part of the blog, and we had the interview with Margaret Kiernan. I learned a lot from this weeks because I actually had to apply what was learned into action. Throughout the process, I found out that I faced some difficulties in the different types of design, so it was an eye opener that I should start my MMP earlier on, so I can give it the time and effort that it needs to the final product that I would like it to be.
      The readings definitely resonated with me the most because it really had me thinking about all the designs that I see on a regular basis. For example, the Design Basics Index made me aware how something as simple as graphics found on google, can enhance your design and bring it more to life. Not only the introduction of the images, but also the different layouts of the images play an important role. Also, the talk about the use of white space. Although I do not have much design experience, it showed me that in the designs that I have done, I did not take white space into consideration. I always saw the lack of text or graphic in a certain spot, and worried that people would think my designs were too basic or lacking something. Now I know that something like that can be utilized.
     My blog reflection really was an eye opener about my own visual literacy. I faced challenges using the different design processes, such as not being able to express the design that I see in my head. However, the interview definitely reassured me. There was a part in the interview where Margaret Kiernan talked about how when she first started, the design process was on paper and pencil. When the graphic design field changed, she had to relearn everything to continue her career. This showed me that although I do not have much knowledge on the subject now, that is not my final destination. I signed up to this course because I wanted to learn the tools that I need to be a great teacher who utilizes design and now I am even more determined to do so. For example, one thing that I learned was found in the interview. She mentioned how, on something as simple as a powerpoint presentation, you control where the eyes go. So keeping that in mind, I now can make historical interactive lectures more interesting!

Blog #3

The different principles of design were pretty interesting concepts. In the world we live in today, we are constantly being exposed to different graphics and design, whether it is seen on tv, internet, magazines or just on advertisements we see all over. I never really thought about what exactly goes into creating the different designs, but after conducting this week’s readings, I can now notice why some designs are more standout than others. To put this to the test, I decided to pick a website that I sometimes use, to see how well the graphics used compare to what we read about for our class. The site I chose was the website for the streetwear clothing brand Supreme. The website could be found at: http://www.supremenewyork.com. I will list the different principles of design to see how well Supreme followed these guidelines.

1. Balance- The homepage of the website has a very symmetrical balance. The options to click on to navigate through the site are just listed down the middle, without any other design located on the left or right.
2. Proximity: As mentioned in balance, all of the options are located down the center. In addition to that, they are evenly spaced, very neatly lined down the middle. It makes it very easy to see what options the user can click on.
3. Repetition: The entire option list uses the same font, making it very easy for the reader to navigate through the site, while also acknowledging that the repetition allows the user to know that the listed words are the options to click on.
4. Contrast: Contrast is the most noticeable part of the website. The entire background is an extremely faint picture of the logo, but it is so faint that the entire background at first glance appears to be black. The logo itself shown at the top is extremely noticeable, due to the use of the color red. The options to go through the site are white, so against the black background, it is impossible to miss.
5. White Space- White space is known as the absence of any text or graphics. The majority of the home screen appears to be black, so white space is heavily used. Even if you click one of the options, such as “news”, the majority of the next page is blank white space, with little graphic and text located in the center.

Those rules were found in the article, Principles in Design. The next set of rules will describe whether the site did or did not break the rules mentioned in, 10 Web Design Rules That You Can Break.

1. Use a minimal number of font faces- Supreme did not break this rule. On the homepage, as well as the other pages on the site, only one to two fonts are used.
2. Do not use too many colors- Supreme did not break this rule because on the homepage, only three different colors are used. The only time I have seen a large number of colors was when the clothing featured on the site contained those colors.
3. Make your site’s goal obvious- Supreme did not follow this rule. If I did not know the brand, I would not know what was featured on the site by looking at the homepage. The only hint that might give away the idea that they are a clothing brand is the option to click “Shop”.
4. Use different colors for the text and backgroud- Supreme both did and did not follow this rule. When looking at the very faint picture in the background of the homepage, you can see that it did not follow that rule. They placed a black picture on top of a black background. However, at the same time, the heavy contrast from the black background to the white words show that the rule was follow.

Stick to web-safe fonts- I would say that Supreme did not follow this rule. Although the font used is readable, the font size on the homepage is a very small font. With the small size, combined with the font used, it can be somewhat difficult to read the words compared to other sites.




For part two of the blog post for this week, I decided to follow the procedures on page 87 found in Design Basics Index. These procedures focused on adding more images to a flyer or a design to bring more life to it. When reading those directions, I automatically knew what I would be using for this process. During my student teaching experience, I designed a culminating project where the students had to pick which historical figure they thought to be the most important at the time of the revolution. The students would go head to head in a March Madness tournament style project. When I created the info sheet, I knew that the page was really boring, but I was very pressed for time, so I did not get a chance to enhance it a little bit. So for this portion of the blog post, I had the opportunity to place some pictures in the different positions. The pictures I chose are either related to the March Madness tournament, or Revolutionary figures, such as the Founding Fathers, Molly Pitcher, and Crisps Attucks. I picked those to show the students that there are a variety of people to choose from. As a warning, I am very new to the design process, so the pictures might seem a little basic.

Original

Enhanced