Posts Tagged ‘infographic’

Infographic: Undergraduates for Better Education

December 13, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |  ,  |  Comments Off on Infographic: Undergraduates for Better Education

My infographic shares the information the group Undergraduates for Better Education gathered by conducting surveys focusing on student’s Syracuse Education. The data I selected from the study is separated into three pie charts, each with a different focus. The three topics are how enthusiastic professors are in the classroom, how many options the students felt they had for selecting classes and how students evaluated teacher’s assistants.

The challenge I faced when it came to depicting education was representing it in a manner that is not over done. Because of this I opted to style my graphic in a clean, modern manner. For typography I choose the two typefaces Brandon and Chronicle. They compliment each other well in that they contrast styles. As for color selection, I wanted to have fun with the color scheme to bring some life and energy into my project, otherwise it would easily get too dry.

 

Home screen:

 

Screen Shot 2013-12-13 at 1.26.50 AM

Class Morale screen:

Screen Shot 2013-12-13 at 1.27.03 AM

Fritzinger-Infographic

December 12, 2013 |  by  |  Project Two, Student Edge Projects  |  , , ,  |  Comments Off on Fritzinger-Infographic

Screen Shot 2013-12-12 at 3.50.26 PM

Design Strategy: 

I wanted my infographic to be playful and happy as opposed to dark and depressing, which is why I chose to research apples in New York State. I decided to show a tree growing and then have an apple fall off of it. The apple falls and eventually becomes the pie chart. Each of my sections where type heavy so I chose to do a click instead of a hover over for the info to appear. I made boxes up to that coordinate with the pie chart so one can click the boxes to see the section’s information.

Colors

I chose to use bright colors and I tried to stay within the color pallet of apples. This is a fun animation and the colors needed to reflect that.

What I learned

I learned how to add interactivity to my animation. I used the click and double click function. I also learned how to use the masking tool.

Zebede Infrographic

November 20, 2013 |  by  |  unfathomable  |  , , ,  |  Comments Off on Zebede Infrographic

Screen Shot 2013-11-20 at 3.37.54 PM

Screen Shot 2013-11-20 at 3.38.08 PM

I wanted to continue with my sports theme and create an infographic regarding the amount of high school athletes that make it to the pro world. With so many students and parents wishing that their sons/daughters make it, especially for economic reasons, it is important for people to see this information and understand how small the stats are.

I introduced the project with a catchy slogan “How many athletes go… from high school to pro?” using a typeface that matches that of athletics writing. I then brought in the balls of the four sports I was gonna be providing stats for. When you click on a ball, the stat comes up and tell you: how many go from HS straight to pro, from HS to college, and from college to pro in a simple bar graph.

It was a simple and interactive way to present this information.

Tierra Taylor- Interactive Infographic

November 20, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |  , , ,  |  Comments Off on Tierra Taylor- Interactive Infographic

Screen Shot 2013-11-20 at 3.32.16 PMScreen Shot 2013-11-20 at 3.31.10 PMScreen Shot 2013-11-20 at 3.31.31 PMScreen Shot 2013-11-20 at 3.31.50 PM

 

Tierra Taylor

Info-graphic Summary

The following project draws on the injustices of America’s incarceration rates. It is no surprise that there are some major discrepancies between race and gender. This info-graphic plainly shows the discrepancies of Caucasian, African American and Latino men and women.

The graphs I chose to illustrate show effectively show the discrepancies in a visual aspect with dots representing the amount of people.

I chose to use variations of black, white, and orange for this project. The black and white is supposed to convey the seriousness of the issue at hand. The orange elements work to highlight the important information. Orange is also a color that people associate with prisoners and the garments that they wear.

The interactivity is simple and meant to guide the audience to the most important information. The info-graphic starts with an animation to introduce the topic and to highlight the outstanding overall statistic.

I believe all the elements of this project work well together to convey an important message about the discrepancies involved in the U.S. justice system.

Abby Legge-Infographic

