컴북스닷컴
인티는 오늘의 지성인을 위한 북레터입니다
Show Navigation Hide Navigation
  • 컴북스
  • 지만지
  • 학이시습
  • 지공
  • 기획시리즈
홈 / 디자인 / 눈과 마음을 사로잡는 그래프 디자인

눈과 마음을 사로잡는 그래프 디자인

c20131121-s

정혜경·이승민이 옮긴 스티븐 M. 코슬린(Stephen M. Kosslyn)의 <<눈과 마음을 사로잡는 그래프 디자인(Graph Design for the Eye and Mind)>>

그래프는 드라마다
막대기나 꺾은선, 동그라미나 파이 조각만 생각한다면 불행하다. 그래프는 언어와 이미지의 속성을 훌쩍 넘어 양과 질을 동시 소통한다. 현명한 그래프 하나가 멍청한 책 한 권보다 낫다.

어떤 그래프가 눈과 마음을 사로잡는가?
한눈에 들어오고 쉽게 이해할 수 있는 그래프다.

단순한 그래프가 좋은 그래프라는 말인가?
아니다. 형식은 간단하지만 한눈에 파악 안 되는 그래프도 많다. 나쁜 그래프다.

하나의 그래프에 많은 정보를 담겠다고 욕심내는 것이 문제인가?
많은 정보를 담고 있지만 패턴과 추이, 비교 내용을 즉시 이해할 수 있는 그래프도 많다.

나쁜 그래프와 좋은 그래프는 어디서 갈라지나?
인간 고유의 인지와 심리를 고려했는지 여부다.

인간의 인지와 심리가 그래프 디자인과 어떤 관계인가?
인간은 둘 이상의 시각 정보 간 관계를 파악할 때 특정한 인지 경향과 심리 특성에 따른다. 수치를 단순 나열해 전달하는 표와는 달리 그래프는 수치들 간의 관계를 표현하는 시각 커뮤니케이션 도구다. 인간 인지와 심리를 이해하지 못하면 그래프 디자인은 불가능하다.

이 책 <<눈과 마음을 사로잡는 그래프 디자인>>은 무엇을 이야기하는가?
인지심리학적 관점에서 그래프에 접근한다. 여덟 가지 인지심리 원칙을 제시하고 그래프 디자인에 어떻게 적용되는지를 실제 사례로 설명한다.

인지심리 8원칙은 무엇인가?
적절한 지식, 차별성, 지각적 조직화, 현저성, 호환성, 유용한 변화, 능력 제한, 관련성의 원칙이다.

적절한 지식 원칙이 주장하는 것은 무엇인가?
타깃 독자다. 전문 과학잡지에 싣는 그래프와 일반 신문에 싣는 그래프는 표현 형식과 기호가 다르다. 독자가 다르기 때문이다.

차별성 원칙은 왜 필요한가?
이것을 무시하면 두 시각 정보의 차이를 쉽게 인지할 수 없는 그래프를 만들기 때문이다. m과 o, 그리고 m과 rm의 조합 가운데 어느 것이 더 구별하기 쉬운가? 구별이 어려운 요소를 사용하면 보는 사람은 그래프를 이해하기 힘들어진다.

지각적 조직화의 원칙이란 무엇을 말하는가?
근접 요소나 유사 패턴을 한 단위로 묶어 관찰하고 기억하는 인간의 시각 특징에서 비롯된 원칙이다. 하늘을 나는 오리 무리를 오리와 오리로 인식하지 않고 하나의 떼로 보는 것이 단적인 사례다.

독자의 관심을 조정하고 유도하는 데는 어떤 법칙이 중요한가?
현저성의 법칙이다. 그래프로 보여 주고 싶은 정보나 추세는 독자가 단박에 확인할 수 있도록 충분히 명확해야 한다.

선 그래프와 막대 그래프 가운데 하나를 선택할 때 현저성 원칙은 어떤 역할을 하는가?
선 그래프는 막대 그래프로 잘 표현하기 힘든 추이 변화를 보여 주는 데 유용하다. ‘남성 수가 많아질수록 전체의 키가 커진다’는 정보는 선 그래프를 사용할 때 효과적이다. 반면 상대적인 지점 간 수치 차이를 부각하려면 막대 그래프를 사용하는 게 좋다. X축을 따라 세 개의 막대 쌍(각 연도마다 두 개씩의 막대)을 가진 그래프에서 각 막대의 높이는 지점의 수치를 보여 주며, 이 수치는 선 그래프보다 상대적으로 읽기 편하다.

