맛있는 정보디자인 레시피

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

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

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

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

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

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

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

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

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

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

www.newjel.ly 25
L l
0
5
10
15
20
25
30
35
40
45
0
5
10
15
20
25
30
35
40
45
%

www.newjel.ly 27
L l
25
30
35
40
45
50
55
60
65
0
10
20
30
40
50
60
70

www.newjel.ly 29
0
5
10
15
20
25
30
35
40
45

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

www.newjel.ly 85
1948 Olympic Games in London

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

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

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/
…
..
.

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

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

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

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

맛있는 정보디자인 레시피

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (19)

More from Newsjelly

More from Newsjelly (14)

맛있는 정보디자인 레시피