November 20, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |   |  Comments Off on Abby Legge-Infographic

Screen Shot 2013-11-20 at 3.10.30 PM

 

My concept for this piece was that of sex trafficking and its increasing predominance in the United States.  Sex trafficking is a topic that is often associated with countries beyond our borders, and I wanted to show that it is something very near to home.  I decided to focus on identifying the typical victims and suspects of this crime in order to put a face to those abused and their abusers.  I felt that this identification would make the information strike closer to home.

I wanted the overall tone and feel of the infographic to be very somber and ominous.  In order to have the maximum effect, I wanted everything to be very simple and easy to understand so as to place emphasis on the subject.  I also wanted this information to prompt some action as well from the user, even if it is just looking up the sources and informing themselves from there.

In order to reflect this somber and dreary mood, I needed to have the type and colors reflect as such.  I decided to keep all of the colors very muted and neutral except for the colors denoting the victim and suspect.  The victim’s color I made blue in order to denote a sense of calm and good, while the suspect’s color is notably red in order to signify danger.  For the type, I wanted a rough-hewn quality to reflect the stained background that I had in place, so I used Veneer. Then to make the facts as legible as possible, I used Univers Condensed.  It is still rigid, however, so it still conveys a certain tension.

The imagery was very basic, but simple and powerful I believe.  I boiled my concept of identification down to the very simple idea of fingerprint identification.  Everyone has a fingerprint, so that is a touchpoint that viewers can connect with.  Then the interface is very easy to use because it is a simple act of choosing points on the fingerprints to reveal the information.

Overall I think that this animation illustrated my point and drove home the fact that there is a proliferation of human trafficking in the United States.  It communicated this fact very simply and elegantly, which helps the user to focus on the content rather than the usability of the interface itself.

Tutorial URL Links 

Lynda.com • Edge Animate Essential Training Videos

http://www.lynda.com/course20/Edge-Animate-tutorials/Edge-Animate-Essential-Training/108880-2.html

 

Lynda.com • Creating Animated Infographics

http://www.lynda.com/Edge-Animate-tutorials/Creating-Animated-Infographic-Edge-Animate/124091-2.html

 

Heathrowe.com • Show/Hide Toggling

http://www.heathrowe.com/adobe-edge-simple-showhide-toogle-click-conditional-routine/

 

Caroline Castro-Family Farms Inforgraphic

November 20, 2013 |  by  |  unfathomable  |  , ,  |  Comments Off on Caroline Castro-Family Farms Inforgraphic

Screen shot 2013-11-20 at 2.51.22 PM Screen shot 2013-11-20 at 2.52.01 PM

 

For my infographic I chose the topic of family farming. The main information I wanted to show was how family farms have become over shadowed by commercial farming, and some of the problems that causes with processed foods and transportation. I made characters that represent the two types of farmers to make the infographic very accesible and less serious. The topic is one that is simply fact in America, commercial farming cannot be avoided and in some ways is necessary in order to produce enough food for the mass population, however local farming is still a better option to reduce pollution, live a healthier lifestyle, and support local economy. Because this topic is not necessarily a dramatic one, I felt that it could be more casual and fun that way it might communicate the data more easily to a large range of demographics.

Arianne Daniel Infographic

November 20, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |   |  Comments Off on Arianne Daniel Infographic

 

Screen Shot 2013-11-20 at 2.41.41 PM Screen Shot 2013-11-20 at 2.42.09 PM Screen Shot 2013-11-20 at 2.42.30 PM

 

For my project, I decided to work with the income rates in New York versus the income rates in Syracuse.  It was amazing to me to see the difference between these two places, especially when Syracuse is a part of New York.  I thought about focusing on the effect that income rates have on the education in the area but I decided that focusing solely on the income rates was what I wanted to do.  It is crazy to think about all of the different things that income rates have an effect on in people’s lives that most people don’t even realize.  I wanted my project to be a start for people to think about these things.

The typeface that I used for this project is Antic-Didone.  It is one of the typefaces available in Edge.  I used different shades of blue for my project to keep it looking a little more cohesive.

