KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2016 Spring Semester | JYLEE
VISUAL THINGKING &INFORMATION DESIGN
VISUALTHINKINGINFORMATIONDESIGN
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
http://info.jylee6977.com/tc
Course
Introduction
2016년도 1학기 강의계획서
교과목 명 시각적 사고 & 정보디자인
교과목 구분 전공(필수) 학점/시간 2/2
교과목 코드 NM2507 수업 시간 화 8,9
수강대상 및
코드
23415 강의실 일반
담당 교수
성명 이정연 연구실 강서 605
Office 02-6393-3239
면담시간 금 오후 3시-6시
e-mail jylee@kgit.ac.kr
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
다양한 미디어를 통해 무수한 정보가 쏟아져 나오는 현 시점에서 효과적인 정보
전달을 위한 데이터 시각화, 뉴스그래픽, 정보그래픽들이 제공되고 있다.
디지털미디어에서는 효과적인 정보 전달을 위해 기능적, 미적인 요인들을
고려하는 소통의 지점의 시각적 사고, 정보의 시각화 즉 정보 디자인 방법론이
필요하다.
본 과목에서는 정보를 효율적으로 설계하고 체계화하는 방법을 익히기 위해
1) 시각적으로 사고하는 방법, 2) 사고하여 표현하는 방법, 이를 3) 시각적으로
정보화 시키는 방법들을 익히고 실습해본다.
Course
Definition
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
Course
Goals
Visionary, imagination, reflection, insight, perspective
한 가지 요소에서 발생하는 여러 가지 사건을 인지하는 능력,
한 요소를 다른 요소로 변환시키거나 그 요소가 변화되는 것을 인지하는 능력,
마음속에 이미지를 떠올린 뒤 그 이미지를 변형 할 수 있는 능력,
공간 정보를 그래픽 비슷하게 처리할 수 있는 능력
Information Design
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
1. Visual Thinking : 시각적 사고 기법, 추론방법함양
2. Data Visualization : 데이터의 정보화 및 시각화, 스토리텔링
3. Information Architecture: 정보의 조직화, 체계화, 스토리텔링
4. Information Design: 정보 디자인 방법론을 통한 효과적인 정보 전달
Course
Goals
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
시각적 사고 맛보기
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
“시각적 사고를 하는 우뇌 공부 못하는 사람들의
변명의 뇌가 아니다”
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
시각적 이미지,
공간적 관계,
얼굴/패턴 인식,
몸짓, 비율 등의 처리
논리, 언어, 정돈성,
순차적 시간 인식,
산수
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
나의 위대한 발견은 “아이들이나 물어보는”질문 덕분
즉, 지적 발달이 지체된 나는 어른이 되고 나서야 공간과 시간에 대해 궁금증을 품기 시작했다.
이미 어른이 된 나는 당연히 능력을 갖춘 아이보다는 그 문제를 더 깊이 파고들 수 있었다.
나의 아이디어의 원천은 “이미지를 가지고 장난하며 노는 것”이다.
그리고 그 다음단계를 가서야 세상이 이해하는 언어로, 과학적 사고방식의 틀에 맞는 언어로,
다른 사람과 소통이 가능한 언어로 표현해줄 적절한 말과 수학적 기호를 “열심히” 찾아 나선다.
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
이 사람들의 공통점은?
탐크루즈 리처드 브랜슨 넬슨 록펠러 우드로 윌슨
아인슈타인(물리) 레오나르도 다빈치(과학)윌리엄 제임스 (심리)
하비 쿠싱
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
Dyslexia, Learning disabilities, learning difficulties
탐크루즈 리처드 브랜슨(기업인) 넬슨 록펠러(정치인) 우드로 윌슨(대통령)
아인슈타인(물리) 레오나르도 다빈치(과학)윌리엄 제임스 (심리)
하비 쿠싱(의사)
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
- 너무 당연해서
- 현대 문화에서 공공연하게 중점을 두는 관심사가 거의 전적으로 좌뇌와 가장 잘 호환되는 사고 방식에 의해 독점
되다시피 해서 우리의 세계관, 교육체계, 보상체계, 포부, 가치 체계 등 모든 것이 좌뇌의 작동을 강화하는데 집중
(좌뇌 편향 주의적 사고)
“왜 그럼 우린 우뇌(시각적 뇌)를 무시하는 것인가?”
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
좌우 대뇌반구(그리고 그에 상응하는 서로 다른 사고방식)사이에서 균형을 맞추거나,
양쪽을 넘나들 수 있는 능력을 가진 사람.
창조적인 사람?
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
시각적 사고를 통해
굳어있는 우뇌를 깨워 양쪽 뇌를 쓰자
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
그럼, 시각적 사고란?
머릿속으로 이미지를 만들어내거나 떠올려 그것을 조작하고, 덮어씌우고,
해석하고, 유사한 형태와 연관 짓기도 하고, 회전시키고,
크기를 늘리거나 줄이기도 하고, 왜곡시키고,
하나의 익숙한 이미지에서 다른 이미지로 단계적으로 변형시키기도 하는 사고방식
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
창조적 문제해결
우뇌의 사고방식
문제 인식+ 직관적 추론
패턴
인식
공간
능력
시각적
사고
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
Course
Weekly Schedules
1 Class Orientation
- 수업 소개
- 아이스 브레이킹
2
정의 & 소개
Information Design &
Everyday life/Environment
- 시각적사고/데이터 시각화/정보 그래픽/ 정보 설계/ 정보 디자인 용어 정의 및 소개
- 주변에서 흔히 발견되는 정보디자인의 잘된/ 잘못된 사례
3
시각적 사고 I
Visual Thinking I
- 시각적 사고에 대한 이해
- 간단한 기초 실습
4
시각적 사고 II
Visual Thinking II
- 시각적 사고와 추론에 대한 이해
- 응용 실습
5
데이터 시각화 I
Data Visualization I
- 데이터 시각화에 대한 이해
- 데이터 시각화 예제
6
데이터 시각화 II
Data Visualization II
- 데이터 시각화 방법 다양한 툴 소개
- 직접 데이터 시각화 직접 해보기
7
정보 그래픽 I
Information Graphics I
- 정보 그래픽에 대한 이해와 예제
- 그래픽,색상,심볼등과 정보
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
Week 8 Mid Term
Mid Term Handout
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
For Nextweek.
주변에 쌓여있는 나를 울리는(Good or Bad)
정보디자인 5가지
- 잡지를 보다가
- 신문을 보다가
- 길거리를 지나가다가
- TV를 보다가
준비물 : 연필과 지우개/ 하얀색 도화지 묶음 (이면지도 상관없습니다)
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc
KGIT 2014 F Fall Semester | JYLEE
INFORMATION DESIGN
INFORMATIONDESIGN
http://info.jylee6977.com/tc

