Time Mapping

For this project, we were assigned to gather information for a few weeks in order to create a mapping project. For this project, I decided to keep track of where I was for three weeks. I wanted show that  most of my time is spent in the Art Building. I decided to make an animation on after effects for this project.

This is the final product of my time animation:


http://www.youtube.com/watch?v=KYIAweN6NRI&feature=youtu.be

Signs

For this project, we needed to we had to create signs using different lists of words. The signs that I created were

Tsunami warning:

 middle class:

 bumper to bumper traffic:

Comparing Calories

For this project, we needed to create an information about information that we recorded ourselves. I decided to make an information graphic comparing the amount of calories my girlfriend and I consume at different fast food places. I decided to record the amount of calories from the following places:

Burger King: Me- 1600 Sam- 1170
McDonald's: Me- 1850  Sam- 1100
White Castle: Me- 1800 Sam- 1370
Taco Bell: Me- 1650 Sam- 780
Wendy's: Me-1420 Sam-970
Five Guys: Me- 1840 Sam- 1540

This is the final Product of this project:

Pedalcyclists

For this Project, we had to create an info graphic using information from the nhtsa.gov website. I decided to make an information graphic about the number of pedalcylists deaths in the US.

These are some of the sketches that I came up with:

This is the final product of my design:

Final Project

For our final project, we were to come up with any idea that we wanted for an information graphic. I decided to do an information graphic comparing the two shortstops from the Philadelphia Phillies and The New York Yankees. I decided to focus on their hitting statistics. The colors that I used were based off of their teams colors.

This is the final Product of my design:

Color

For my inforgraphic, I decided to use a color scheme with a series of blues. Since this is more of a personal information graphic portraying where I spend most of my time, I decided to focus on making the colors more aesthetically pleasing. I also wanted to make sure the colors were all very close and go together because the subject  matter for each day is all very repetitive.

Readings

Color and Information:

There are so many colors and putting these colors in the right place is a hard and complex thing to do. The major uses of color in design are to label, measure, to represent reality, and to decorate. It discusses how Swiss maps show these so nicely. Next, it discusses how color can help give out information by looking at Eduard Imhof’s principles. These are to use strong and bright colors in smaller areas so they are not overbearing and unpleasant, that color against a light background highlights data, and that place bright colors next to white is not very appealing. It also talks about how the multiple dimensions of color can enliven what users see on a computer and color can improve the information resolution on the screen. People should use colors found in nature which the viewer would be more familiar with and using strong colors against the natural background make the information pop, Imhof’s third principle. The fourth principle is that you should not have two or more large area enclosed in large colors. It should be spread out throughout the background. Lastly, it discusses the interactions of color, using gradients of color, and how this does not usually benefit the design.

Narratives of Space and Time:

This article discuses how to create four variable narrations of space and time on a two dimensional design. It looks at schedules, route maps, and descriptions of dance moves to show how to illustrate space and time. It first looks at Galileo’s drawings and records of discovering that moons revolve round Jupiter. He create the “Jovilabes” which recounted the orbits of Jupiter’s moons. Later designers were able to use this data to create new designs showing more data. Next, it looks at timetables and route maps. These are difficult because they tend to contain a lot of data and the audience is so varied. Some may be for experts and others may be for someone who may not know a lot about the information. Depending on how tables are designed, how clear they are, the font size and type, coding, and how they utilize the space on the page make a design better than others. A good alternative to the traditional timetable is a graphical schedule. These are necessary particularly in railways or bus schedules because they can plan passings and movements of the vehicles. Lastly, the article discusses showing dance movements on paper. The examples help us see that the text and the graphic representation must go together.

-Both articles discuss how to not create the 1+1=3 effect, which creates a cluttering and confusing design.

Sketch up of idea

Here is a sketch of the idea for my motion info graphic. Since there are 3 three weeks, it is going to show the amount of time I was at my apartment, my girlfriends apartment, the art building, and the dining hall. for each day of 21 days. a ring will be added for every half hour I am at each place. The bar graph at the bottom will compare each of the times spent at each place.

Idea for infographic

For my infographic, I am going to plot out the amount of time I spend in the art building and compare it to how often I am at other places including my apartment, my girlfriends apartment, and the dining hall eating. I am in the art building a lot because all five of my classes in it. I also work in the art building and spend many hours a week doing homework in the lab. I want to make an animation infographic using after effects to show this information. I plan to use a series of bar graphs and an animation that shows my walking patterns throughout the week. (similar to the Netherlands daily life patterns video)

 http://flowingdata.com/2012/02/22/patterns-of-daily-life-in-netherlands-from-above/

I really liked this Netherlands daily life patterns video. I'm thinking that I may do a very similar animation in order show my walking patterns around the art building.

http://www.ibm.com/us/en/

I thought that this site had some interesting animations that would be able to help me come up with some ideas for my infographic

http://kuler.adobe.com/

This site has many great color palettes that I can choose from to use in my infographic

http://www.verysmallarray.com/

 I thought that the infographics on this site would help me come up with different ways to plot out my time in the art lab.

http://www.catalogtree.net/projects/2007

I thought this would be a great site to refer to as I am mapping out my infographic because it has different examples of ways that you can do it.