정보디자인교과서 summary 01 피디엡

21
정보디자인 교과서 시각·영상디자인과 1515475 조은서 오병근, 강성중 지음 / 안그라픽스 1st Week

Upload: -

Post on 12-Apr-2017

416 views

Category:

Art & Photos


2 download

TRANSCRIPT

Page 1: 정보디자인교과서  Summary 01 피디엡

정보디자인 교과서

시각·영상디자인과

1515475 조은서

오병근, 강성중 지음 / 안그라픽스

1st Week

Page 2: 정보디자인교과서  Summary 01 피디엡

1 정보디자인의 개요 정보란 무엇인가

정보디자인이란 무엇인가

정보디자인의 역사

2 정보디자인의 원리 정보의 조직화

정보의 시각화

정보와 사용자

목차

Page 3: 정보디자인교과서  Summary 01 피디엡

1 정보디자인의 개요

Page 4: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

정보디자인

데이터

= 사용자들이 목적에 따라 정보를 효율적으로 사용할 수 있도록 의미있게 조직화하고 전달하는 과정

= 연구나 조사, 수집의 결과인 일종의 기초자료로서, 정보를 만들기 위한 원자재와 같은 것

정보란 무엇인가

Page 5: 정보디자인교과서  Summary 01 피디엡

정보의 특성

• 송신자와 수신자가 있어 상대적으로 존재

• 정보의 가치는 수신자에 따라 결정됨

• 형태가 없으므로 매체를 통해서 드러남

• 절달이 용이

• 가치와 시간이 함께 변화될 수 있음

정보디자인의 개요

정보 = 데이터에 의미와 가치를 부여해 조직화하고 변화시킨것

Page 6: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

정보디자인이란 무엇인가

에드워드 터프티 • 양적 정보의 디자인은 무엇과 비교할것인가로 귀결된다. • 인과관계를 표현하도록 노력해야한다 • 정보를 표현하는 수단에 의해 정보 메시지의 전달이 불확실해지면 안된다.

리처드 솔 워먼 • ‘인포메이션 아키텍처’ 정보의 홍수 속에서 사용자가 이해할 수있도록 정보를 잘 조직화하고 표현해야함

• “우리가 일상에서 접하는 대부분은 정보가 아니고 데이터에 불과하므로 이를 가치있게 하려면 데이터에 의미를 부여하고 조직화하여 변화시켜 제시해야한다.”

Page 7: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

정보디자인의 정의

사용자 콘텍스트고려하여 ‘의미만들기’

사용자의 감각을 통한외부자극의 수용 ‘형태만들기’

사용자의 정보 경험과 관련 ‘맥락 만들기’

정보디자인 개념도

Page 8: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

정보디자인의 역사

동굴벽, 동물 뼈에 시도된 시각적 표현

지도와 다이어그램 등장

인쇄기술에 의한 정보 기록

정보시각화 기술의 발전

디지털 시대의 정보디자인

아낙시만더 최초의 지도발명

구텐베르크 성서 인쇄, 페트루스 아피아누스의 다이어그램

드니 디드로 백과사전 제작

개인 미디어 등장, 디지털 형식의 상호작용

Page 9: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

아낙시만더의 세계지도

페트루스 아피아누스의 코스모그라피아윌리엄 플레이페어의 차트디자인

Page 10: 정보디자인교과서  Summary 01 피디엡

정보디자인의 개요

나이팅게일의 폴라지도

존 스노우의 콜레라지도

헤리 벡의 런던 지하철 노선도

Page 11: 정보디자인교과서  Summary 01 피디엡

2 정보디자인의 원리

Page 12: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

정보의 조직화 “정보 조직화는 혼돈의 상태로 존재하는 데이터를 분류하고 배열하고 조직화하여 질서를 부여하는 작업을 의미한다.”

Page 13: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

정보 배열하기

조직화 방법 LATCH

위치(location)

문자(alphabet)

시간(time)

카테고리(category)

위계(hierarchy)

데이터 재배열

분류된 데이터를 정보 수용자가 인식하기 쉽게 패턴을 만드는 일

Page 14: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

정보의 시각화

사용자에게 더 효율적으로 정보를 전달하기 위해 그래픽요소를 활용하여 데이터가 정보로서 의미가 생성되도록 형성하는 것

효과

• 직관적 이해 • 많은 데이터를 동시에 차별적으로 보여줌 • 지각적 추론을 가능하게 함 • 감성을 부여하여 흥미유발 • 문자보다 친근하게 전달

BUT

• 지적 능력 요구 • 정보 시각화 과정에서 정보가 왜곡 가능성 • 지나친 시각화는 효율 저하 • 문화적 요인의 작용

Page 15: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

박병호 선수의 홈런 분포를 시각화한 자료

명절 고속도로 정체 수치를 시각화하여 나타낸 자료국회의원 득표현황을 시각적으로 나타낸 자료

Page 16: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

정보 시각화의 범위

그래픽요소와의 시각적 매핑과 그것을 통해 표현된 시각적 형태, 그리고 매체 형식에 맞는 전달방식을 포함

정보내용

메타포, 다이어그램, 맵

Static, Motion, Interactive

인쇄, 컴퓨터/영상, 공간/환경

시각 형식

전달 방식

매체 방식

정보시각화 범위

Page 17: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

시각적 매핑

시각적 형태

• 데이터를 정보 사용자에게 시각적 형태로 자리잡게 하는 것

• 데이터를 인간의 인지구조와 프로세스에 적합한 형태로 재배치하는것

• 매핑으로 만들어진 시각적 구조에 정보 사용자가 이해하기 쉽도록 그래픽 요소를 사용해 표현된것

• 그래픽 요소는 장식이 아니라 이해를 돕는 역할

Page 18: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

기호=기표+기의

어떤 기호를 선택하느냐에 따라 의미전달이 달라지고, 동일한 기활 해도 사용자, 목적, 정보디자인을 둘러싼 사회문화적 환경에 따라 그 의미가 달라질 수 있다.

Page 19: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

픽토그램과 이미지는 사회문화적 차이에 따라 다르게 인식될 수 있다.

Page 20: 정보디자인교과서  Summary 01 피디엡

정보디자인의 원리

도상, 지표, 상징

정보디자인에서 가장 많이 사용되는 기표는 음성이미지(문자)와 시각이미지(다이어그램,사진,그림 등)라고 할 수 있다. 그러나 기표와 기의의 관계는 완전하지 않고 사회와 문화에 따라 달라진다.

Page 21: 정보디자인교과서  Summary 01 피디엡

감사합니다

시각·영상디자인과

1515475 조은서