CLASS 04 INFORM ATION DESIGN V S INFOGRAPHICSInformation Design                       KGIT 201 Spring Semester |JYLEE     ...
Course                                                         Information Design 06Weekly Schedules                      ...
00. SHOW TIME!
01. ABOUTFONT“ 한글심플초급버젼”
01.ABOUT FONT “한글심플초급버젼”         Information Design 06                                          KGIT 2011 Spring Semester ...
01.ABOUT FONT “한글심플초급버젼”      Information Design 06                                       KGIT 2011 Spring Semester | JYLE...
01.ABOUT FONT “한글심플초급버젼”           Information Design 06                                            KGIT 2011 Spring Semes...
01.ABOUT FONT “한글심플초급버젼”          Information Design 06                                           KGIT 2011 Spring Semeste...
Information Design 06>> 폰트 사용법                         KGIT 2011 Spring Semester | JYLEE      03. 기본 폰트는 고딕과 명조에서 벗어나지 말자 ...
Information Design 06>> 폰트 사용법                              KGIT 2011 Spring Semester | JYLEE        04. 핵심과 나머지, 제목과 본문  ...
Information Design 06>> 폰트 사용법                            KGIT 2011 Spring Semester | JYLEE  05. 글에 목소리를 담아보자.  그녀의 자전거가 내...
>> 폰트 사용법  실습  네이버에서 뉴스나 블로그 하나를 선택하여,  한글 Font를 적용하여 디자인해보자  방법: Illustration, PPT
02. Data Structure     “Categorize.Arrange.Organize”
Information Design 06                                              KGIT 2011 Spring Semester | JYLEE정보의 조직화는혼돈의 상태로 존재하는 데...
Information Design 04                                       KGIT 2011 Spring Semester | JYLEEClassifying Data정보 분류의 기준은 정보...
Information Design 06         KGIT 2011 Spring Semester | JYLEE            Info.2013.jylee6977.com/tc
Information Design 06         KGIT 2011 Spring Semester | JYLEE            Info.2013.jylee6977.com/tc
Information Design 06         KGIT 2011 Spring Semester | JYLEE            Info.2013.jylee6977.com/tc
Information Design 06         KGIT 2011 Spring Semester | JYLEE            Info.2013.jylee6977.com/tc
Information Design 06         KGIT 2011 Spring Semester | JYLEE            Info.2013.jylee6977.com/tc
Arrange Classified Data위치          문자        시간     카테고리 | 위계Location   Alphabet   Time   Category   Hierachy
Arrange Classified Data정보사용자, 사용목적, 사용환경에 맞도록 다섯가지 분류기준 입체적으로 복합시켜 적용 가능
Arrange Classified Data“시간기반의 정보와 다른 분류의 정보를 함께 제시할때,이야기가 만들어진다.” –Edward Tufte
Arrange Classified Data조직화 방식이 창의적이고 혁신적일때, 정보에 대한 의문과흥미가 증대되어 정보에 대한 새로운 발견 이끌어냄.
Data Re-ArrangementData의 특성과 내용에 기초하여,서로 공유할수 있는것, 유사한것, 전혀다른것, 또는 관계를 맺는 것등을보는 이가 이해하기 쉽도록 데이터를 배치하는것.
Data Re-Arrangement정보 관계맺기배열은 분류된 데이터를 정보 수용자가 인식하기 쉽게 패턴을 만드는일
Information Structure정보 조직화 방법은,                   새로운 정보 구조를 만들어 내고                그 그구조는 정보에 새로운 의미를 부여하며               ...
실습 “Structure Your Own Way”
>> 정보 설계 실습How.앞에 놓인 Data들을 본인의 분류와 배열 기준 그리고,재미있는 관계맺기를 통해 재미있는 Information을 만들어보세요.
03. Information Structure     “Information & Recognition”
Information Design 06                                                   KGIT 2011 Spring Semester | JYLEE            Perce...
Information Design 06                                                            KGIT 2011 Spring Semester | JYLEEInformat...
Information Design 06                                                            KGIT 2011 Spring Semester | JYLEEInformat...
• SEE YOU
Upcoming SlideShare
Loading in …5
×

