인포그래픽의 비중이 점점 증가하는 이때, 월스트리트 저널 '인포그래픽 가이드' 북 리뷰입니다. 목차 : 1. 기본원칙 1) 숫자 2) 글꼴 3) 색상 to be continued... 데이터 저널리즘의 새 바람, 뉴스젤리(Newsjelly) http://newsjel.ly

1. 인포그래픽 가이드
The Wall Street Journal
Book Review

2. 1장
기본원칙

3. 기본원칙:
‘차트로 그릴 가치가 있는 정보인가?’ ‘차트로 그릴 가치가 있는 정보인가?’
→대답 할 수 있는 기본 원칙

4. 기본원칙:숫자
- 숫자는 글보단 차트로 이해가 쉽습니다.
‘심야버스가 시행된 후 50일 동안 하루 평균 6079명이 이용했는데 ,
그 중 11.9%가 학생, 대리운전 기사가 23.5%, 직장인이 64.6% 였다. ’
보다는,
숫자

5. 기본원칙:숫자
훨씬 효과적으로 읽힙니다.
-’서울시 심야교통을 책임지는 ‘올빼미’버스에 대한 3가지 사실’, 뉴스젤리

6. 기본원칙:숫자
-숫자는 같은 자료라도 비교 기준에 따라 결과가 달라질 수 있습니다.

7. 기본원칙:숫자
본문에 제시된 예시
A.B.C 3개 국가의 X은행에서 발급한 신용카드의 총계는 C국가가 가장 많지만,
‘인구대비’ 비교 해 봤을 때 B국가가 가장 앞섭니다.
A
B
C
국가
100 million
300
400
발급한 신용카드
200 million
200
400
인구
200 million
200
400
1인당 발급받은
신용카드 수

8. 기본원칙:숫자
따라서 비교를 하려면 ‘제대로’ 알맞은 기준에 맞춰 해야 한다는
것

9. 기본원칙:숫자
- 참조 대상을 설정하라
모든 것은 상대적
때문에 데이터를 해석할 때 기준점을 만들어야 하는데 예를 들어 숫자 하나만 보여주면 그 숫자가 어떤 의미인지 알 수 없지만
일련의 숫자들을 함께 보여주면 처음 제시한 숫자가 높은 의미인지, 낮은 의미인지 알 수가 있음.
예를 들어,

10. 기본원칙:숫자
10만원을 저금한다고 했을
때

11. 기본원칙:숫자
누군 가에겐 많은 돈 일수
도,

12. 기본원칙:숫자
누군 가에겐 적은 돈 일수도 있습
니다.

13. 기본원칙:숫자
하지만 이 10만원을 저금한 사람이
그 동안 저금해 온 비용을 나열해서 보여준다면,
이 것이 적은 돈인지 많은 돈인지 알 수 있습니다.
1월 2월 3월 4월 5월
10
9
8
7
6
5
4
3
2
1
0

14. 기본원칙:숫자
- 알맞은 신호를 보내라
‘사람들은 1,000달러의 이득에서 얻는 기쁨보다 1,000달러 손실로 인한 아픔을 더 크게 느낀다.’
실제 주가를 보여주는 그래프보단,
주가의 증감률을 보여줌으로써 하락률을 좀더 보여주면서
메세지 전달 효과를 높일 수 있습니다.
$12
10
8
6
4
2
0
+50%
+25
0
-25
-50
-75
-100
<

15. 기본원칙:
데이터의 신뢰
성
- 데이터는 최대한 공정하게 다방면으로 분석
- 이상하다고 느끼는 숫자는 끝까지 분석해서 이유를 알아내야 한다
데이터의 신뢰
성
잘못된 데이터 한 개가 차트 전체의 신뢰도를 무너뜨립니다.

16. 기본원칙:풍부한 데이터
데이터는 많을 수록 좋을까?
풍부한 데이
터
풍부한 데이터는 데이터의 질을 말합니다.
x데이터의 양이 아님!x
주제를 제대로 드러내려면
부수적인 디테일들이 사라질 수도 있습니다.

17. 기본원칙:글꼴
글
꼴

18. 기본원칙:글꼴
차트의 글꼴 가독성을 위한 기본 규칙

19. 기본원칙:글꼴
일반적으로 레딩은 글꼴 크기보다 약 2포인트 이상 클 때 읽기 편하다.
예를 들어 글꼴 크기가 10포인트이면, 레딩은 12포인트는 돼야한다.
레딩
가나다
가나다

20. 기본원칙:글꼴
너무 작은 글꼴이나 폭이 좁은 글꼴은 선택하지 않는다.

21. 기본원칙:글꼴
세리프건, 산세리프건 글꼴의 스타일은 단순하게 가져간다.
볼드체와 이탤릭체를 동시에 적용하지 말 것.
볼드체 또는 이탤릭체는 요점을 강조할 때만 사용한다.

22. 기본원칙:글꼴
알파벳의 경우, 알파벳 전체를 대문자로 쓰지 않는다. 가독성이 떨어진다.
손글씨를 쓸 때 처럼 대문자와 소문자를 함께 사용한다.
The Wall Street JournalTHE WALL STREET JOURMAL

23. 기본원칙:글꼴
검정색 혹은 다른 색상의 바탕에 흰색 글씨는 피한다.

24. 기본원칙:글꼴
하이픈 연결은 피한다.

25. 기본원칙:글꼴
지나치게 화려한 서체는 사용하지 않는다.
The Wall Street
Journal
The Wall Street Journal The Wall Street Journal
The Wall Street Journal

26. 기본원칙:글꼴
글꼴을 기울여 배치하지 않는다.
글꼴을기울여배치하지않는다.
글꼴을기울여배치하지않는다.
글꼴을기울여배치하지않는다.

27. 기본원칙:글꼴
글 꼴 사 이 를 벌 리 지 않 는 다.

28. 기본원칙:색상
색상
- 3~5 색조만을 이용하라!
주의력의 분산을 막고
시각적으로 통일된 느낌을 줍니다.

29. 기본원칙:색상
-색맹을 고려하라!
명도대비

30. 기본원칙:색상
-색맹을 고려하라!
•글꼴은 검정색으로. 혹은 바탕에 색을 꼭 써야 한다면 글꼴은 반드시 흰색으로.
•차트항목은 해당 차트 요소에 직접 나타내기.
•반드시 명도 대비를 높이기. 최종적으로 그레이 스케일로 변환
하라.

31. To be Continued...