SlideShare uma empresa Scribd logo
1 de 38
Baixar para ler offline
Course
Weekly 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
00. SHOW TIME!
01. Information Design Process
Information Design Process              KGIT 2011 Spring Semester | JYLEE




                              계획하다


                              전개하다


                              기획하다


                              표현하다
       정보를

                              구상하다


                             메시지로 만들다


                              이야기하다
                                           Info.2013.jylee6977.com/tc
Information Design Process                                           KGIT 2011 Spring Semester | JYLEE




                                                                                     MESSAGE
                                                             VISUAL
                                                                                     사용자에게 최종
                                               STORY                                 적으로 전달되어
                                                             정보의 시각적                 야 하는 주장, 사
                                 CONCEPT                     표현, 직관적인                상
                                               Concept을 전개   핵심, 그래프
                     CONTENTS                  해나가는 전체
                                 정보 전달의 주      줄거리, 이야기
            DATA                 제, 테마, 키워드,   흐름
                     Data에서 추출   상상이미지
FACT                 한 고객에게 도
            사실을 모은   움이 되는 정보
            자료
주어짂 상황, 결
과




                                                                           Info.2013.jylee6977.com/tc
Information Design Process              KGIT 2011 Spring Semester | JYLEE




                        Information
                           Design



                            Info
                          Graphics


                            Data
                        Visualization




                             Data




                                           Info.2013.jylee6977.com/tc
Information Design Process                                            KGIT 2011 Spring Semester | JYLEE




                     Data Visualization



                사실     통계           시각화      비교          컨셉   스토리   메세지




                                 Information Visualization
누구를 대상으로, 어떻게, 무엇을


                                    Information Design




                                                                          Info.2013.jylee6977.com/tc
02. Data Visualization
Data Visualization                                         KGIT 2011 Spring Semester | JYLEE




2.1 데이텨 통계를 활용한 Floating Chart Program www.gapminder.org




                                                              Info.2013.jylee6977.com/tc
Data Visualization                   KGIT 2011 Spring Semester | JYLEE




2.2 공개 데이터를 활용 www.flowingdata.com




                                        Info.2013.jylee6977.com/tc
Data Visualization            KGIT 2011 Spring Semester | JYLEE




2.2 공개 데이터를 활용 www.data.gov




                                 Info.2013.jylee6977.com/tc
03. Information Graphics
Information Graphics   KGIT 2011 Spring Semester | JYLEE




                          Info.2013.jylee6977.com/tc
Information Graphics   KGIT 2011 Spring Semester | JYLEE




                          Info.2013.jylee6977.com/tc
Information Graphics
Information Graphics Auto Tools           KGIT 2011 Spring Semester | JYLEE




3.1 인터랙티브 챠트와 인포그래픽 자동화 툴 www.infogr.am




                                             Info.2013.jylee6977.com/tc
Information Graphics Auto Tools          KGIT 2011 Spring Semester | JYLEE




3.2 챠트와 인포그래픽 디자인 툴 www.pittochart.com




                                            Info.2013.jylee6977.com/tc
Information Graphics Auto Tools              KGIT 2011 Spring Semester | JYLEE




3.3 초갂단 챠트와 인포그래픽 디자인 툴 www.pittochart.com




                                                Info.2013.jylee6977.com/tc
04. Information Graphics for Presentation
Information Graphics for presentation                      KGIT 2011 Spring Semester | JYLEE




          For General                   For Presentation


                            Fact

                           Data

                          Contents

                          Concept

                           Story

                           Visual

                          Message



                                                              Info.2013.jylee6977.com/tc
Information Graphics for presentation                       KGIT 2011 Spring Semester | JYLEE




          For General                    For Presentation


          정보전달(홍보)         목적              메시지 설득

           직사각형            형태              Screen Ratio

            통합형            페이지            요약형/분리형

             여유           제작기갂              짧은 시갂

          전문 디자이너          디자인          디자인 비전공자도 가능




                                                               Info.2013.jylee6977.com/tc