[Info06]information&pattern

818 views

Published on

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
818
On SlideShare
0
From Embeds
0
Number of Embeds
187
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

[Info06]information&pattern

  1. 1. CLASS 04 INFORM ATION DESIGN V S INFOGRAPHICSInformation Design KGIT 201 Spring Semester |JYLEE 1
  2. 2. Course Information Design 06Weekly Schedules KGIT 2011 Spring Semester | JYLEE - 수업 및 프로젝트 소개 1 Class Orientation - 아이스 브레이킹 - 정보디자인의 정의 2 About Information Design - 정보디자인의 타입 - 정보디자인의 중요성 Information Design & 3 - 실생활에서의 정보디자인 사례보기 Everyday life/Environment Information Design Process(1) - 정보디자인 대상 찾기 4 - Discovery - 문제정의 Information Design Process(2) - 데이터 수집 5 - Research - 데스크 리서치 Information Design Process(3) - 수집된 데이터의 통찰 6 - Data Structure - 매핑.패턴을 활용한 데이터의 설계 - 맵. 차트. 다이어그램 등 디자인요소 Information Design Process(4) 7 - 매타포와 컨셉 - Data Visualization - 정보의 시각화를 위한 재설계 Info.2013.jylee6977.com/tc
  3. 3. 00. SHOW TIME!
  4. 4. 01. ABOUTFONT“ 한글심플초급버젼”
  5. 5. 01.ABOUT FONT “한글심플초급버젼” Information Design 06 KGIT 2011 Spring Semester | JYLEE>> 무료 한글 폰트맑은고딕 : 윈도우 기본 폰트다음체 : 다음에서 개발한 무료 폰트나눔체 : 네이버에서 개발한 무료 폰트뫼비우스체 : SK Telecom에서 개발한 무료 폰트서울체 : 서울시에서 개발한 무료폰트바른돋음/바탕체 : 문화체육관광부 대한인쇄문화협회에서 무료배포 Info.2013.jylee6977.com/tc
  6. 6. 01.ABOUT FONT “한글심플초급버젼” Information Design 06 KGIT 2011 Spring Semester | JYLEE>> 폰트 사용법맑은고딕B서울남산체B 00.나눔고딕 다음B 헤드라인 고딕계열뫼비우스 Info.2013.jylee6977.com/tc
  7. 7. 01.ABOUT FONT “한글심플초급버젼” Information Design 06 KGIT 2011 Spring Semester | JYLEE>> 폰트 사용법 부드러운 주제에는 서울 한강체01. 나눔명조 같은 명조체가 좋고,부드러운 대화형 내용에는 나눔손글씨붓 또는주제 나눔손글씨펜이재미를 더해준다 Info.2013.jylee6977.com/tc
  8. 8. 01.ABOUT FONT “한글심플초급버젼” Information Design 06 KGIT 2011 Spring Semester | JYLEE>> 폰트 사용법 02. 크기와 굵기를 구분하면 일관성을 지킬 수 있다 서울남산체 EB 서울남산체 B 서울남산체 M 서울남산체 L Info.2013.jylee6977.com/tc
  9. 9. Information Design 06>> 폰트 사용법 KGIT 2011 Spring Semester | JYLEE 03. 기본 폰트는 고딕과 명조에서 벗어나지 말자 바른돋음03 바른돋음02 바른돋음01 바른바탕03 바른바탕02 바른바탕01 Info.2013.jylee6977.com/tc
  10. 10. Information Design 06>> 폰트 사용법 KGIT 2011 Spring Semester | JYLEE 04. 핵심과 나머지, 제목과 본문 핵심 다음 SB 다음 REGULAR 나머지 제목 나눔고딕 EB 나눔고딕 LIGHT 본문 Info.2013.jylee6977.com/tc
  11. 11. Information Design 06>> 폰트 사용법 KGIT 2011 Spring Semester | JYLEE 05. 글에 목소리를 담아보자. 그녀의 자전거가 내 가슴 속으로 들어왔다. 침대는 가구가 아닙니다. 과학입니다. 부자되세요. 막 입어도 일년 된 듯한 옷,십 년을 입어도 일 년된 듯한 옷 고객이 우선이다. Info.2013.jylee6977.com/tc
  12. 12. >> 폰트 사용법 실습 네이버에서 뉴스나 블로그 하나를 선택하여, 한글 Font를 적용하여 디자인해보자 방법: Illustration, PPT
  13. 13. 02. Data Structure “Categorize.Arrange.Organize”
  14. 14. Information Design 06 KGIT 2011 Spring Semester | JYLEE정보의 조직화는혼돈의 상태로 존재하는 데이터를분류classify.배열arrange.조직화organize하여질서를 부여하는 작업을 의미 Info.2013.jylee6977.com/tc
  15. 15. Information Design 04 KGIT 2011 Spring Semester | JYLEEClassifying Data정보 분류의 기준은 정보 사용의 목적과 관점에 따라 결정정보를 분류할 때 그 기준들의 가중치가 동등해야 하고분류의 결과가 논리적이고 명확해야 한다. http://Info.jylee6977.com/tc
  16. 16. Information Design 06 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  17. 17. Information Design 06 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  18. 18. Information Design 06 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  19. 19. Information Design 06 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  20. 20. Information Design 06 KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  21. 21. Arrange Classified Data위치 문자 시간 카테고리 | 위계Location Alphabet Time Category Hierachy
  22. 22. Arrange Classified Data정보사용자, 사용목적, 사용환경에 맞도록 다섯가지 분류기준 입체적으로 복합시켜 적용 가능
  23. 23. Arrange Classified Data“시간기반의 정보와 다른 분류의 정보를 함께 제시할때,이야기가 만들어진다.” –Edward Tufte
  24. 24. Arrange Classified Data조직화 방식이 창의적이고 혁신적일때, 정보에 대한 의문과흥미가 증대되어 정보에 대한 새로운 발견 이끌어냄.
  25. 25. Data Re-ArrangementData의 특성과 내용에 기초하여,서로 공유할수 있는것, 유사한것, 전혀다른것, 또는 관계를 맺는 것등을보는 이가 이해하기 쉽도록 데이터를 배치하는것.
  26. 26. Data Re-Arrangement정보 관계맺기배열은 분류된 데이터를 정보 수용자가 인식하기 쉽게 패턴을 만드는일
  27. 27. Information Structure정보 조직화 방법은, 새로운 정보 구조를 만들어 내고 그 그구조는 정보에 새로운 의미를 부여하며 전체가 이해될 수 있는 수단으로 활용
  28. 28. 실습 “Structure Your Own Way”
  29. 29. >> 정보 설계 실습How.앞에 놓인 Data들을 본인의 분류와 배열 기준 그리고,재미있는 관계맺기를 통해 재미있는 Information을 만들어보세요.
  30. 30. 03. Information Structure “Information & Recognition”
  31. 31. Information Design 06 KGIT 2011 Spring Semester | JYLEE Perception Recognition Stimulus Interpretation Information Information Visualization Structure정보를 다루는데 있어,인지적인 부분은 정보 설계가 주로 담당하는 부분이고,지각적인 부분은 정보 디자인이 관여하는 부분이다. Info.2013.jylee6977.com/tc
  32. 32. Information Design 06 KGIT 2011 Spring Semester | JYLEEInformation Structure정보 설계가는 사람들이 정보를 더 성공적으로 찾고 관리할 수 있도록 도와주는 역할을 하고,정보 디자이너는 이렇게 주어진 정보의 접근과 이해가 용이하도록 돕는다.정보 설계의 핵심은 정보를 조직화 하는 것이다. Info.2013.jylee6977.com/tc
  33. 33. Information Design 06 KGIT 2011 Spring Semester | JYLEEInformation Structure정보 설계의 핵심은 정보사용자 입장에서 원하는것을 바로 답할수 있도록 정보를 조직하는 것. Info.2013.jylee6977.com/tc
  34. 34. • SEE YOU

×