디미컨_2주차_1413336 한혜인

19
2016 - 1 디지털미디어컨텐츠 | 2주차 SUMMARY 아름다운 시각화 줄리 스틸·노아 일린스키 편집 | 김진홍 옮김 시각영상디자인과 1413336 한혜인

Upload: hanhein1207

Post on 09-Jan-2017

921 views

Category:

Design


0 download

TRANSCRIPT

Page 1: 디미컨_2주차_1413336 한혜인

2016 - 1 디지털미디어컨텐츠 | 2주차 SUMMARY

아름다운 시각화 줄리 스틸·노아 일린스키 편집 | 김진홍 옮김

시각영상디자인과 1413336 한혜인

Page 2: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

참신성 정보성 효율성 심미성

데이터에 대한

신선한 관점

흥미를 끄는

새로운 이해방식

정보 전달 능력이

성공 여부의 중요 부분

메세지와

이용 맥락 중요

명백한 목적과

메시지, 관점 설정

너무나 많은 정보는

잡음이나 마찬가지

구성 요소

적절히 사용

시각적인 결과물에만

치우친 디자인은

쓸모 없음

아름다움의 4가지 요소

Page 3: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

참신성 정보성 효율성 심미성

데이터에 대한

신선한 관점

흥미를 끄는

새로운 이해방식

정보 전달 능력이

성공 여부의 중요 부분

메세지와

이용 맥락 중요

명백한 목적과

메시지, 관점 설정

너무나 많은 정보는

잡음이나 마찬가지

구성 요소

적절히 사용

시각적인 결과물에만

치우친 디자인은

쓸모 없음

아름다움의 4가지 요소

정보를 표현하는 목적을 확실히 해야 한다.

앞의 네 가지 요소를 유지하며,

의도에 맞게 디자인하는 것이 중요하다.

Page 4: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

좋은 시각화 사례

멘델레예프의 화학 원소 주기율표

화학 원소의 주기적인 성질이 잘 나타나도록 기호가 정렬되어 있다.

또한 물리화학적 속성이 비슷한 원소들을 재정렬하였다.

Page 5: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

좋은 시각화 사례

런던 지하철 튜브 노선도

일반적인 지도 제작법에서 벗어나 전기회로 도안을 그리는 방식을 도입하였다.

불필요한 정보는 삭제하여 가장 연관있는 정보를 강조하였다.

Page 6: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

기본양식에서 벗어나기 정보성 부여하기 전달하려는 메시지

구분으로 잘라내기 관례 사용하기 심미적 요소를 발판 삼기

어떻게 아름다움을 얻는가 ?

효율성 주기 시각적으로 강조하기 좌표축으로 의미담기

Page 7: 디미컨_2주차_1413336 한혜인

1) 아름다움에 대해 | 노이 일린스키

좋은 시각화 사례

뉴욕타임스 2008년 대통령 선거 지도

왼쪽 지도(지리정보를 정확히 표현한 지도)보다 오른쪽 지도(투표인단 수에

비례하도록 조정한 미국 지도)가 각 정당의 상대적 영향력을 쉽게 비교할 수 있다.

의도했던 목적에 맞는 특화된 지도를 만든 것이다.

Page 8: 디미컨_2주차_1413336 한혜인

2) 옛날 옛적에 중첩 시계열이 있었는데 | 마티아스 샤피로

정보시각화에서 이야기 전달의 중요성

이야기는 주목도 높은 방법이다.

이야기는 제시된 데이터가 왜 우리 삶에서 중요한 지 이해하게 해준다.

데이터는 문맥 내에서, 맥락에서 볼 때 의미를 가지고 기억된다.

따라서, 우리가 연관 짓는 맥락과 이야기가 시각화의 영향력을 지속시켜준다.

Page 9: 디미컨_2주차_1413336 한혜인

2) 옛날 옛적에 중첩 시계열이 있었는데 | 마티아스 샤피로

효과적인 시각화를 만드는 단계

1

질문

만들기

2

데이터

수집

3

시각적 표현

적용하기

데이터에 대해서 수집,

탐색 후, 충분한 이해를

통해 질문 다듬기

다양한 데이터

창고 사이트 탐색

크기, 색상, 위치,

시간 등을 고려

다중 시각 표현 기법 활용

Page 10: 디미컨_2주차_1413336 한혜인

3) 워들 | 조너선 파인버그

워들이란 ?

텍스트 분석을 통해 다채로운 단어 콜라주를 만들어 주는 것

워들은 최대한 간단히 동작하도록 해야한다.

워들을 정보시각화 도구로 사용할 경우, 산만해 보이지 않도록 주의해야 한다.

Page 11: 디미컨_2주차_1413336 한혜인

3) 워들 | 조너선 파인버그

워들 사용 시 주의해야 할 점

단어 크기 설정이 단순하다

색상은 의미가 없다

글꼴들이 장식적이다

단어 빈도 수가 충분히 구체적이지 않다

Page 12: 디미컨_2주차_1413336 한혜인

4) 색 : 데이터 시각화의 신데렐라 | 마이클 드리스콜

1

기호

바꾸기

2

소형 다중

그래프

사용하기

3

데이터에

색 추가하기

데이터에 대해서 수집,

탐색 후, 충분한 이해를

통해 질문 다듬기

다양한 데이터

창고 사이트 탐색

크기, 색상, 위치,

시간 등을 고려

다중 시각 표현 기법 활용

데이터 차원의 시각화 기법

Page 13: 디미컨_2주차_1413336 한혜인

5) 정보 매핑하기 : 뉴욕 도시 지하철 지도를 다시 디자인하기 | 에디 자보어

뉴욕 지하철 노선도의 리뉴얼 : 킥맵

Page 14: 디미컨_2주차_1413336 한혜인

6) 테이블을 트리로 교체 : 패러럴 셋을 이용하여 목적이 뚜렷한 시각화하기 | 로버트 코사라

타이타닉 호의 좌석등급, 성별에 따른 생존자 남녀구분에 따른 생존율을 보여주는 패러렐 셋 디자인

Page 15: 디미컨_2주차_1413336 한혜인

7) ‘X 대 Y’의 디자인 | 모리츠 스테파너

아카이브를 지도로 그리기

프릭스 아르스 일렉트로니카의 출품작 데이터베이스 작업 일부

Page 16: 디미컨_2주차_1413336 한혜인

8) 1994년에 있었던 일 : 뉴욕타임스의 기사 검새 API를 이용한 데이터 탐색 | 제르 소프

뉴욕타임스의 데이터베이스를 통해

매 해 가장 여러 번 언급된 인물 및 단체들을 표현하는 그래픽

Page 17: 디미컨_2주차_1413336 한혜인

9) 펼쳐진 복잡계 안으로 빠져들어 보기 | 랜스 퍼트넘 외

아름다움과 대칭

복합적인 자연의 패턴도 자율적으로 재구성 가능

컴퓨터 계산 도구

래스터 / 벡터

필터로 설명

내용 조직 및 패턴 표현

창의적 생각에 이르는 로드맵

Page 18: 디미컨_2주차_1413336 한혜인

10) 시각화 | 제시카 헤이지

시각화 : 찾아보기

시각적으로 전달할 아이디어만 있다면,

누구나 시각화를 할 수 있다.

시각화는 바로 “지금”이다.

시각화는 명백하고 단순해야 한다.

시각화는 연결을 가능하게 한다.

Page 19: 디미컨_2주차_1413336 한혜인

THANK YOU

시각영상디자인과 1413336 한혜인