“독자가 보는 것이 독자가 얻는 것이다”는 어느 원칙의 명제인가?
호환성 원칙이다. 메시지에서 표현과 의미가 일치할 때 이해가 가장 쉽다는 뜻이다.

표현과 의미가 불일치하면 어떤 문제가 발생되는가?
그래프 요소와 내용 간 불일치는 독자의 인지를 방해한다.

내용과 요소의 불일치란 무엇을 뜻하는가?
빨강이라는 단어를 빨강과 파랑 잉크로 각각 써 놓고 사람들에게 글자의 색을 묻는 실험을 해 보자. 빨강을 빨간색으로 쓴 글자를 “빨강”이라고 대답하는 데 걸리는 시간에 비해 빨강을 파란색 잉크로 쓴 글자를 보고 “파랑”이라고 말하는 데 걸리는 시간이 훨씬 더 길다.

그래프 요소의 색과 질감이 그래프의 의미를 인지하는 데 미치는 영향은 무엇인가?
독자는 색과 질감의 변화를 유의미한 정보로 파악한다. 그래프를 화려하게 보이게 하려는 의도임에도 불구하고 독자는 다른 뜻이 있을 것이라 생각한다. 유용한 변화의 원칙은 그래프 속 시각 표현의 변화가 항상 유의미한 정보를 담아야 한다고 강조한다.

인간이 한 번에 처리할 수 있는 의미 단위는 몇 개인가?
능력 제한의 원칙에 따르면 네 개 이하다. 그 이상의 지각 묶음은 쉽게 처리하기 어렵다.

그래프가 네 개 이상의 지각 묶음으로 구성되면 어떤 일이 벌어지는가?
독자가 내용을 인지하는 데 심각한 장애가 발생한다. 구성 내용 간 간섭이 일어나고 그 결과 전체 의미도 왜곡되기 쉽다.

관련성의 원칙이 그래프에 요구하는 것은 무엇인가?
독자의 관심 수준에 대한 고려다. 관련 정보가 너무 적으면 독자는 난감해할 것이고, 너무 많으면 불필요한 세부 사항들에 허덕인다.

그래프가 독자를 속일 수 있는 거짓말은 어떤 것이 있는가?
높이 대 밑변의 비율인 종횡비를 변경해 선의 기울기를 조작할 수 있다. 3차원 그래프의 원근법을 활용해 크기를 왜곡할 수도 있다. 도형의 밝기를 다르게 해서 면적 차이를 과장할 수도 있다.

이 책의 탁월성을 하나만 자랑한다면?
풍부한 사례다. 그래픽 프로그램으로 다양한 보고서를 만드는 회사원들이 잘 쓸 수 있다. 프레젠테이션 발표 자료를 만드는 일이 잦은 학생이나 일반인에게도 안성맞춤 교재다.

이 책은 어떻게 읽어야 이익이 되는가?
반드시 1장부터 읽어라. 인간 지각의 특성과 인지 법칙을 먼저 알아야 이어지는 내용을 좀 더 깊게 이해할 수 있다. 본문에서 제시되는 ‘좋은 예’와 ‘나쁜 예’ 그래프를 비교, 분석하고 실제 그래프 제작에 활용하라.

전문 독자가 주목해야 할 내용은 어디에 있나?
7장이다. 내부 그리드, 배경, 범례, 주석과 같은 세부 요소는 물론 색과 해칭, 음영과 3차원 효과 활용에 대한 권장 사항을 담았다.

당신은 누구인가?
정혜경이다. 건국대학교 시각광고디자인학부 교수다.



책 보러가기

※ 이 글에 포함된 이미지 사용에 저작권상 문제가 있다면 연락주십시오. 확인 뒤 바로 처리하겠습니다.

Facebookgoogle_plus


뒤로 : 인쇄 광고 타이포그래피 앞으로 : 시각화의 권력관계


 
인티란?
인티 신청

