[Info04]visual thinkingiii

KGIT 2016 Spring Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN

INFORMATION DESIGN
INFORMATIONDESIGN

INFORMATION DESIGN
INFORMATIONDESIGN
낙서게임. 얼굴 만들기
멋진 선을 그은 후, 그 선을
중심으로 사람 만들기
숙제

INFORMATION DESIGN
INFORMATIONDESIGN
Course
TODAY
Visual Thinking 03
F.O.R.E.S.T 기법

INFORMATION DESIGN
INFORMATIONDESIGN
Before we start,
당신은 어떤 뇌일까요?

INFORMATION DESIGN
INFORMATIONDESIGN
Before we start,

INFORMATION DESIGN
INFORMATIONDESIGN
| 사이로 사고하기 Bridge Within
오리로 보이나요? 그럼 좌뇌 성향
토끼로 보이나요? 그럼 우뇌 성향
인간의 뇌는 한번에
하나의 선호되는 편의 뇌가 작용하기 떄문에
매슬로 Maslow는,
좌뇌에서 우뇌로의 내면적 이동은 정신건강과 사고하는 건강한 사고에 도움
대부분의 창의적 사고는 두 뇌의 자연스러운 융합의 과정을 걷힌 사람
“A truly integrated person can be both secondary and primary;
both mature and childish. He can regress and then come back to reality,
becoming more controlled and critical in his responses.”,
Maslow, A. “Emotional Blocks to Creativity”

INFORMATION DESIGN
INFORMATIONDESIGN
| Interactive Imaginary
시각적 사고는 보기, 상상하기, 그리기가 하나의 작용으로
유기적으로 이루어 질 때 최상을 이룬다.
다각적 사고로 문제를 바라보기
See a problem from several angles
다양한 해결점을 상상해보기
Imagine alternate solutions
아이디어를 스케치하기
Draw sketches
지각적이고, 내면적이고, 이미지적인 이미지를 지속적으로
맴돌다가 최종적으로 결론을 찾는다.
Cycle between perceptual, inner, and graphic ima
ges until the problem is solved.

INFORMATION DESIGN
INFORMATIONDESIGN
Course
TODAY 01
Visual Thinking 03
EXERCISE

INFORMATION DESIGN
INFORMATIONDESIGN
| Visual Memory
활발한 시 지각은 정확한 기억력과 동등하다.
다음의 이미지를 계속 보고 이를 활용한 이미지를 그려라.
Visual Thinking Exercise 01

INFORMATION DESIGN
INFORMATIONDESIGN
| Visual Memory
반대로 그리기

INFORMATION DESIGN
INFORMATIONDESIGN
| Orthographic Imagination
하나의 객체가 다양한 관점에서 보이는 상상능력
Ability to imagine how a solid object looks from
several directions

INFORMATION DESIGN
INFORMATIONDESIGN
| Orthographic Imagination
우측의 어떤 매듭이 단단하게 엮어질 것인가?

INFORMATION DESIGN
INFORMATIONDESIGN
| Kinesthetic Imagery
운동 상상에 의한 시각공간 작용
Motion in visual-spatial operations is effected by
kinesthetic (muscle) imagery

INFORMATION DESIGN
INFORMATIONDESIGN
| Visual Reasoning
시각적 사고에서의 합리적인 추론은 언어와 수리적 사고와 동일하게 일어남.
하지만, 시각에서의 연역적 추론은 쉽지 않음.
(추상에서의 추론 기법 등의 예)

INFORMATION DESIGN
INFORMATIONDESIGN
| Visual Reasoning : Visual Induction

INFORMATION DESIGN
INFORMATIONDESIGN
02.
VIVID 사고

INFORMATION DESIGN
INFORMATIONDESIGN
=
sual
+
erbal
nter ependent
VIVID 사고로 거듭나기

INFORMATION DESIGN
INFORMATIONDESIGN
=
VIVID 사고로 거듭나기

INFORMATION DESIGN
INFORMATIONDESIGN
Visual Thinking 03
F.O.R.E.S.T

INFORMATION DESIGN
INFORMATIONDESIGN
| Terms of FOREST
VIVID FOREST
• Vivid: 비비드아이디어는 말과 그림으로 표현된다.
• F : 비비드 아이디어는 Form이 있다.
• O: 비비드 아이디어는 오직 핵심(Only essential)만을 보여준다.
• R: 비비드 아이디어는 알아볼 수(Recognizable) 있다.
• E: 비비드 아이디어는 발전(Evolve)을 한다.
• S: 비비드 아이디어는 상이한 것을 결합(Span differences)한다.
• T: 비비드 아이디어는 목표가 설정되어(Targeted) 있다.

INFORMATION DESIGN
INFORMATIONDESIGN
| VIVID = 언어 + 시각적
VIVID FOREST 01

INFORMATION DESIGN
INFORMATIONDESIGN
| VIVID SKILL
VIVID FOREST 01
* 이것을 들으면  저것을 그린다.
이름을 들으면 포트레이트를 그려라
숫자를 들으면 차트를 그려라
목록을 들으면 맵을 그려라
이력을 들으면 타임라인을 그려라
복합적 사실을 들으면
다변수 플롯을 그려라
시퀀스를 들으면
플로차트를 그려라

INFORMATION DESIGN
INFORMATIONDESIGN
“EX 1 이름을 들으면 포트레이트를 그려라.”
나는 PC입니다. 북미에서는 2인자이죠. 어떻게 하면 1인하인 MAC을 이겨서
저희 이름만 아는 사람들에게 저를 알릴 수 있을까요?
| FORM SKILL
VIVID FOREST 02

