1.
(제안서, 보고서, 레포트, 포스터, 전단지, 홍보물 …)

2.
www.newjel.ly 4
60x25m=1.5km, 칸 별 크기, 이름
영화 제작의 기본 가이드

3.
www.newjel.ly 5
용어정리
차트 (20분)
- 차트 히스토리
- 바차트 이론
- 파이차트 이론
색상 (20분)
- 색상 지정
- 색상 척도
- 색상 선택법
실습 (40분)
- 차트 만들기
- 색상 적용시키기
픽토그램 (20분)
상형문자부터 픽토
그램 그리고 아이
콘까지
실습 (80분)
맥도날드 사인 만들기
종합 실습

4.
www.newjel.ly 6
파워포인트 엑셀
2010 버전 이상
2013 권장
http://visualization.barugi.com/

5.
www.newjel.ly 7
인포그래픽
데이터시각화
정보시각화
정보그림
데이터비주얼라이제이션
인포메이션아키텍처
데이터디자인
정보설계

6.
www.newjel.ly 8
정보건축
정보디자인
인포그래픽, 데이터시각화

7.
www.newjel.ly 9

8.
www.newjel.ly 10

9.
www.newjel.ly 11
%
%

10.
www.newjel.ly 12

11.
www.newjel.ly 13

12.
www.newjel.ly 14
%
%

13.
www.newjel.ly 15

14.
www.newjel.ly 16

15.
www.newjel.ly 17
%

16.
www.newjel.ly 18
%
%

17.
www.newjel.ly 19

18.
www.newjel.ly 20
세 조 조
세 조 조
%
%

19.
www.newjel.ly 21

20.
www.newjel.ly 22
L l
카테고리1 카테고리2 카테고리3 카테고리4
카
테
고
리
1
카
테
고
리
2
카
테
고
리
3
카
테
고
리
4

21.
www.newjel.ly 23
카
테
고
리
1
카
테
고
리
2
카
테
고
리
3
카
테
고
리
4
카테고리1
카테고리2
카테고리3
카테고리4
L l

22.
www.newjel.ly 24
10
20
30
40
1월 2월 3월 4월
10
20
30
40
1월 2월 3월 4월
L l

23.
www.newjel.ly 25
L l
0
5
10
15
20
25
30
35
40
45
카테고리1 카테고리2 카테고리3 카테고리4
0
5
10
15
20
25
30
35
40
45
카테고리1 카테고리2 카테고리3 카테고리4
%

24.
www.newjel.ly 26

25.
www.newjel.ly 27
L l
25
30
35
40
45
50
55
60
65
카테고리1 카테고리2 카테고리3 카테고리4
0
10
20
30
40
50
60
70
카테고리1 카테고리2 카테고리3 카테고리4

26.
www.newjel.ly 28

27.
www.newjel.ly 29
0
5
10
15
20
25
30
35
40
45
카테고리1 카테고리2 카테고리3 카테고리4

28.
www.newjel.ly 30
L l

29.
www.newjel.ly 31
L l
러시아
미국
중국
한국러시아
중국
미국
한국
러시아
미국
중국
한국
L

30.
www.newjel.ly 32
0 10 20 30 40 50
카테고리1
카테고리2
카테고리3
카테고리4
10
20
30
40
카테고리1
카테고리2
카테고리3
카테고리4

31.
www.newjel.ly 33
10
20
30
40
-­‐10
-­‐20
-­‐30
-­‐40

32.
www.newjel.ly 34
L

33.
www.newjel.ly 35

34.
www.newjel.ly 36
L l

35.
www.newjel.ly 37

36.
www.newjel.ly 38

37.
www.newjel.ly 39
L l

38.
www.newjel.ly 40
1st 2nd 3rd 4th

39.
www.newjel.ly 41

40.
www.newjel.ly 42

41.
www.newjel.ly 43
0
10
20
30
40
50
60
40
42
44
46
48
50

42.
www.newjel.ly 44
0
10
20
30
40
50
60
35
40
45
50
55
L l

43.
www.newjel.ly 45
35
38
41
44
47
50
53
35
40
45
50
55
L l

44.
www.newjel.ly 46
0
500
1000
1500
2000
2500
3000
3500
국가별 현지이주신고자 현황(2002-­‐2012)
일본 캐나다 호주 뉴질랜드 라틴 아메리카 영국 홍콩 기타

45.
www.newjel.ly 47
0
500
1000
1500
2000
2500
3000
3500
일본 캐나다 호주 뉴질랜드 라틴 아메리카 영국 홍콩 기타
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000
0
1000
2000
3000
4000

