eBOOK-Infographic Presentation

การในนราปูเสแนบอบผลPงาrนeIsnefnotgaratipohnic

2

สารบญั หนา้

CONTENT 01 Infographic Presentation คืออะไร?................................... 4
02 ปัจจยั ท่ที าให้ Presentation ประสบความสาเร็จ.................. 7
03 การออกแบบ Infographic Presentation............................ 9
04 การลาดบั เหตุการณใ์ นการนาเสนอแบบ Infographic........... 15
05 การจัดองคป์ ระกอบภาพ........................................................... 21
06 การใชส้ ี....................................................................................... 36
07 การใชต้ ัวอกั ษร.......................................................................... 47
08 ทดสอบการนาเสนอ................................................................... 55

3

Presentation

คืออะไร ?

4

Headline Headline

5

Headline Headline xxxxx การผสมผสานศาสตร์ Infographic
กบั การนาเสนอ (Presentation)
xxxxxxx x เพ่อื ให้การนาเสนอมปี ระสิทธภิ าพ
มากท่สี ดุ เข้าใจงา่ ยในเวลาอัน
50%xxxxx 60% รวดเร็ว เกดิ การจดจา และเขา้ ถงึ
กลุ่มเปา้ หมายมากท่ีสุด
Headline Headline 50%

xxxxxxxxxxxx xxxxxxxxxxxx

6

7

8

01010101010
10101010101
01010101010
10101001010

9

01010101010101010101
01010101010101010100
10101010101010101010
10101010101010101010

10

01010101
01010101
01010101
01010101
01010100

1010

11

12

13

14

15

16

17

18

19

0101010
1010101

1
2
3

20

21

22

23

24

25

12

26

12

27

28

29

12

30

31

32

33

34

https://www.facebook.com/CreativeMOVE/

35

ก า ร ใ ช้ สี

36

37

38

Emotion

39

Emotion Color

40

Emotion Color

41

Emotion Color

42

43Ref: https://www.khaosod.co.th/sci-tech/news_2021981

44

45

https://color.adobe.com http://flatuicolors.com/

http://www.colorcombos.com/ http://flatcolors.net/palettes.php

46

Coding Graphic
Design
Fire Design
47
เทคโนโลยที เ่ี ป็ นมติ รกบั
สงิ่ แวดลอ้ ม

Fire เ ท ค โ น โ ล ยี ที่ เ ป็ น มิ ต ร กั บ ส่ิ ง แ ว ด ล้ อ ม

48

Design

49

Coding

</div> Time
</div>

</div>

</div>

<footer>

<div id="footer" >

<!-- <span class="priv">Hendrix &copy; 2011 | <a href="#">Privacy Policy</a></span>

<!--{%FOOTER_LINK} --> 50

<div>