INFORMATION DESIGN
INFORMATIONDESIGN
| FORM SKILL
VIVID FOREST 02
“EX 1 이름을 들으면 포트레이트를 그려라.”
나는 PC입니다. 북미에서는 2인자이죠. 어떻게 하면 1인하인 MAC을 이겨서
저희 이름만 아는 사람들에게 저를 알릴 수 있을까요?

INFORMATION DESIGN
INFORMATIONDESIGN
| ONLY ESSENTIAL
VIVID FOREST 03
• ‘오직 핵심만’이란 기본적인 것들로 상대의 관심을 끌어야 한다.
• 상대가 관심을 보이면 그때 가서 필요한 세부사항을 첨가하면 된다.
“BLUF”

INFORMATION DESIGN
INFORMATIONDESIGN
| ONLY ESSENTIAL
VIVID FOREST 03

INFORMATION DESIGN
INFORMATIONDESIGN
| RECONIZABLE
VIVID FOREST 04
“Metaphor”

INFORMATION DESIGN
INFORMATIONDESIGN
Visual Thinking Exercise 02.
HAND’S EYE Portraits
Graphs
Map
Flowchart

INFORMATION DESIGN
INFORMATIONDESIGN
| 00. VIVID 문법 : 6가지 보는 방법

INFORMATION DESIGN
INFORMATIONDESIGN
| 00. VIVID 문법 : 6가지 보는 방법과 표현

INFORMATION DESIGN
INFORMATIONDESIGN
| 00. VIVID 문법
1. Portrait는 명사와 대명사의 시각적 표현이다.
2. Chart는 수량 형용사의 시각적 표현이다
3. Map은 전치사와 접속사의 시각적 표현이다.
4. Time Chart는 시제의 시각적 표현이다.
5. Flow Chart는 복합적인 동사의 시각적 표현이다.
6. Multi Variable Plot은 복합적인 주어의 시각적 표현이다.
= 명사와 대명사
= 수량 형용사
= 전치사와 접속사
= 시제
= 복합적인 동사
= 복합적인 주어

INFORMATION DESIGN
INFORMATIONDESIGN
| 01.아이디어 속 명사 : Portrait
아이디어 속, 얘기 속의 누구와 무엇
이야기의 중심이 되는 어떤 명사의 간단한
포트레이트를 그리는 것이 비비드 묘사의 시작
세부사항들을 묘사하여 특정 사용자 등을 표현
포트레이트를 발전 시키면 동사도 표현 가능

INFORMATION DESIGN
INFORMATIONDESIGN
“모든 인간의 평등하다”
PORTRAITS로 그려보세요

INFORMATION DESIGN
INFORMATIONDESIGN
길을 잃은 사용자,
GPS시스템을 이용하여 길을 찾다

INFORMATION DESIGN
INFORMATIONDESIGN

INFORMATION DESIGN
INFORMATIONDESIGN
| 02. 수량 형용사: 차트
얼마나 많은가? 에 대한 시각적인 답변
차트를 만드는 가장 좋은 방법은 먼저 비교할 항목의 포트레이트를 그린 다음 각 항목이 차지하는 상대적 수량을
보여주는 상자나, 원을 그리는 것.

INFORMATION DESIGN
INFORMATIONDESIGN
모든 사용자가 휴대전화를 두 대씩 소유하고,
모든 휴대전화에 우리 APP을 다섯개 씩 사용한다면 아주 이상적이지.
이것을 그래프로 표시하시오
| 02. 수량 형용사: 차트

INFORMATION DESIGN
INFORMATIONDESIGN
모든 사용자가 휴대전화를 두 대씩 소유하고,
모든 휴대전화에 우리 APP을 다섯개 씩 사용한다면 아주 이상적이지.
이것을 그래프로 표시하시오
| 03. 아이디어 전치사: 맵

INFORMATION DESIGN
INFORMATIONDESIGN
| 01.아이디어 속 명사 : Portrait| 03. 아이디어 전치사: 맵
언어문법의 전치사가 담당하는 역할과 일치.
어떤 것이 다른 것과 비교하여
어떤 위치에 있는지를 보여준다.
맵은 전치사와 접속사의 시각적 표현으로,
각 항목들이 어떤 위치에 있는지 보여줄 수 있는 수단을
제공한다.

INFORMATION DESIGN
INFORMATIONDESIGN
| 01.아이디어 속 명사 : Portrait| 04. 아이디어의 시제: 타임라인
타임라인은 우리가 보는 대상과 사건은
시간적 관계를 표현한다.
시제의 시각적 등가물이다.
이전,지금, 이후 : 시간은 일방통행이다.

INFORMATION DESIGN
INFORMATIONDESIGN
| 01.아이디어 속 명사 : Portrait| 05. 복합적인 동사: 플로우 차트
명사와 전치ㅏ, 시제가 상호작용하여
복합적인 동사 역할을 수행한다.
누구와 무엇, 포트레이트 + 어디의 맵 + 언제의 타임라인 = 어
떻게의 플로차트픞 형성한다.

INFORMATION DESIGN
INFORMATIONDESIGN
FOR NEXT WEEK,
근래 일어났던 사건 중 제일 신기한 것(?)에 대해 VIVID문법으로 그려오시오

INFORMATION DESIGN
INFORMATIONDESIGN
Course
TODAY
METAPHOR

INFORMATION DESIGN
INFORMATIONDESIGN
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
마음을 연구하는
심리학자, 인지과학자, 신경생물학자, 행동경제학자=
사람은 뭔가 새로운 것에 맞딱 드리면 익숙한 것을 찾는다는 원칙

INFORMATION DESIGN
INFORMATIONDESIGN
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN

[Info04]visual thinkingiii

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to [Info04]visual thinkingiii

Similar to [Info04]visual thinkingiii (14)

More from JY LEE

More from JY LEE (13)

[Info04]visual thinkingiii