Information Graphics for presentation   KGIT 2011 Spring Semester | JYLEE




                               창의적인
                              아이디어를
                    컨텐츠를       도출하는
                   만들어내는       기획력
                    전문지식


                           비쥬얼 표
                            현력




                   INFOGRAPHICS
                                           Info.2013.jylee6977.com/tc
Information Graphics for presentation        KGIT 2011 Spring Semester | JYLEE




  창의적인 기획력 + 컨텐츠 가공능력          세계적인 비주얼 표현 능력자




                                                 Info.2013.jylee6977.com/tc
Information Graphics for presentation        KGIT 2011 Spring Semester | JYLEE




  창의적인 기획력 + 컨텐츠 가공능력          세계적인 비주얼 표현 능력자




                                                 Info.2013.jylee6977.com/tc
• Infographics In Korea
Infographics In Korea   KGIT 2011 Spring Semester | JYLEE




  월간디자인
  www.design.co.kr




                           Info.2013.jylee6977.com/tc
Infographics In Korea              KGIT 2011 Spring Semester | JYLEE




  연합뉴스
  www.yonhapnews.co.kr/medialabs




                                      Info.2013.jylee6977.com/tc
Infographics In Korea   KGIT 2011 Spring Semester | JYLEE




  전자신문
  www.etnews.com




                           Info.2013.jylee6977.com/tc
Infographics In Korea               KGIT 2011 Spring Semester | JYLEE




  삼성전자
  http://www.samsungtomorrow.com/
  category/인포그래픽




                                       Info.2013.jylee6977.com/tc
Infographics In Korea          KGIT 2011 Spring Semester | JYLEE




  KT
  http://smartblog.olleh.com




                                  Info.2013.jylee6977.com/tc
Infographics In Korea   KGIT 2011 Spring Semester | JYLEE




  민중의 소리
  www.vop.co.kr




                           Info.2013.jylee6977.com/tc
Infographics In Korea   KGIT 2011 Spring Semester | JYLEE




  정부대표 SNS 블로그
  www.hellopolicy.kr




                           Info.2013.jylee6977.com/tc
정보디자인을 잘하려면?
                                          KGIT 2011 Spring Semester | JYLEE




        관찰력과 호기심
                     글쓰기와 그리기
     일에 대한 열정            이성
                              유머감각


                감성과 공감



                                 오랜시간 버틸수 있는 체력

                                             Info.2013.jylee6977.com/tc
05. LET’S PRACTISE
Word Cloud                        KGIT 2011 Spring Semester | JYLEE




Word Cloud 자동화 툴 www.wordle.net




                                     Info.2013.jylee6977.com/tc
Word Cloud by designer
• SEE YOU

Mais conteúdo relacionado

Semelhante a [Info03]infographics

[Info02]definition
[Info02]definition[Info02]definition
[Info02]definitionjylee_kgit
 
[Info12] information design
[Info12] information design[Info12] information design
[Info12] information designJY LEE
 
[Info14] information design iii
[Info14] information design iii[Info14] information design iii
[Info14] information design iiiJY LEE
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introductionJY LEE
 
[Info07]data visualization02
[Info07]data visualization02[Info07]data visualization02
[Info07]data visualization02JY LEE
 
[Info2014]01Introduction
[Info2014]01Introduction[Info2014]01Introduction
[Info2014]01IntroductionJY LEE
 
[Info10]infographics02
[Info10]infographics02[Info10]infographics02
[Info10]infographics02JY LEE
 
[Info09]infographics01
[Info09]infographics01[Info09]infographics01
[Info09]infographics01JY LEE
 
[Info13] information design
[Info13] information design[Info13] information design
[Info13] information designJY LEE
 
[Info04]visual thinking02
[Info04]visual thinking02[Info04]visual thinking02
[Info04]visual thinking02JY LEE
 
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼ABRC_DATA
 
