http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
Information DesignKGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
Course
TODAY
Visual Thinking
도해사고 & 그림문자
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
도해는 타인이 이해하기 쉽게 그리기 보다는,
먼저 자신을 위해 그려야 함.
스스로 정보의 관계성과 구조를 이해하면서 그 모습 그대로 그려내는 것.
도해 표현 시 중요한 점
I. 도해 표현을 시작하기 전에
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
도해 표현의 이점
좌뇌, 우뇌의 협력으로 자신의 사고의 시각화.
좌뇌의 논리적 사고 + 우뇌의 직감적 사고를
동시에 협력적 활용.
자신의 이해와 발상을 시각화 가능
수천개의 뇌의 뉴런을 활성화
I. 도해 표현을 시작하기 전에
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
도해 표현의 효과
1. 정보의 정리와 빠른 기록이 가능하다
2. 복잡한 이야기라도 전체적으로 볼 수 있다.
3. 빠지거나 모순이 있는 부분을 발견할 수 있다.
관계도에서의 누락, 매트릭트에 따른 누락과 모순의 발견
II. 도해 표현 시작
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
도해 표현의 효과
4. 문자만으로 기록하는 것보다 훨씬 기억이 오래 남는다.
우뇌의 기억력은 좌뇌에 비해 약 백 만배 이상. (좌뇌 직렬구조, 우뇌 병력 구조)
영상화한 후 관련 지으면 기억력이 강화
* 헤르만 에빙하우스의 망각곡선
II. 도해 표현 시작
장기기억으로 가기 위해서는
정보를 관련 짓고 영상화하는 것이 좋다
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
도해 메모의 시작
Ex1. A는 B에게 X를 제공한다.
Ex2. A와 B는 X관계다
Ex3. A는 B에게 X를 대량으로 제공한다.
그러나 C에게는 소량밖에 제공하지 않는다.
D에게는 곧 제공한 예정이다.
III. 도해 표현 실천
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
기본 중의 기본은 사각형과 화살표
III. 도해 변형(1)
제공을 나타내는 도해. “A는 B에게 C만큼 출자하고 있다.”
순서를 나타내는 도해. “C를 이용하여 A 다음에 B가 된다.”
명령을 나타내는 도해. “A는 B에게 C를 지시내린다.“
원인과 결과를 나타내는 도해. “C이후 A는 B가 된다.“
이동수단을 나타내는 도해. “A에서 B까지 C를 이용하여 이동한다.”
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
사각형과 화살표의 기본패턴"교환과 이동"
III. 도해 변형(2)
A와 B사이에서 C와 D라는 재물을 교환한다.
A가 B에게 상품이나 서비스(C)를 제공하고 B는 그 대금 D를 지불한다.
A가 B에게 명령을 내리고 B는 A의 명령에 맞는 D를 제시한다.
A의 다음순서가 B지만 다시 A에게 돌아온다.
A에서 B로 이동수단 C를 이용해 이동하고, 그 후 이동수단 D를 이용해 돌아온다.
A가 B에게 요청(C)하면 B는 A에게 그 결과 D를 보낸다
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
사각형과 화살표의 기본패턴"협조와 대립"
III. 도해 변형(3)
A와 B는 동료, A와 B는 상호부조관계
A와 B는 어떤 종류의 제휴, 동맹, 협조관계
A와 B는 C로 인한 대립관계
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
점선으로 과거 혹은 미래의 예정을 나타낸다.
III. 도해 변형 (1)
A와 B는 미래에 C의 관계가 발생할 예정이다.
A와 B는 과거에 C의 관계가 있었다. (현재는 연결되어있지 않다.)
A는 B에게 미래에 C를 줄 예정
A에서 B까지 미래에 C를 이용하여 이동할 예정
A는 B에게 과거C를 주었다.
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
선의 두께와 크기로 강도와 착안점 표현
III. 도해 변형 (1)
A가 B에게 제공하는 것이 다른 거에 비해 강하고 많다.
B에서 C에게, B에서 D에게 제공하는 것이 두께의 차이만큼 약하고 양이 적음을 나타낸다.
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
구성요소를 분해하여 정보를 정리한다.
III. 도해 변형 (5)
A와 B,C,D,E는 주종관계
A의 구성요소는 B-E
A목표를 위한 구체적인 실행이 B-E
A의 원인과 이유가 B-E
A에 B-E가 속한다
A가 부모이고 B-E가 자식.
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
여섯 가지 분해축으로 정보를 나눈다.
III. 도해 변형 (6)
매출
사업별 등의 카테고리를 나누면?
매출의 크기 등 절대량으로 나누면?
매출의 시장점유율 등 비율로 나누면?
영역별과 상품별 등, 두 가지 변수로 나누면?
기능과 디자인 등, 두 가지 평가 축으로 나누면?
월별 매출 등, 시간 축으로 나누면?
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
여섯 가지 분해축으로 정보를 나눈다.
III. 도해 변형 (7)
1. 요소로 분해 2. 절대량으로 분해 3. 비율로 분해
4. 변수로 분해 5. 평가 축으로 분해 6. 시간 축으로 분해
http://info.jylee6977.com/tc
KGIT 2015 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
그룹으로 만들어 정보의 흐름을 전체적으로 본다.
III. 도해 변형 (7)