I learned a lot through this project.  I learned to better use transitions and the Edge program.  I also learned a lot about interactivity and how that works best with different kinds of projects.  I had some trouble with the interactivity at first but I learned how to do it a different way and that worked better.

Project 2: Rachael D’Addezio

November 20, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |  ,  |  Comments Off on Project 2: Rachael D’Addezio

Screen Shot 2013-11-20 at 1.51.46 PM Screen Shot 2013-11-20 at 1.51.59 PM Screen Shot 2013-11-20 at 1.52.13 PM Screen Shot 2013-11-20 at 1.52.29 PM

 

Design Strategy:

As stated in class the strategy to designing an inforgraphic is to make information and statics human. Therefore for my project, the goal was to make the statistics indicating a small percentage of black South Africa actually goes on to achieve a college education appear human. To show this I used a series of three phases, which were facts I obtained from The Economist. By having the viewer click on a person, they are figuratively being the one who causes the high drop out rate. I thought this figurative action would help humanize and help make the situation of education in South Africa more empathetic.

Colors/Typefaces:           

Typeface Information: Comfortaa, 34, R05 G109 B106

Source Typeface: Arial, 18, R225 B225 G225

“Higher Education In” Typeface: Asap, 72, R68 G49 B38

“South Africa” Typeface: Asap; 89, R , G57 B5

Light Red: R 99 G38 B38

Medium Red: R 78 G0 B0

Dark Red:  R53 G1 B1

 

What I learned:

I learned the basics of interactivity in the program Edge. I realized that there are multiple ways to create the interactivity effect that you want, and that keeping the interactivity design simple works more efficiently; I mean that a linear timeline works better than having symbols within symbols that need to be called upon to play. It is very important to pay attention to detail while coding, the small deletion of a “;” could make your interactivity not work. By having to create interactivity, I really learned the importance of a good naming-structure, more so than I learned in the first project.

 

Tutorials used:

Lynda.com reading assignments.

In-Class tutorials

 

Sources:

 http://www.economist.com/node/21543214

Project 2: Infographic – Kelsey Ohira

November 20, 2013 |  by  |  Project Two, Student Edge Projects, Student Work  |  , ,  |  Comments Off on Project 2: Infographic – Kelsey Ohira

My infographic is an interactive timeline illustrating the history of prehistoric sharks, starting from 455 Million years ago up until today. When the user clicks on one of the orange buttons, a box of information comes up.

Screen Shot 2013-11-20 at 1.47.33 PM

Screen Shot 2013-11-20 at 1.47.48 PM

Screen Shot 2013-11-20 at 1.48.07 PM

Design strategy  I chose to do sharks because I love them and wanted to share more information about them with others. I also found it an interesting topic to research. The design is clean and visually appealing while still allowing the information to be shared with the viewer.

Type  Univers LT Std  |  Color  blues, black, orange, white

What I learned  I learned how to create buttons and make an object animate in using the coding panel. I also feel more comfortable with Edge than I did after the first project because I tried to play around with things.

Source  http://www.scientificpsychic.com/etc/timeline/timeline.html

 

Gun Murder Interactive Infographic

February 5, 2013 |  by  |  Inspiration, Project One  |  ,  |  Comments Off on Gun Murder Interactive Infographic

U.S. GUN MURDERS IN 2010

“An Examination of the U.S. Federal Bureau of Investigation’s Uniform Crime Report”

An amazing infographic http://guns.periscopic.com/

Twitter In Real Time Infogarphic

February 5, 2013 |  by  |  Inspiration, Project One  |  ,  |  Comments Off on Twitter In Real Time Infogarphic

Screen Shot 2013-02-04 at 10.09.35 PM

http://tweetping.net/

New Pintrest Malaria Board

January 23, 2013 |  by  |  Malaria  |  ,  |  Comments Off on New Pintrest Malaria Board

malaria poster

  • pinterest.com/kenharper/malaria/