SPRING 2012 info design | Lecture 03 | Burow
INFO designDesign4 | A Visual Organization & Information Design Studio | Design & Management Program | Parsons | Spring 2012 | LECTURE 03
SPRING 2012 info design | Lecture 03 | Burow
review of last weekgraphic design principles
Nigel Holmes/Otto NeurathInfographic poster
SPRING 2012 info design | Lecture 03 | Burow
review of last weekgraphic design principles
Nigel Holmes/Otto NeurathInfographic poster
SPRING 2012 info design | Lecture 03 | Burow
Our semester Concept Guide
Credit: Dan Roam, Back of the Napkin
Who and what problems: Challenges that relate to things, people, and roles
How much problems: Challenges that involve measuring and counting.
When problems: Challenges that relate to scheduling and timing.
Where problems: Challenges that relate to direction and how things fit together
How problems: Challenges that relate to how things influence one another
Why problems: Challenges that relate to seeing the big picture.
CHALLENGE 01
SPRING 2012 info design | Lecture 03 | Burow
concept credit: Back of the Napkin, Dan Roam
The Four Steps of Visual Thinking
SPRING 2012 info design | Lecture 03 | Burow
common visual attributes that help us de-termine what is worth looking at. credit: Back of the Napkin, Dan Roam
Proximity: Our eyes assume that things closer to each other are related
Color: Our eyes immediately notice differences in color and assume groupings based on like coloring
Size: Our eyes perceive differences in size with essentially zero effort, again allowing the assumption that the odd one is the one worth noticing
Orientation: Our eyes instantly distinguish between vertical and horizontal orientation (but have a harder time with angles other than 90 degrees)
Direction: “fate” is another work for perceived movement, something that we also pick up on without any conscious thought
Shape: Out eyes notice differences in shapes somewhat less well.
Shading: But our eyes immediately detect differences in shad-ing as a way of distinguishing between up and down or in and out.
Comm
on Visual A
ttributes
SPRING 2012 info design | Lecture 03 | Burow
SURVEY DESIGN:How does design help a survey become more or less successful?
SPRING 2012 info design | Lecture 03 | Burow
review of last weekgraphic design principles
Nigel Holmes/Otto NeurathInfographic poster
SPRING 2012 info design | Lecture 03 | Burow
OV
ERV
IEW
SPRING 2012 info design | Lecture 03 | Burow
TYPO
GR
APH
Y
Beyond the age of information is the age of choic-es– Charles Eames
Beyond the age of information is the age of choices – Charles Eames
Beyond the age of information is the age of choices – Charles Eames
Beyond the age of information is the age of choices – Charles Eames
Beyond the age of information is the age of choices – Charles Eames
SPRING 2012 info design | Lecture 03 | Burow
TYPO
GR
APH
Y
PARSON CORE VALUESParsons mission is to preparing students to creatively and critically address the complex human conditions of 21st century culture.
Students and Faculty share a commitment to:
*the Urban – making New York City and other urban areas our laboratories and sites for research and making, reflecting the urgent needs and possibilities of 21st Century art and design
and beyond;
*Sustainability – addressing the need to work for both human and environmental sustainability through understanding and designing systems that allow for or produce longevity and renewal;
*Diversity – being an institutional leader in addressing historic underrepresentation (of people of color, LGBT people, and others)
(?) in art and design schools and the professional fields they help to create, especially insofar as so many different people locally and globally are impacted by and interact with designed goods, systems, and spaces;
*the Global – fostering students’ understanding of political and social economies, global dynamics of exchange and production, and historical specificities in order to prepare them to work creatively and ethically in a changing world;
*Art and Design as Agents for Social Change – challenging students, and the members of the Parsons community, to understand our work in relationship to its social and political possibilities, following on the legacy of the New School, and updating it for our present and the future.
making New York City and
other urban areas our laboratories
baskerville: bold 30pt
baskerville: bold italic 18pt
baskerville: regular 12pt
baskerville: semibold 12pt
SPRING 2012 info design | Lecture 03 | Burow
COLO
R
SPRING 2012 info design | Lecture 03 | Burow
COLO
R
COLOR HARMONYIn visual experiences, harmony is something that is pleasing to the eye. It engages the viewer and it creates an inner sense of order, a balance in the visual experience. When something is not harmonious, it’s either boring or chaotic. At one extreme is a visual experience that is so bland that the viewer is not engaged. The human brain will reject under-stimulating information. At the other extreme is a visual experience that is so overdone, so chaotic that the viewer can’t stand to look at it. The human brain rejects what it can not organize, what it can not understand. The visual task requires that we present a logical structure. Color harmony delivers visual interest and a sense of order.
The details are not the details. They make the design. –Charles Eames.
The details are not the details. They make the design. –Charles Eames.
SPRING 2012 info design | Lecture 03 | Burow
ICON
S/S
YM
BO
LS
SPRING 2012 info design | Lecture 03 | Burow
VIS
UAL H
IERA
RCH
Y
SPRING 2012 info design | Lecture 03 | Burow
VIS
UAL H
IERA
RCH
Y
SPRING 2012 info design | Lecture 03 | Burow
VIS
UAL H
IERA
RCH
Y
SPRING 2012 info design | Lecture 03 | Burow
VIS
UAL H
IERA
RCH
Y
SPRING 2012 info design | Lecture 03 | Burow
LINE W
EIGH
T
SPRING 2012 info design | Lecture 03 | Burow
LINE W
EIGH
T
SPRING 2012 info design | Lecture 03 | Burow
GR
ID S
YS
TEMS
SPRING 2012 info design | Lecture 03 | Burow
review of last weekgraphic design principles
Nigel Holmes/Otto NeurathInfographic poster
SPRING 2012 info design | Lecture 03 | Burow
review of last weekgraphic design principles
Nigel Holmes/Otto NeurathInfographic poster
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
SPRING 2012 info design | Lecture 03 | Burow
WHAT TO DO THIS WEEK?
SPRING 2012 info design | Lecture 03 | Burow
CHALLENGE 1- TASK 2
SURVEYING:
Conduct a brief fashion survey among your friends, posing such questions as “ what makes a person stylish?” or “Draw your favorite item from your closet”. Working in teams, design a method to collect the data, and then input that information into a document and the sort and organize so that the information starts to ‘make sense’ and patterns emerge. Remember, this is about comparing data and there are many ways to do that. You can organize by nodes, clusters, axis, quantity, quality/ image, word, number. Based on the information you collect, you will represent this information in two ways:
(1) (2) visualize the pattern to better understand the information (creating a poster)
visualize the pattern to transform information into aesthetic (create a surface pattern for fabric)
CHALLENGE 1- TASK B
SPRING 2012 info design | Lecture 03 | Burow
HOW TO MAKE aninfo graphic poster
HEADLINE- grabs attentionsupporting paragraph is a summary explination of the question you are asking. At least 2-3 sentences long and supports the headline. Explain how you got your info, how long it took etc.
headline is posed as a question. It is BIG and important
graphics help answer the question
graphics have supporting text/labels/color codes to help viewer understand imformation being presented
use color to highlight/connect important
use graphics/symbols/icons to help summarize idea/topic/subject
SPRING 2012 info design | Lecture 03 | Burow
HOW TO MAKE asurface design
SPOONFLOWER.comCotton Sateen 56” x 36”
36”
56”