More Related Content

PDF
[Info05]visual thinking iv
PDF
[Info03]visual thinkingii
PDF
[Info04]visual thinkingiii
PDF
[Info02]visual thinking
PDF
[Info2016]01introduction
PDF
[Info06]graphical thinking
PDF
[Info13] information design
PDF
[Info03]visual thinking01
[Info05]visual thinking iv
[Info03]visual thinkingii
[Info04]visual thinkingiii
[Info02]visual thinking
[Info2016]01introduction
[Info06]graphical thinking
[Info13] information design
[Info03]visual thinking01

What's hot (17)

PDF
[Info09]visual leaderi 은유와모델
PDF
[Info10]visual leaderii
PDF
[Info05]visual thinking03
PDF
[Info12] information design
PDF
[Info04]visual thinking02
PDF
[Trends2016]introduction
PDF
[Info14] information design iii
PDF
[Info07]data visualization02
PDF
[Trends]02 terms
PDF
[Trends]12 trend researchii_
PDF
[Info01]introduction
PDF
[INFO2014]03_VisualThinking01
PDF
[Trends]14 trend researchiv
PDF
[Info2014]01Introduction
PDF
[Trends]13 trend researchiii_
PDF
[Trends]09 consumer trends
PDF
[Trends]03 mega trends
[Info09]visual leaderi 은유와모델
[Info10]visual leaderii
[Info05]visual thinking03
[Info12] information design
[Info04]visual thinking02
[Trends2016]introduction
[Info14] information design iii
[Info07]data visualization02
[Trends]02 terms
[Trends]12 trend researchii_
[Info01]introduction
[INFO2014]03_VisualThinking01
[Trends]14 trend researchiv
[Info2014]01Introduction
[Trends]13 trend researchiii_
[Trends]09 consumer trends
[Trends]03 mega trends
Ad

Viewers also liked (15)

PDF
[NBSD2015]CLASS02
PDF
[Trends]05 macro trends 01
DOCX
Iara computadora pc
PDF
[Trends]04 mega trendsii
PPTX
[IMR2014]WEEK05
PDF
[INFO2014]02_Definition
PDF
03 dt practise
PDF
04 dt practise_심화
PDF
[Trends]10 trend research__
PPTX
Visual Thinking for Brainstorming, Planning, Learning, Collaborating, Harvesting
PDF
디자인씽킹 (Design Thinking)
PDF
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
PDF
Design thinking 20150821_print
PDF
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
PDF
지식의 시각화 2
[NBSD2015]CLASS02
[Trends]05 macro trends 01
Iara computadora pc
[Trends]04 mega trendsii
[IMR2014]WEEK05
[INFO2014]02_Definition
03 dt practise
04 dt practise_심화
[Trends]10 trend research__
Visual Thinking for Brainstorming, Planning, Learning, Collaborating, Harvesting
디자인씽킹 (Design Thinking)
사회적기업가를 위한 디자인씽킹 (Design Thinking for Social Entrepreneurs)
Design thinking 20150821_print
디자인씽킹(Design Thinking) 이해와 실습 (Seoul Creative Lab 교육과정): 김정태
지식의 시각화 2
Ad

More from JY LEE (9)

PDF
[Trends]06 tech trends
PDF
[IRU2016]CLASS02_SCIENTIFIC RESEARCH
PDF
[IRU2016]CLASS01_INTRODUCTION
PDF
14 service design prototyping
PDF
10 mapping
PDF
10 dt observation
PDF
10 service design define
PDF
08 따뜻한기술
PDF
06 social design
[Trends]06 tech trends
[IRU2016]CLASS02_SCIENTIFIC RESEARCH
[IRU2016]CLASS01_INTRODUCTION
14 service design prototyping
10 mapping
10 dt observation
10 service design define
08 따뜻한기술
06 social design

