INFO design...2012/02/07 · Back of the Napkin, Dan Roam Proximity: Our eyes assume that things...


review of last weekgraphic design principles

Nigel Holmes/Otto NeurathInfographic poster


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


concept credit: Back of the Napkin, Dan Roam

The Four Steps of Visual Thinking


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


SURVEY DESIGN:How does design help a survey become more or less successful?


OV

ERV

IEW


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





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


COLO

R


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.


ICON

S/S

YM

BO

LS


VIS

UAL H

IERA

RCH

Y


LINE W

EIGH

T


GR

ID S

YS

TEMS


WHAT TO DO THIS WEEK?


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


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


HOW TO MAKE asurface design

SPOONFLOWER.comCotton Sateen 56” x 36”

36”

56”

INFO design...2012/02/07 · Back of the Napkin, Dan Roam Proximity: Our eyes assume that things...

Documents

Transcript of INFO design...2012/02/07 · Back of the Napkin, Dan Roam Proximity: Our eyes assume that things...