학습(공부)하는 블로그 :: '아이소타이프' 태그의 글 목록
 

 

Notice»

Recent Post»

Recent Comment»

Recent Trackback»

03-29 00:00

 

'아이소타이프'에 해당되는 글 1

  1. 2014.08.07 빅데이터를 시각화시키는 정보디자인, 인포그래픽
 
반응형


1. 인포그래픽의 개념


  가. 데이터 시각화

○ 가공되지 않은 데이터를 쉽게 알아 볼 수 있도록 보여주는 것

○ 데이터의 패턴, 구조를 통해 관계성을 밝히는 것이 목적


  나. 인포그래픽(Infographic)의 정의



○ 인포메이션과 그래픽의 합성어로 많은 정보를 차트, 지도, 다이어그램, 로고, 일러스트레이션 등을 활용하여 표현

○ 데이터 자료 또는 지식을 시각적인 표현으로 풀어서 표현


※ HCI와 UI

▷ HCI(Human Computer Interaction) : 사람과 컴퓨터가 상호작용을 할 수 있는 시스템

▷ UI(User Interface) : UX 기기를 사용자가 편하게 사용할 수 있는 환경을 제공


  다. 인포그래픽의 역사

○ 기원전 17,000~15,000년 프랑스 남부의 동굴(라스코 동굴)의 동물벽화 : 현존하는 최초의 인포그래픽

○ 기원전 3,000년  이집트 상형문자(히에로 클리프) : 그래픽 심볼과 아이콘을 사용한 초기 인포그래픽

○ 1350년 니콜오렘의 인포그래픽 : 최초의 그래프

○ 1510년 레오나르도 다빈치의 신체도 : 글과 삽화를 이용한 인포그래픽

○ 1786년 윌리엄 플레이페어의 <상업과 정치 지도의 통계 성무일과서> : 최초 선그래프, 원그래프, 막대그래프를 사용한 수치 데이터를 설명한 책

○ 1857년 나이팅게일의 장미도표 : 중첩막대 그래프와 원 그래프를 결합한 도표

○ 1859~1870년 찰스 요셉 미라드의 나폴레옹의 러시아 침략실패 원인을 설명한 나폴레옹의 행진 : 지도와 흐름도를 결합한 인포그래픽

○ 1931년 헨리백의 런던지하철노선도 : 이후 개발된 많은 도시 지하철 노선도의 원형

○ 1930~1940년 오토 노라이트 : 아이콘과 그림을 사용한 아이소타이프 탄생. 현대의 픽토그램의 원형

○ 1970~1990년 타임매거진, USA투데이 그래픽 기사, 날씨 정보 등 : 인포그래픽이 보편화하는 역할


※ 출처 : 바이스 버사 디자인 스튜디오 제작

 


2. 인포그래픽의 특징과 종류

 

  가. 인포그래픽의 특징

 