인티 분류

  • 미분류 (1)
  • 인티전체 (3,334)
    • 01 마케팅 (263)
      • SNS (19)
      • 광고 (80)
      • 마케팅 이론 (24)
      • 모바일 (16)
      • 브랜드 (22)
      • 인터넷 (31)
      • 프로모션과 이벤트 (27)
      • 홍보 (54)
    • 02 문학 (1,030)
      • 독일문학 (70)
      • 러시아문학 (85)
      • 스페인 포르투갈 중남미문학 (32)
      • 아시아문학 (13)
      • 아프리카문학 (7)
      • 영국과 미국문학 (76)
      • 유럽문학 (47)
      • 일본문학 (41)
      • 중국 홍콩 대만문학 (126)
      • 프랑스와 퀘벡문학 (81)
      • 한국고전문학 (89)
      • 한국근현대문학 (277)
      • 희곡 (136)
    • 03 미디어 (354)
      • 뉴미디어 (58)
      • 미디어이론 (74)
      • 방송 (95)
      • 저널리즘 (109)
      • 출판 (13)
    • 04 사회과학 (176)
      • 경제와 경영 (56)
      • 법 (30)
      • 사회학 (44)
      • 연구방법론 (22)
      • 정치 (24)
    • 05 역사 (34)
      • 동양사 (19)
      • 서양사 (13)
    • 06 예술 (236)
      • 디자인 (11)
      • 만화 애니메이션 게임 (32)
      • 문화콘텐츠와 스토리텔링 (51)
      • 미술 (4)
      • 사진 (3)
      • 연극 (25)
      • 영상 (14)
      • 영화 (105)
      • 음악 (6)
    • 07 인문과학 (151)
      • 교육 (67)
      • 군사 (5)
      • 심리 (10)
      • 언어 (24)
      • 인류 (17)
      • 종교 (27)
      • 지리 (3)
    • 08 자연과학 (33)
      • 물리 (6)
      • 생물 (13)
      • 수학 (1)
      • 천문 (2)
    • 09 철학 (94)
      • 동양철학 (22)
      • 서양철학 (70)
    • 10 커뮤니케이션 (140)
      • 글쓰기 (14)
      • 말하기 (23)
      • 커뮤니케이션 이론 (61)
      • 프레젠테이션 (9)
    • 11 주말판 (204)
    • 12 교재 (67)
      • 2학기 교재 가이드 (8)
      • 강의 고민 해결사 (5)
      • 경쟁하는 교재들 (6)
      • 내 강의엔 이 교재가 좋았다 (12)
      • 대학가 인기 텍스트 탐방 (20)
    • 13 기획물 (628)
      • 2012년, 왜 이 책이었나? (7)
      • 2013년 내게 아주 특별했던 한 해 (4)
      • 2학기에 꼭 권하는 책 (9)
      • 416 커뮤니케이션 (11)
      • 가을에 읽는 책 (10)
      • 가족극장 (5)
      • 내가 홍보수석이라면 (5)
      • 독립 만세 (10)
      • 미리 만나는 봄 (5)
      • 북으로 간 문학 (37)
      • 선택 2012, 커뮤니케이션이… (13)
      • 설을 맞는 마음 (9)
      • 영화를 바꾼 영화 (13)
      • 외국인을 위한 한국어 읽기 (4)
      • 욕망의 온도 (5)
      • 우화한 세계 (5)
      • 이해총서 (240)
      • 인터넷 쟁점 (11)
      • 인텔리겐치아 (5)
      • 저자와 출판사 (10)
      • 중국 홍콩 대만 근현대문학 특선 (6)
      • 지만지 1000종 기념 지식 여행 (10)
      • 지만지가 발굴 소개한 초판본 (15)
      • 지만지와 겨울 여행 (15)
      • 지만지와 함께 떠나는 유럽 여행 (12)
      • 창조경제를 묻는다 (12)
      • 추석 특집 (16)
      • 커뮤니케이션 연구 현장 (11)
      • 커뮤니케이션 연구의 프런티어 (9)
      • 컴북스 올여름 독서 계획 (14)
      • 컴북스가 만드는 학술지 (12)
      • 피서지에서 만난 책 (6)
      • 한국동화 100년 (56)
      • 한글날 특집 (6)
      • 현장 이슈 (17)
  • 전체 (14)
  • 희곡 (32)

 

