Tutorial session: Infographics-Planning and Wireframing

• Web designer vs web developer: very creative example of how to use infographic to present comparative information. Helpful to my infographic assignment. 
• wireframing:
• Title
• Intro paragraph
• Other information sections

• Determining what to visualize
• Infographic is journalism meshed together with design . You are taking research and data, and displaying it in a way that is accessible to a larger audience.
• Citing information.
• Generate questions pertaining to the central topic
• See if the illustration answer our question

• Two principles for inforgraphic dumbers:
• Is the data interesting to the audience
• Can the subject be easier, or more fully understood, via imagery than plain text?

• Use excel spread sheet to organize your data
• Overview-sections (table of content)
• Different tabs for different sections
• Give each section a title

• Find stories in your data:
• Find out the interesting facts from your data

• Choosing the right visualization (charts I hadn't considered in the past) 
• Bubble chart
• Timelines
• venn diagram
• Pictograph
• Relationship diagrams
• Glyphs

• Planning dimension:
• Where? Blog, textbook…?
• Photoshhop--width: 850; height:5000 (crop it later)

• On photoshop, use transparent rectangle (or any other shapes)to create your wireframes.