[info10]infographics02

25
KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info2014.jylee6977.com/tc Information Design KGIT 2014 Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN

Upload: jyleesidlab

Post on 03-Jul-2015

579 views

Category:

Design


7 download

DESCRIPTION

2014 2nd SIDLAB/JYLEE Information Design Class

TRANSCRIPT

Page 1: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information DesignKGIT 2014 Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

Page 2: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

INFOGRAPHICS두 번째 이야기

Page 3: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽의유형 Types of Infographics

통계기반 타임라인기반 프로세스기반 지리.위치 기반 비교기반

Page 4: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽가장일반적인인포그래픽유형. 숫자로된데이터를기반으로표나그래프를이용하여만들어짐.

1) 숫자로된데이터를충분한시간과노력을들여이해하는 것이가장중요!

2) 어떤이야기를전달하고싶은지충분히고민

3) 꼭필요한정보만추려서최대한간결하게표현

교훈과 경각심 그리고 정보

Page 5: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

교훈과 경각심

Page 6: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

교훈과 경각심

Page 7: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

교훈과 경각심

Page 8: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A. 통계기발인포르개픽 > 차트와 그래프

세로형막대그래프 가로형막대그래프 파이차트 아이서클파이차트

꺽은선그래프 누적그래프 스카터차트 스파이더차트

Page 9: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 버블맵

버블비교

버블트리맵

버블레이스벤다이어그램버블

Page 10: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 막대그래프

범주수의많고적음, 양의크고작음, 일별, 월별, 연별통계등에많이이용.한축에는비교되는특정범주를표시하고다른축에는비교되는값을나타낸다.

DON’T

DO’S

Page 11: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 라인그래프

선그래프는데이터를점으로표시하고선으로연결하여정보를나타내는그래프.선그래프는시간간격에따라시간순으로그려지는데이터추세를시각화할때많이활용됨

주의사항1. 눈에잘들어오는위치는 Y축의 2/3높이2. Y축엔익숙한숫자로표시3. 알맞은굵기의선사용4. 그림자효과 NONONO!

Page 12: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 파이차트

파이차트는부문수치비율크기에비례하게원조각을표현한그래프. 특정항목이전체집단가운데 차지하는비중을확인할때매우유용.

주의사항1. 조각합은반드시 100%2. 자르는것도기술3. 1등부터꼴찌까지줄세우기

시작은항상이곳에서

1등2등

3등

4등5등

Page 13: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 트리맵

트리맵은사각형을사용하여조직구조와같은계층적정보를시각화할때유용하다.주어진공간에많은데이터를표시할때활용하기좋으며, 인터랙티브한요소를더하면더많은정보를효율적으로제공가능하다.

1. 데이터가계층구조일때사용2. 너무많은색사용금지

Page 14: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 버블맵

버블차트는데이터의세가지차원을표시함. 세가지항목값을원으로표시하며, 사회/경제/과학관계이해를나타낼때많이사용된다.

1. 면적이두배가아닌네배가되지않도록주의2. 양수값을표현할때사용3. 흐린배경색사용

Page 15: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 버블맵

Page 16: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 버블맵

Page 17: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

A.통계기반인포그래픽 > 벤다이어그램

차트와그래프는수치를비교해서보여줄때유용한반면, 다이어그램은개념을시각화할수도있고,시간이나일의흐름을한눈에보기편하게구성할수있으며, 전략이나조직구성도를보여줄때활용한다.

벤다이어그램:부분집합, 합집합, 교집합등집합사이연산을쉽게설명하기위해나타낸도식플로다이어그램: 작업진도나처리과정등을일정한양식으로나타낸것. 단계별문제를해결해야하거나, 여러과정을표현할때, 논리적인결론을도출해야할때유리.

Page 18: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

B. 타임라인기반인포그래픽시간순서대로정보를보여주는형태. 기업이나제품의역사, 프로젝트일정등시간성을가진 정보를표현하기 적합

1) 선형태로 선형선을 표현

2) 문자, 선, 숫자, 레이블등을디자인요소로활용

Page 19: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

C. 프로세스기반인포그래픽여러가지현상이서로연관성을갖고진행되는 것. 한장안에서일의과정을이해하기 쉽게나타낸것으로 , 복잡한업무처리과정이나

무엇인가를만드는과정을보여줄때효과적으로사용할수있음.

Page 20: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

C. 타임라인기반인포그래픽시간순서대로정보를보여주는형태. 기업이나제품의역사, 프로젝트일정등시간성을가진 정보를표현하기 적합

1) 선형태로 선형선을 표현

2) 문자, 선, 숫자, 레이블등을디자인요소로활용

Page 21: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

D. 위치, 지리기반인포그래픽정보를지도위에나타내는것이일반적. 국가별혹은지역별로비교할때나, 건물층별안내도를보여줄떄, 학문영역범위를나타낼

때등다양한경우에사용.

Page 22: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 23: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 24: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

E. 비교형식인포그래픽서로상반되는데이터를대조및비교함으로써그상태를더욱선병하게 드러내는표현방법으로강력한설득화

이해를이끌어야할경우유용하게사용할수있다.

Page 25: [Info10]infographics02

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

KGIT 2014 F Fall Semester | JYLEE

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

인포그래픽유형

E. 비교형식인포그래픽