회사소개   알리는말씀   이용약관  유료서비스이용약관   개인정보취급방침   회사약도   페이스북컴북스   페이스북지만지
커뮤니케이션북스(주) 02880 서울시 성북구 성북로 5-11 commbooks@commbooks.com 02.7474.001 02.736.5047
대표이사 박영률 사업자등록번호 105-87-11972 통신판매업신고 제2009-서울마포-00105호 Copyright ⓒ CommunicationBooks, Inc. All Rights Reserved.
커뮤니케이션북스 홈사이트는 인터넷익스플로러9 이상, 크롬, 파이어폭스를 권장합니다.

이용약관   개인정보취급방침   페이스북컴북스   페이스북지만지
02880 서울시 성북구 성북로 5-11 (성북동1가 35-38) commbooks@commbooks.com 02.7474.001 02.736.5047
대표이사 박영률 사업자등록번호 105-87-11972 통신판매업신고 제2009-서울마포-00105호 Copyright ⓒ CommunicationBooks, Inc. All Rights Reserved.
커뮤니케이션북스 홈사이트는 인터넷익스플로러9 이상, 크롬, 파이어폭스를 권장합니다.

툴바로 바로가기
    • 컴북스 소개
    • 컴북스 도서
    • 주제로 찾기
      • 커뮤니케이션
      • 미디어
      • 저널리즘
      • 광고·홍보·마케팅
      • 경제경영
      • 문화
      • 영화
      • 정기간행물
      • 한국어
    • 시리즈로 찾기
      • 한국시나리오걸작선
      • 한국의 저널리스트
      • 커뮤니케이션이해총서
      • 컴북스이론총서
      • 만화웹툰이론총서
      • 만화웹툰작가평론선
      • 저널리즘총서
      • 리얼미디어
      • 컴북스팸플릿
      • 아트코리아랩총서
      • 인공지능총서
    • 지만지 소개
    • 지만지 도서
    • 주제로 찾기
      • 문학
      • 사회
      • 인문
      • 역사
      • 예술
      • 자연
    • 지만지드라마 소개
    • 지만지드라마 도서
    • 장르로 찾기
      • 희곡
      • 연극이론
    • 지만지드라마닷컴
    • 지만지한국문학 소개
    • 지만지한국문학 도서
    • 장르로 찾기
      • 시
      • 소설
      • 수필
      • 평론
      • 문집
      • 동화
      • 동시
    • 시리즈로 찾기
      • 초판본 한국소설문학선집
      • 초판본 한국시문학선집
      • 초판본 한국문학평론선집
      • 한국동화문학선집
      • 한국동시문학선집
      • 한국수필선집
      • 육필시집
      • 지역 고전학 총서
      • 한국 고전소설 등장인물 사전
      • 한국 고전소설사 큰사전
    • 학이시습 소개
    • 학이시습 도서
    • 주제로 찾기
      • 인적 자원 개발
      • 새 시대의 공교육
      • 교사를 위한 수업 매뉴얼
      • 학습 이론&역사
      • 진로설계학습
      • 일상에서배우기
      • 자서전·전기
      • 문해 학습
      • 외국인을위한한국어읽기
    • 지식공작소 소개
    • 지식공작소 도서
    • 주제로 찾기
      • 경제/경영
      • 달리기/마라톤
      • 인문교양
      • 자기계발
      • 자서전/회고록
    • 오디오북스 소개
    • 오디오북스 도서
    • 시리즈로 찾기
      • 100인의 배우, 우리 문학을 읽다
      • 100인의 배우, 세계 문학을 읽다
      • 길용우가 읽는 박태원 삼국지
      • 법정스님 108법문 (상)
      • 베개 타고 떠나는 이야기 여행
      • 빨강머리 앤 1권 초록지붕 집 이야기
      • 빨강머리 앤 2권 에이번리 이야기
      • 빨강머리 앤 3권 레드먼드 이야기
      • 세계환상문학걸작선
      • 셰익스피어 4대 비극
    • 큰글자책 소개
    • 큰글자책 파트너사
    • 로그인
    • 회원가입
    • 문의
    • 출간문의
    • FAQ