38

[Info03]infographics

Embed Size (px)

Citation preview

Page 1: [Info03]infographics
Page 2: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Course

Weekly Schedules

1 Class Orientation - 수업 및 프로젝트 소개

- 아이스 브레이킹

2 About Information Design

- 정보디자인의 정의

- 정보디자인의 타입

- 정보디자인의 중요성

3 Information Design &

Everyday life/Environment - 실생활에서의 정보디자인 사례보기

4 Information Design Process(1)

- Discovery

- 정보디자인 대상 찾기

- 문제정의

5 Information Design Process(2)

- Research

- 데이터 수집

- 데스크 리서치

6 Information Design Process(3)

- Data Structure

- 수집된 데이터의 통찰

- 매핑.패턴을 활용한 데이터의 설계

7 Information Design Process(4)

- Data Visualization

- 맵. 차트. 다이어그램 등 디자인요소

- 매타포와 컨셉

- 정보의 시각화를 위한 재설계

Page 3: [Info03]infographics

00. SHOW TIME!

Page 4: [Info03]infographics

01. Information Design Process

Page 5: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Design Process

계획하다

전개하다

기획하다

표현하다

구상하다

메시지로 만들다

이야기하다

정보를

Page 6: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Design Process

FACT

주어짂 상황, 결과

DATA

사실을 모은

자료

CONTENTS

Data에서 추출한 고객에게 도움이 되는 정보

CONCEPT

정보 전달의 주제, 테마, 키워드, 상상이미지

STORY

Concept을 전개해나가는 전체 줄거리, 이야기 흐름

VISUAL

정보의 시각적 표현, 직관적인 핵심, 그래프

MESSAGE

사용자에게 최종적으로 전달되어야 하는 주장, 사상

Page 7: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Design Process

Information Design

Info Graphics

Data Visualization

Data

Page 8: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Design Process

사실 통계 시각화 비교 컨셉 스토리 메세지

Data Visualization

Information Visualization

Information Design

누구를 대상으로, 어떻게, 무엇을

Page 9: [Info03]infographics

02. Data Visualization

Page 10: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Data Visualization

2.1 데이텨 통계를 활용한 Floating Chart Program www.gapminder.org

Page 11: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Data Visualization

2.2 공개 데이터를 활용 www.flowingdata.com

Page 12: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Data Visualization

2.2 공개 데이터를 활용 www.data.gov

Page 13: [Info03]infographics

03. Information Graphics

Page 14: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics

Page 15: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics

Page 16: [Info03]infographics

Information Graphics

Page 17: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics Auto Tools

3.1 인터랙티브 챠트와 인포그래픽 자동화 툴 www.infogr.am

Page 18: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics Auto Tools

3.2 챠트와 인포그래픽 디자인 툴 www.pittochart.com

Page 19: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics Auto Tools

3.3 초갂단 챠트와 인포그래픽 디자인 툴 www.pittochart.com

Page 20: [Info03]infographics

04. Information Graphics for Presentation

Page 21: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics for presentation

For General For Presentation

Fact

Data

Contents

Concept

Story

Visual

Message

Page 22: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics for presentation

For General For Presentation

정보전달(홍보) 목적 메시지 설득

직사각형 형태 Screen Ratio

통합형 페이지 요약형/분리형

여유 제작기갂 짧은 시갂

전문 디자이너 디자인 디자인 비전공자도 가능

Page 23: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics for presentation

INFOGRAPHICS

비쥬얼 표현력

컨텐츠를 만들어내는 전문지식

창의적인 아이디어를 도출하는 기획력

Page 24: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics for presentation

창의적인 기획력 + 컨텐츠 가공능력 세계적인 비주얼 표현 능력자

Page 25: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Information Graphics for presentation

창의적인 기획력 + 컨텐츠 가공능력 세계적인 비주얼 표현 능력자

Page 26: [Info03]infographics

• Infographics In Korea

Page 27: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

월간디자인 www.design.co.kr

Page 28: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

연합뉴스 www.yonhapnews.co.kr/medialabs

Page 29: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

전자신문 www.etnews.com

Page 30: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

삼성전자 http://www.samsungtomorrow.com/category/인포그래픽

Page 31: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

KT http://smartblog.olleh.com

Page 32: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

민중의 소리 www.vop.co.kr

Page 33: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Infographics In Korea

정부대표 SNS 블로그 www.hellopolicy.kr

Page 34: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

관찰력과 호기심

일에 대한 열정

오랜시간 버틸수 있는 체력

유머감각

이성

감성과 공감

글쓰기와 그리기

정보디자인을 잘하려면?

Page 35: [Info03]infographics

05. LET’S PRACTISE

Page 36: [Info03]infographics

KGIT 2011 Spring Semester | JYLEE

Info.2013.jylee6977.com/tc

Word Cloud

Word Cloud 자동화 툴 www.wordle.net

Page 37: [Info03]infographics

Word Cloud by designer

Page 38: [Info03]infographics

• SEE YOU