[Info2016]01introduction

  • 1.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc KGIT 2016 Spring Semester | JYLEE VISUAL THINGKING &INFORMATION DESIGN VISUALTHINKINGINFORMATIONDESIGN
  • 2.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 3.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc http://info.jylee6977.com/tc Course Introduction 2016년도 1학기 강의계획서 교과목 명 시각적 사고 & 정보디자인 교과목 구분 전공(필수) 학점/시간 2/2 교과목 코드 NM2507 수업 시간 화 8,9 수강대상 및 코드 23415 강의실 일반 담당 교수 성명 이정연 연구실 강서 605 Office 02-6393-3239 면담시간 금 오후 3시-6시 e-mail [email protected]
  • 4.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 다양한 미디어를 통해 무수한 정보가 쏟아져 나오는 현 시점에서 효과적인 정보 전달을 위한 데이터 시각화, 뉴스그래픽, 정보그래픽들이 제공되고 있다. 디지털미디어에서는 효과적인 정보 전달을 위해 기능적, 미적인 요인들을 고려하는 소통의 지점의 시각적 사고, 정보의 시각화 즉 정보 디자인 방법론이 필요하다. 본 과목에서는 정보를 효율적으로 설계하고 체계화하는 방법을 익히기 위해 1) 시각적으로 사고하는 방법, 2) 사고하여 표현하는 방법, 이를 3) 시각적으로 정보화 시키는 방법들을 익히고 실습해본다. Course Definition
  • 5.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc Course Goals Visionary, imagination, reflection, insight, perspective 한 가지 요소에서 발생하는 여러 가지 사건을 인지하는 능력, 한 요소를 다른 요소로 변환시키거나 그 요소가 변화되는 것을 인지하는 능력, 마음속에 이미지를 떠올린 뒤 그 이미지를 변형 할 수 있는 능력, 공간 정보를 그래픽 비슷하게 처리할 수 있는 능력 Information Design
  • 6.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 1. Visual Thinking : 시각적 사고 기법, 추론방법함양 2. Data Visualization : 데이터의 정보화 및 시각화, 스토리텔링 3. Information Architecture: 정보의 조직화, 체계화, 스토리텔링 4. Information Design: 정보 디자인 방법론을 통한 효과적인 정보 전달 Course Goals
  • 7.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 시각적 사고 맛보기
  • 8.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc “시각적 사고를 하는 우뇌 공부 못하는 사람들의 변명의 뇌가 아니다”
  • 9.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 시각적 이미지, 공간적 관계, 얼굴/패턴 인식, 몸짓, 비율 등의 처리 논리, 언어, 정돈성, 순차적 시간 인식, 산수
  • 10.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 나의 위대한 발견은 “아이들이나 물어보는”질문 덕분 즉, 지적 발달이 지체된 나는 어른이 되고 나서야 공간과 시간에 대해 궁금증을 품기 시작했다. 이미 어른이 된 나는 당연히 능력을 갖춘 아이보다는 그 문제를 더 깊이 파고들 수 있었다. 나의 아이디어의 원천은 “이미지를 가지고 장난하며 노는 것”이다. 그리고 그 다음단계를 가서야 세상이 이해하는 언어로, 과학적 사고방식의 틀에 맞는 언어로, 다른 사람과 소통이 가능한 언어로 표현해줄 적절한 말과 수학적 기호를 “열심히” 찾아 나선다.
  • 11.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 12.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 이 사람들의 공통점은? 탐크루즈 리처드 브랜슨 넬슨 록펠러 우드로 윌슨 아인슈타인(물리) 레오나르도 다빈치(과학)윌리엄 제임스 (심리) 하비 쿠싱
  • 13.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc Dyslexia, Learning disabilities, learning difficulties 탐크루즈 리처드 브랜슨(기업인) 넬슨 록펠러(정치인) 우드로 윌슨(대통령) 아인슈타인(물리) 레오나르도 다빈치(과학)윌리엄 제임스 (심리) 하비 쿠싱(의사)
  • 14.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 15.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 16.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc - 너무 당연해서 - 현대 문화에서 공공연하게 중점을 두는 관심사가 거의 전적으로 좌뇌와 가장 잘 호환되는 사고 방식에 의해 독점 되다시피 해서 우리의 세계관, 교육체계, 보상체계, 포부, 가치 체계 등 모든 것이 좌뇌의 작동을 강화하는데 집중 (좌뇌 편향 주의적 사고) “왜 그럼 우린 우뇌(시각적 뇌)를 무시하는 것인가?”
  • 17.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 좌우 대뇌반구(그리고 그에 상응하는 서로 다른 사고방식)사이에서 균형을 맞추거나, 양쪽을 넘나들 수 있는 능력을 가진 사람. 창조적인 사람?
  • 18.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc KGIT 2014 F Fall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN 시각적 사고를 통해 굳어있는 우뇌를 깨워 양쪽 뇌를 쓰자
  • 19.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 그럼, 시각적 사고란? 머릿속으로 이미지를 만들어내거나 떠올려 그것을 조작하고, 덮어씌우고, 해석하고, 유사한 형태와 연관 짓기도 하고, 회전시키고, 크기를 늘리거나 줄이기도 하고, 왜곡시키고, 하나의 익숙한 이미지에서 다른 이미지로 단계적으로 변형시키기도 하는 사고방식
  • 20.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc 창조적 문제해결 우뇌의 사고방식 문제 인식+ 직관적 추론 패턴 인식 공간 능력 시각적 사고
  • 21.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc Course Weekly Schedules 1 Class Orientation - 수업 소개 - 아이스 브레이킹 2 정의 & 소개 Information Design & Everyday life/Environment - 시각적사고/데이터 시각화/정보 그래픽/ 정보 설계/ 정보 디자인 용어 정의 및 소개 - 주변에서 흔히 발견되는 정보디자인의 잘된/ 잘못된 사례 3 시각적 사고 I Visual Thinking I - 시각적 사고에 대한 이해 - 간단한 기초 실습 4 시각적 사고 II Visual Thinking II - 시각적 사고와 추론에 대한 이해 - 응용 실습 5 데이터 시각화 I Data Visualization I - 데이터 시각화에 대한 이해 - 데이터 시각화 예제 6 데이터 시각화 II Data Visualization II - 데이터 시각화 방법 다양한 툴 소개 - 직접 데이터 시각화 직접 해보기 7 정보 그래픽 I Information Graphics I - 정보 그래픽에 대한 이해와 예제 - 그래픽,색상,심볼등과 정보
  • 22.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc Week 8 Mid Term Mid Term Handout
  • 23.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc For Nextweek. 주변에 쌓여있는 나를 울리는(Good or Bad) 정보디자인 5가지 - 잡지를 보다가 - 신문을 보다가 - 길거리를 지나가다가 - TV를 보다가 준비물 : 연필과 지우개/ 하얀색 도화지 묶음 (이면지도 상관없습니다)
  • 24.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 25.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc
  • 26.
    KGIT 2014 FFall Semester | JYLEE INFORMATION DESIGN INFORMATIONDESIGN http://info.jylee6977.com/tc