※ 출처 : 바이스 버사 홈페이지( http://v-vdesign.com/)


① 흥미유발 : 사람들의 호기심을 자극하는 힘, 행동하게 하는 힘

▷ 중국발 미세먼지가 인체에 미치는 영향을  신체모형을 통해 흥미 유발 사례


※ 출처 : http://inside.chosun.com/site/data/html_dir/2014/03/24/2014032402057.html


② 정보 습득 시간 절감 : 많은 정보를 정확하게 전달하는 방법

▷ 에스컬레이트를 올바르게 타는 방법을 나타내는 일러스트

※ 출처 : http://www.buzzfeed.com/mjs538/how-to-ride-an-escalator


③ 기억 지속시간 연장 : 문자 기반 데이터 보다 기억에 오래 남는 이미지 기반 데이터

④ 빠른 확산 : 사람들의 공감을 쉽게 얻을 수 있어 스스로 유표하게 하는 힘

▷ SNS 등을 통해 빠른 속도, 광범위한 확산, 파괴력 있는 효과


  나. 인포그래픽의 6가지 유형


① 통계기반 인포그래픽

▷ 표나 그래프를 이용하여 만들어진 유형

▷ 숫자로 된 데이터 이해가 중요

▷ 전달하고 싶은 정보를 최대한 간결하게 표현

※ 감성적이거나 재미 요소는 부족 ⇒ 은유와 상징 이용


※ 사무실 집기의 길이를 그래프로 사용하여 야근의 시간을 표현한 사례

※ 출처 : http://www.infographicsarchive.com


▷ 데이터와 관련된 이미지를 이용하여, 직관적이고 이해가 쉽게 구현


② 타임라인 기반 인포그래픽

▷ 시간순서대로 정보를 보여주는 형태

▷ 문자 선, 숫자 레이블 등을 디자인 요소로 활용

▷ 기업이나 제품의 역사, 프로젝트 일정 등을 표현하기에 적합


※ 라디오의 역사를 보여주는 인포그래픽

※ 출처 : http://www.visualnews.com/2012/02/10/visualizing-the-history-of-radio/


※ 미국의 우주탐사 역사를 한 장의 이미지로 표현

※ 출처 : http://dailyinfographic.com/wp-content/uploads/2013/06/Space-infographic1.jpg


③ 프로세스 기반 인포그래픽

▷ 복잡한 업무 처리 과정을 한 장으로 보여줄 때 효과적 (예) 조립설명서

▷ 초기 프로그램 순서도에서 유래 ⇒ 자기가 원하는 데이터를 전달 받을 수 있는 방식

▷ 문답형식 인포그래픽 : 심리테스트 진행때 자주 보는 유형


※ 음악 스타일과 직업의 관계성을 보여주는 인포그래픽

※ 출처 : http://dailyinfographic.com/


④ 위치/지리기반 인포그래픽

▷ 정보를 지도 위에 표현

▷ 선거 때 지역별 지지율, 인구 분포 표현 등에 유용

▷ 네비게이션도 위치/지리기반 인포그래픽의 일종


※ 여행의 다양한 선택사항을 설명하는 인포그래픽

※ 출처 : http://www.boostlabs.com/portfolio-item/travel-options-infographic/


⑤ 비교 형식 기반 인포그래픽

▷ 서로 상반되는 데이터 대조 및 비교 시 유용 : 강력한 설득과 이해가 필요한 경우

▷ 상징색 이용만으로 비교 대상을 명확하게 비교


※ Linkedin을 사용하는 남성과 여성의 네트워크 활용 비교

※ 출처 : http://techcrunch.com/2011/06/22/linkedin-men-are-more-savvy-networkers-than-women/


⑥ 스토리 기반 인포그래픽

▷ 주제 = 연결성 + 완결성

▷ 데이터와 타겟에 대한 정확한 이해가 필요

▷ 상황이미지 제시로 스토리 전달과 공감대 형성


※ 업무를 빠르고 효율적으로 진행하는 방법

※ 출처 : http://notes.fundersandfounders.com/post/68882521386/how-to-work-fast


  다. 다양한 분야에서의 인포그래픽

○ 실생활의 다양한 분야에서 사용 : 도로표지판, 지하철 안내표시, 날씨 정보 등

○ 국내 언론사 중 최초로 인포그래픽 영역을 선보인 곳 : 조선일보


※ 조선일보 인포그래픽 홈페이지(http://inside.chosun.com/)


○ 모든 컨텐츠를 인포그래픽으로 제작하는 홈페이지 등장 : 비주얼 다이브

※ 비주얼다이브 홈페이지(http://www.visualdive.co.kr/)



3. 인포그래픽의 활용 사례

 

  가. 목적에 따른 인포그래픽 활용 분야

① 공용 목적의 인포그래픽

▷ 관공서 : 법제처 2014년 업무보고



※ 출처 : http://www.moleg.go.kr/introduction/plan


▷ 공익광고


② 상용 목적의 인포그래픽

▷ 브랜드

- 구글 어스 홍보 인포그래픽

※ 출처 : http://jess3.com/google-earth-infographic/


▷ 제품관련

- 콜라 타이포 그래피

※ 출처 : https://www.behance.net/gallery/Coca-Cola-Ethics/6122623


③ 교육 목적의 인포그래픽

▷ 정보전달

- 나비의 이동과 종류에 관한 인포그래픽

※ 출처 : http://terrisnotebook.com/tag/infographic/


▷ 가이드

- 간단한 단편영화를 만드는 방법을 쉽게 표현

※ 출처 : http://gointothestory.blcklst.com/2011/04/infographic-i-want-to-make-short-film.html


④ 혼합형 인포그래픽 사례 : 스토리가 있는 동영상 광고




반응형
: