33
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 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN

[Info04]visual thinking02

Embed Size (px)

DESCRIPTION

KGIT 2014 Fall Information Design Class

Citation preview

Page 1: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Information DesignK G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

Page 2: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Visual Thinking 02벌새되기/VIVID문법

Page 3: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 4: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 우리가가져야할세가지중요한것

Page 5: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 그리고필요한 Process는

보기 찾기 상상하기 보여주기

Page 6: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 4 Ways of visual thinking

Page 7: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| Visual Thinking을위한도구들

1. 눈으로잘보기2. 눈을통해머리로잘상상하기3. 머리에있는것을손으로잘그려내기

Page 8: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Visual Thinking Exercise 01.

MIND’S EYE See & ImagePatternMatching

Page 9: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 보기와상상동시에움직이기

아래다섯카드중제대로인쇄된카드는한장. 다른네장의다른점이무엇인지찾고바른것을찾으시오

시각적사고연습 See & Imagine 01

Page 10: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 보기와상상동시에움직이기

시각적사고연습 See & Imagine 02

다섯개의나비의패턴각각다른것이무엇인지찾으시오

Page 11: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 보기와상상동시에움직이기

짝을찾으시오.

시각적사고연습 See & Imagine 03

Page 12: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 이미지안에서의패턴찾아내기

다음넷이미지안에왼쪽의이미지패턴이숨겨져있는지찾아볼것

시각적사고연습 PATTERN

Page 13: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 패턴찾기와패턴맺음하기

다음행렬의규칙을찾아물음표자리에알맞은것을넣으시오.

시각적사고연습 PATTERN 04

Page 14: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

|같은것끼리매칭시키기

시각적사고연습 MATCHING

a. b. c. d. e.

Page 15: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

|공간각적으로매칭하기

시각적사고연습 MATCHING

a. b. c. d. e.

Page 16: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

|분류화하여매칭하기

시각적사고연습 CATEGORAZING

Page 17: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Visual Thinking Exercise 02.

HAND’S EYE PortraitsGraphsMapFlowchart

Page 18: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

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

Page 19: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

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

Page 20: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 00. VIVID 문법

1. Portrait는명사와대명사의시각적표현이다.

2. Chart는수량형용사의시각적표현이다

3. Map은전치사와접속사의시각적표현이다.

4. Time Chart는시제의시각적표현이다.

5. Flow Chart는복합적인동사의시각적표현이다.

6. Multi Variable Plot은복합적인주어의시각적표현이다.

= 명사와대명사

= 수량형용사

= 전치사와접속사

= 시제

= 복합적인동사

= 복합적인주어

Page 21: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

아이디어속, 얘기속의누구와무엇

이야기의중심이되는어떤명사의 간단한포트레이트를그리는것이비비드묘사의시작

세부사항들을묘사하여특정사용자등을표현

포트레이트를발전시키면동사도표현가능

Page 22: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

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

Page 23: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

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

Page 24: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

Page 25: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 02. 수량형용사: 차트

얼마나많은가? 에대한시각적인답변

차트를만드는가장좋은방법은먼저비교할항목의포트레이트를그린다음각항목이차지하는상대적수량을보여주는상자나, 원을그리는것.

Page 26: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

모든사용자가휴대전화를두대씩소유하고, 모든휴대전화에우리 APP을다섯개씩사용한다면아주이상적이지.

이것을그래프로표시하시오

| 02. 수량형용사: 차트

Page 27: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait

모든사용자가휴대전화를두대씩소유하고, 모든휴대전화에우리 APP을다섯개씩사용한다면아주이상적이지.

이것을그래프로표시하시오

| 03. 아이디어전치사: 맵

Page 28: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait| 03. 아이디어전치사: 맵

언어문법의전치사가담당하는역할과일치.어떤것이다른것과비교하여어떤위치에있는지를보여준다.

맵은전치사와접속사의시각적표현으로, 각항목들이어떤위치에있는지보여줄수있는수단을제공한다.

Page 29: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait| 04. 아이디어의시제: 타임라인

타임라인은우리가보는대상과사건은시간적관계를표현한다.시제의 시각적등가물이다.

이전,지금, 이후 : 시간은일방통행이다.

Page 30: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

| 01.아이디어속명사 : Portrait| 05. 복합적인동사: 플로우차트

명사와전치ㅏ, 시제가상호작용하여복합적인동사역할을수행한다.

누구와무엇, 포트레이트 + 어디의맵 + 언제의타임라인 = 어떻게의플로차트픞형성한다.

Page 31: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

Page 32: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

FOR NEXT WEEK,

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

Page 33: [Info04]visual thinking02

K G IT 2 0 1 4 F F a ll S e m e s t e r | J Y L E E

INFORMATION DESIGNINFORMATIONDESIGN

http://info2014.jylee6977.com/tc

다음주에 계속

기록하기생각하기그리고스케치하기