46.
www.newjel.ly 48
0
500
1000
1500
2000
2500
3000
3500
4000
일본 호주 뉴질랜드
0
1000
2000
3000
4000
일본
뉴질랜드
호주
L l

47.
www.newjel.ly 49
0
500
1000
1500
2000
2500
3000
3500
4000
일본
호주
뉴질랜드

48.
www.newjel.ly 50

49.
www.newjel.ly 51
%
%
%

50.
www.newjel.ly 52
빨강 빨강 RGB(255,0,0)
파랑초록

51.
www.newjel.ly 53
노랑
검정
청록 마젠타
빨강 CMYK(0,100,100,0)

52.
www.newjel.ly 54
빨강 16진수 표기: #FF0000
%
%
%

53.
www.newjel.ly 55
http://www.javascripter.net/faq/rgbtohex.htm

54.
www.newjel.ly 56
%
%
%
%

55.
www.newjel.ly 57

56.
www.newjel.ly 58

57.
www.newjel.ly 59
http://gka.github.io/palettes/#colors=lightyellow,orange,deeppink,darkred|steps=7|bez=1|coL=1
__

58.
www.newjel.ly 60
http://gka.github.io/palettes/#colors=lightyellow,orange,deeppink,darkred|steps=7|bez=1|coL=1

59.
www.newjel.ly 61

60.
www.newjel.ly 62
%

61.
www.newjel.ly 63
%

62.
www.newjel.ly 64

63.
www.newjel.ly 65

64.
www.newjel.ly 66
10
20
30
40
카테고리1
카테고리2
카테고리3
카테고리4

65.
www.newjel.ly 67

66.
www.newjel.ly 68
???

67.
www.newjel.ly 69

68.
www.newjel.ly 70

69.
www.newjel.ly 71

70.
www.newjel.ly 72

71.
www.newjel.ly 73
텍스트와 배경색의 명도 대비를 확인할 수 있는 도구
http://jxnblk.com/colorable/
명도 대비를 확인할 수 있는 도구
http://webaim.org/resources/contrastchecker/
https://accessgarage.wordpress.com/2013/02/09/458/

72.
www.newjel.ly 74

73.
www.newjel.ly 75

74.
www.newjel.ly 77

75.
www.newjel.ly 78
프랑스 라스코 동굴 벽화 이집트 룩소르 사원_상형 문자
(기원전 1만5천년 추정) (기원전 3000년)

76.
www.newjel.ly 79
%
%

77.
www.newjel.ly 80

78.
www.newjel.ly 81
VS

79.
www.newjel.ly 82

80.
www.newjel.ly 83
http://m.zdnet.co.kr/news_view.asp?article_id=20150202133858

81.
www.newjel.ly 84
C
C
C
C
C
2011년 2012년
C
C
C
2013년
C
C
2014년
C
= 1,000개음원판매량 C

82.
www.newjel.ly 85
1948 Olympic Games in London

83.
www.newjel.ly 86
GUI ICON (Xerox Alto Computer 1973년)

84.
www.newjel.ly 87
GUI ICON (Google Andrioid)

85.
www.newjel.ly 88
http://fontawesome.io/
https://github.com/fontello/brandico.font
http://www.entypo.com/
http://zurb.com/playground/foundation-­‐icons
http://www.heydonworks.com/article/a-­‐free-­‐icon-­‐web-­‐font
http://somerandomdude.com/work/iconic/
http://thedesignoffice.org/project/modern-­‐pictograms/
http://fontfabric.com/social-­‐media-­‐icons-­‐pack/
http://www.justbenicestudio.com/studio/websymbols/
…
..
.

86.
www.newjel.ly 89
Human Pictos: 500가지 심볼 PNG, PSD, SVG
http://www.noupe.com/wp-content/uploads/2013/12/human_pictos.zip

87.
Thenounproject: search / PNG, SVG
https://thenounproject.com

88.
www.newjel.ly 91

89.
2F
64seat
Toilet

90.
www.newjel.ly 94
%
%
%

91.
www.newjel.ly 95

92.
www.newjel.ly 96

93.
www.newjel.ly 97

94.
맛있는 정보디자인 레시피실습 스파크라인을 사용하여 데이터 추세 표시
MS Office 2010ver. 이상
*스파크라인=셀 배경에 표시되는 작은 차트

95.
www.newjel.ly 99
leejeonghoon0@gmail.com
Newsjel.ly
http://visualization.barugi.com