[INFO2014]02_Definition
[INFO2014]02_Definition[INFO2014]02_Definition
[INFO2014]02_DefinitionJY LEE
 
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스Ji Lee
 
[Info11]infographics03
[Info11]infographics03[Info11]infographics03
[Info11]infographics03JY LEE
 
[Info03]visual thinking01
[Info03]visual thinking01[Info03]visual thinking01
[Info03]visual thinking01JY LEE
 
[Info04]visual thinkingiii
[Info04]visual thinkingiii[Info04]visual thinkingiii
[Info04]visual thinkingiiiJY LEE
 
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장eungjin cho
 
[Info10]visual leaderii
[Info10]visual leaderii[Info10]visual leaderii
[Info10]visual leaderiiJY LEE
 
비주얼경영6대원칙
비주얼경영6대원칙비주얼경영6대원칙
비주얼경영6대원칙saymi76 lee
 

Semelhante a [Info03]infographics (20)

[Info02]definition
[Info02]definition[Info02]definition
[Info02]definition
 
[Info12] information design
[Info12] information design[Info12] information design
[Info12] information design
 
[Info14] information design iii
[Info14] information design iii[Info14] information design iii
[Info14] information design iii
 
[Info01]introduction
[Info01]introduction[Info01]introduction
[Info01]introduction
 
[Info07]data visualization02
[Info07]data visualization02[Info07]data visualization02
[Info07]data visualization02
 
[Info2014]01Introduction
[Info2014]01Introduction[Info2014]01Introduction
[Info2014]01Introduction
 
[Info10]infographics02
[Info10]infographics02[Info10]infographics02
[Info10]infographics02
 
[Nux]08 paper
[Nux]08 paper[Nux]08 paper
[Nux]08 paper
 
[Info09]infographics01
[Info09]infographics01[Info09]infographics01
[Info09]infographics01
 
[Info13] information design
[Info13] information design[Info13] information design
[Info13] information design
 
[Info04]visual thinking02
[Info04]visual thinking02[Info04]visual thinking02
[Info04]visual thinking02
 
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼
빅데이터 윈윈 컨퍼런스-4차 산업혁명 핵심:데이터 가공 플랫폼
 
[INFO2014]02_Definition
[INFO2014]02_Definition[INFO2014]02_Definition
[INFO2014]02_Definition
 
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
빅데이터 분석 시각화 분석 : 1장 시각화정의 2장 프로세스
 
[Info11]infographics03
[Info11]infographics03[Info11]infographics03
[Info11]infographics03
 
[Info03]visual thinking01
[Info03]visual thinking01[Info03]visual thinking01
[Info03]visual thinking01
 
[Info04]visual thinkingiii
[Info04]visual thinkingiii[Info04]visual thinkingiii
[Info04]visual thinkingiii
 
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장
데이터 가공(DMP)와 스마트 시티 - 엔코아 김옥기 센터장
 
[Info10]visual leaderii
[Info10]visual leaderii[Info10]visual leaderii
[Info10]visual leaderii
 
비주얼경영6대원칙
비주얼경영6대원칙비주얼경영6대원칙
비주얼경영6대원칙
 

Mais de jylee_kgit

[Msd12]interface design123
[Msd12]interface design123[Msd12]interface design123
[Msd12]interface design123jylee_kgit
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02jylee_kgit
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile designjylee_kgit
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPINGjylee_kgit
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERMjylee_kgit
 
[Msd05]user observation
[Msd05]user observation[Msd05]user observation
[Msd05]user observationjylee_kgit
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observationjylee_kgit
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile contextjylee_kgit
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesignjylee_kgit
 
[MSD01]Introduction
[MSD01]Introduction[MSD01]Introduction
[MSD01]Introductionjylee_kgit
 
[I3 d]11 designui(2)
[I3 d]11 designui(2)[I3 d]11 designui(2)
[I3 d]11 designui(2)jylee_kgit
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designuijylee_kgit
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivityjylee_kgit
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flashjylee_kgit
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 designjylee_kgit
 