[Info06]graphical thinking

  • 1. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN Information DesignKGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN
  • 2. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN Course TODAY Visual Thinking 도해사고 & 그림문자
  • 3. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 도해는 타인이 이해하기 쉽게 그리기 보다는, 먼저 자신을 위해 그려야 함. 스스로 정보의 관계성과 구조를 이해하면서 그 모습 그대로 그려내는 것. 도해 표현 시 중요한 점 I. 도해 표현을 시작하기 전에
  • 4. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 도해 표현의 이점 좌뇌, 우뇌의 협력으로 자신의 사고의 시각화. 좌뇌의 논리적 사고 + 우뇌의 직감적 사고를 동시에 협력적 활용. 자신의 이해와 발상을 시각화 가능 수천개의 뇌의 뉴런을 활성화 I. 도해 표현을 시작하기 전에
  • 5. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 도해 표현의 효과 1. 정보의 정리와 빠른 기록이 가능하다 2. 복잡한 이야기라도 전체적으로 볼 수 있다. 3. 빠지거나 모순이 있는 부분을 발견할 수 있다. 관계도에서의 누락, 매트릭트에 따른 누락과 모순의 발견 II. 도해 표현 시작
  • 6. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 도해 표현의 효과 4. 문자만으로 기록하는 것보다 훨씬 기억이 오래 남는다. 우뇌의 기억력은 좌뇌에 비해 약 백 만배 이상. (좌뇌 직렬구조, 우뇌 병력 구조) 영상화한 후 관련 지으면 기억력이 강화 * 헤르만 에빙하우스의 망각곡선 II. 도해 표현 시작 장기기억으로 가기 위해서는 정보를 관련 짓고 영상화하는 것이 좋다
  • 7. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 도해 메모의 시작 Ex1. A는 B에게 X를 제공한다. Ex2. A와 B는 X관계다 Ex3. A는 B에게 X를 대량으로 제공한다. 그러나 C에게는 소량밖에 제공하지 않는다. D에게는 곧 제공한 예정이다. III. 도해 표현 실천
  • 8. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 기본 중의 기본은 사각형과 화살표 III. 도해 변형(1) 제공을 나타내는 도해. “A는 B에게 C만큼 출자하고 있다.” 순서를 나타내는 도해. “C를 이용하여 A 다음에 B가 된다.” 명령을 나타내는 도해. “A는 B에게 C를 지시내린다.“ 원인과 결과를 나타내는 도해. “C이후 A는 B가 된다.“ 이동수단을 나타내는 도해. “A에서 B까지 C를 이용하여 이동한다.”
  • 9. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 사각형과 화살표의 기본패턴"교환과 이동" III. 도해 변형(2) A와 B사이에서 C와 D라는 재물을 교환한다. A가 B에게 상품이나 서비스(C)를 제공하고 B는 그 대금 D를 지불한다. A가 B에게 명령을 내리고 B는 A의 명령에 맞는 D를 제시한다. A의 다음순서가 B지만 다시 A에게 돌아온다. A에서 B로 이동수단 C를 이용해 이동하고, 그 후 이동수단 D를 이용해 돌아온다. A가 B에게 요청(C)하면 B는 A에게 그 결과 D를 보낸다
  • 10. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 사각형과 화살표의 기본패턴"협조와 대립" III. 도해 변형(3) A와 B는 동료, A와 B는 상호부조관계 A와 B는 어떤 종류의 제휴, 동맹, 협조관계 A와 B는 C로 인한 대립관계
  • 11. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 점선으로 과거 혹은 미래의 예정을 나타낸다. III. 도해 변형 (1) A와 B는 미래에 C의 관계가 발생할 예정이다. A와 B는 과거에 C의 관계가 있었다. (현재는 연결되어있지 않다.) A는 B에게 미래에 C를 줄 예정 A에서 B까지 미래에 C를 이용하여 이동할 예정 A는 B에게 과거C를 주었다.
  • 12. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 선의 두께와 크기로 강도와 착안점 표현 III. 도해 변형 (1) A가 B에게 제공하는 것이 다른 거에 비해 강하고 많다. B에서 C에게, B에서 D에게 제공하는 것이 두께의 차이만큼 약하고 양이 적음을 나타낸다.
  • 13. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 구성요소를 분해하여 정보를 정리한다. III. 도해 변형 (5) A와 B,C,D,E는 주종관계 A의 구성요소는 B-E A목표를 위한 구체적인 실행이 B-E A의 원인과 이유가 B-E A에 B-E가 속한다 A가 부모이고 B-E가 자식.
  • 14. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 여섯 가지 분해축으로 정보를 나눈다. III. 도해 변형 (6) 매출 사업별 등의 카테고리를 나누면? 매출의 크기 등 절대량으로 나누면? 매출의 시장점유율 등 비율로 나누면? 영역별과 상품별 등, 두 가지 변수로 나누면? 기능과 디자인 등, 두 가지 평가 축으로 나누면? 월별 매출 등, 시간 축으로 나누면?
  • 15. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 여섯 가지 분해축으로 정보를 나눈다. III. 도해 변형 (7) 1. 요소로 분해 2. 절대량으로 분해 3. 비율로 분해 4. 변수로 분해 5. 평가 축으로 분해 6. 시간 축으로 분해
  • 16. http://info.jylee6977.com/tc KGIT 2015 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN 그룹으로 만들어 정보의 흐름을 전체적으로 본다. III. 도해 변형 (7)