Mais de jylee_kgit (20)

[Msd12]interface design123
[Msd12]interface design123[Msd12]interface design123
[Msd12]interface design123
 
[Msd10]mobile design02
[Msd10]mobile design02[Msd10]mobile design02
[Msd10]mobile design02
 
[Msd09]mobile design
[Msd09]mobile design[Msd09]mobile design
[Msd09]mobile design
 
[MSD06]MAPPING
[MSD06]MAPPING[MSD06]MAPPING
[MSD06]MAPPING
 
[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM[MSD07]PERSONA & MIDTERM
[MSD07]PERSONA & MIDTERM
 
[Msd05]user observation
[Msd05]user observation[Msd05]user observation
[Msd05]user observation
 
[Msd04]user observation
[Msd04]user observation[Msd04]user observation
[Msd04]user observation
 
[Msd03]mobile context
[Msd03]mobile context[Msd03]mobile context
[Msd03]mobile context
 
[Msd02]mobile servicedesign
[Msd02]mobile servicedesign[Msd02]mobile servicedesign
[Msd02]mobile servicedesign
 
[MSD01]Introduction
[MSD01]Introduction[MSD01]Introduction
[MSD01]Introduction
 
[Nux]12 nux
[Nux]12 nux[Nux]12 nux
[Nux]12 nux
 
[Nux]13 nux
[Nux]13 nux[Nux]13 nux
[Nux]13 nux
 
[Nux]12 nux
[Nux]12 nux[Nux]12 nux
[Nux]12 nux
 
[I3 d]11 designui(2)
[I3 d]11 designui(2)[I3 d]11 designui(2)
[I3 d]11 designui(2)
 
[Nux]09 nux
[Nux]09 nux[Nux]09 nux
[Nux]09 nux
 
[I3 d]09 designui
[I3 d]09 designui[I3 d]09 designui
[I3 d]09 designui
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
[I3 d]interactive 3d flash
[I3 d]interactive 3d flash[I3 d]interactive 3d flash
[I3 d]interactive 3d flash
 
[Nux]07 design
[Nux]07 design[Nux]07 design
[Nux]07 design
 
[Nux]06 ux
[Nux]06 ux[Nux]06 ux
[Nux]06 ux
 

[Info03]infographics

  • 1.
  • 2. Course Weekly 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
  • 5. Information Design Process KGIT 2011 Spring Semester | JYLEE 계획하다 전개하다 기획하다 표현하다 정보를 구상하다 메시지로 만들다 이야기하다 Info.2013.jylee6977.com/tc
  • 6. Information Design Process KGIT 2011 Spring Semester | JYLEE MESSAGE VISUAL 사용자에게 최종 STORY 적으로 전달되어 정보의 시각적 야 하는 주장, 사 CONCEPT 표현, 직관적인 상 Concept을 전개 핵심, 그래프 CONTENTS 해나가는 전체 정보 전달의 주 줄거리, 이야기 DATA 제, 테마, 키워드, 흐름 Data에서 추출 상상이미지 FACT 한 고객에게 도 사실을 모은 움이 되는 정보 자료 주어짂 상황, 결 과 Info.2013.jylee6977.com/tc
  • 7. Information Design Process KGIT 2011 Spring Semester | JYLEE Information Design Info Graphics Data Visualization Data Info.2013.jylee6977.com/tc
  • 8. Information Design Process KGIT 2011 Spring Semester | JYLEE Data Visualization 사실 통계 시각화 비교 컨셉 스토리 메세지 Information Visualization 누구를 대상으로, 어떻게, 무엇을 Information Design Info.2013.jylee6977.com/tc
  • 10. Data Visualization KGIT 2011 Spring Semester | JYLEE 2.1 데이텨 통계를 활용한 Floating Chart Program www.gapminder.org Info.2013.jylee6977.com/tc
  • 11. Data Visualization KGIT 2011 Spring Semester | JYLEE 2.2 공개 데이터를 활용 www.flowingdata.com Info.2013.jylee6977.com/tc
  • 12. Data Visualization KGIT 2011 Spring Semester | JYLEE 2.2 공개 데이터를 활용 www.data.gov Info.2013.jylee6977.com/tc
  • 14. Information Graphics KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  • 15. Information Graphics KGIT 2011 Spring Semester | JYLEE Info.2013.jylee6977.com/tc
  • 17. Information Graphics Auto Tools KGIT 2011 Spring Semester | JYLEE 3.1 인터랙티브 챠트와 인포그래픽 자동화 툴 www.infogr.am Info.2013.jylee6977.com/tc
  • 18. Information Graphics Auto Tools KGIT 2011 Spring Semester | JYLEE 3.2 챠트와 인포그래픽 디자인 툴 www.pittochart.com Info.2013.jylee6977.com/tc
  • 19. Information Graphics Auto Tools KGIT 2011 Spring Semester | JYLEE 3.3 초갂단 챠트와 인포그래픽 디자인 툴 www.pittochart.com Info.2013.jylee6977.com/tc
  • 20. 04. Information Graphics for Presentation
  • 21. Information Graphics for presentation KGIT 2011 Spring Semester | JYLEE For General For Presentation Fact Data Contents Concept Story Visual Message Info.2013.jylee6977.com/tc
  • 22. Information Graphics for presentation KGIT 2011 Spring Semester | JYLEE For General For Presentation 정보전달(홍보) 목적 메시지 설득 직사각형 형태 Screen Ratio 통합형 페이지 요약형/분리형 여유 제작기갂 짧은 시갂 전문 디자이너 디자인 디자인 비전공자도 가능 Info.2013.jylee6977.com/tc
  • 23. Information Graphics for presentation KGIT 2011 Spring Semester | JYLEE 창의적인 아이디어를 컨텐츠를 도출하는 만들어내는 기획력 전문지식 비쥬얼 표 현력 INFOGRAPHICS Info.2013.jylee6977.com/tc
  • 24. Information Graphics for presentation KGIT 2011 Spring Semester | JYLEE 창의적인 기획력 + 컨텐츠 가공능력 세계적인 비주얼 표현 능력자 Info.2013.jylee6977.com/tc
  • 25. Information Graphics for presentation KGIT 2011 Spring Semester | JYLEE 창의적인 기획력 + 컨텐츠 가공능력 세계적인 비주얼 표현 능력자 Info.2013.jylee6977.com/tc
  • 27. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 월간디자인 www.design.co.kr Info.2013.jylee6977.com/tc
  • 28. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 연합뉴스 www.yonhapnews.co.kr/medialabs Info.2013.jylee6977.com/tc
  • 29. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 전자신문 www.etnews.com Info.2013.jylee6977.com/tc
  • 30. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 삼성전자 http://www.samsungtomorrow.com/ category/인포그래픽 Info.2013.jylee6977.com/tc
  • 31. Infographics In Korea KGIT 2011 Spring Semester | JYLEE KT http://smartblog.olleh.com Info.2013.jylee6977.com/tc
  • 32. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 민중의 소리 www.vop.co.kr Info.2013.jylee6977.com/tc
  • 33. Infographics In Korea KGIT 2011 Spring Semester | JYLEE 정부대표 SNS 블로그 www.hellopolicy.kr Info.2013.jylee6977.com/tc
  • 34. 정보디자인을 잘하려면? KGIT 2011 Spring Semester | JYLEE 관찰력과 호기심 글쓰기와 그리기 일에 대한 열정 이성 유머감각 감성과 공감 오랜시간 버틸수 있는 체력 Info.2013.jylee6977.com/tc
  • 36. Word Cloud KGIT 2011 Spring Semester | JYLEE Word Cloud 자동화 툴 www.wordle.net Info.2013.jylee6977.com/tc
  • 37. Word Cloud by designer