WHAT ISINFOGRAPHIC

?

AGENDA

ความหมายของ Infographic

การน า Infographic ไปใชงาน

กระบวนการสราง Infographic

ทฤษฎการออกแบบ Infographic

เลาเรองราวดวย Storyboard

มารจก Infographic กนกอน

INFORMATION GRAPHIC

-------------------

สารสนเทศและขอมลตางๆ ภาพในรปแบบดจตอล

Picture Languageภาษาภาพสอความหมาย

MONEY

ประโยชนของ Infographic

เปนสอทดงดดความสนใจและนาสนใจ

เปนสอทเขาใจงายและรวดเรว

THE POWERINFOGRAPHIC

of

INDUSTRY

TREND

HOW TO

KNOWLEDGE

HISTORY

RESEARCH

Process Create Infographics

Contents + Ideas

StoryTelling Infographic Communication

ChannelsGetIdeas

1

Process Create InfographicsCONTENTS + IDEAS แบบไหนโดนใจคนอาน?

2. เรยบงายเขาไว1. ขอมลนาสนใจ+เปนความจรง +

เปนเรองทสามารถเผยแพรได

Process Create Infographics

Contents + Ideas

StoryTelling Infographic Communication

ChannelsGetIdeas

2

เลาเรองใหเปน + คดเปนภาพใหได

INFOGRAPHICDESIGN RULES

COLOR

สแดง อบอนและมพลง

สสม ความคดสรางสรรค

สเขยว ธรรมชาตและการเตบโต

สฟา ความสงบเงยบและนาเชอถอ

สด า ทนสมยและลกลบ

ความเชอ และวฒนธรรมตะวนตก

ความเชอ และวฒนธรรมตะวนออก

60% เปนสทโดดเดน 30% เปนสรอง 10% เปนสทถกเนน

กฏ 3 ส

COLOR

COLOR

COLOR

COLOR

FOCUS

กฏของตว Z

กฏการหายใจ

HEAD

SUBHEAD

ENDLINE

CREDIT

INFOCONTENT

สราง HEADER ใหดนาสนใจ4 เทคนคดๆ

1. สน กระชบ

2. งายๆ ไมซบซอน

3. ใชตวเลขเขาชวย

4. ใชค าเชงปฏเสธ (อยา ไม ไมตอง)

การเลอกแบบตวอกษรหรอฟอนต

ใหเหมาะสมกบงาน

“FONTลายมอ”รสกเปนกนเอง

ท าใหผอานเขาถงงาย

“FONTตวหนา”เนนค าพดและ

ขอความ/หวเรอง

“FONTตวประดษฐ”การออกแบบโดดเดน

Process Create Infographics

Contents + Ideas

StoryTelling Infographic Communication

ChannelsGetIdeas

2

Workshop Story Telling วธใชเงน1. การวางแผนระยะยาว ในอก 10 ปขางหนา ดวยการส ารวจการใชเงนของตวเอง จดสดสวนการใชเงนใหอยในขอบเขตทวางไว หากยงไมได กใหตดคาใชจายทไมจ าเปนออกไปบาง2. จดงบดลคาใชจายสวนตว ดวยการน ารายรบทงหมดมารวมกน และท ารายรบรายจายเปน รายวน รายเดอน แลวมาดวาการใชจายของเราเปนบวกหรอตดลบ3. ออมแบบลบสบบวกสบ เปนวธการออมทนยมใชกนมาก ดวยการหกเงนรายรบ 10% มาเปนเงนออม หรอ หากใครทชอบซอของกนยมใชแบบบวกสบ คอ เพมเงน 10% ของราคาของเพอใชเปนเงนออมแทน4. แผนการเงนเพอซอรถ ไมควรผอนเกน 15% ของรายไดครอบครว ควรเลอกรถทคมคากบการใชงาน และดทดอกเบยต า โดยศกษาใหดกอนตดสนใจ5. แผนการเงนเพอซอบาน ราคาบานทซอไมควรเกน 30 เทาของรายไดตอเดอนของครอบครว และคาผอนบานไมควรเกน 25-30% ของรายไดตอเดอน6. แผนการใชเงนเพอลกนอย รจกวางแผนลวงหนากอนการมลก วาคาใชจายในการคลอดตองใชเงนเทาไร และรายเดอนประมาณเทาไร แลวมาดวาคณสามารถออมรายเดอนไดมากนอยแคไหน เพอเกบไวใชจายเมอยามมลก7. การออมเพอการลงทน แตกอนทคณจะลงทน คณตองมนใจแลววาไดกนเงนไวในสวนของคาใชจายกรณฉกเฉน และเงนสรางหลกประกนชวตเรยบรอยแลว ซงประเภทของการลงทนกมมากมาย เชน กองทนรวม หน เงนฝาก ซงผลงทนตองท าความเขาใจอยางละเอยด

อาน สรปประเดน และเรยงล าดบขอมล

อาน สรปประเดน และเรยงล าดบขอมลHEAD

INFO CONTENT1. การวางแผนระยะยาว

จดสดสวนการใชเงนใหอยในขอบเขตทวางไว ตดคาใชจายทไมจ าเปนออกไปบาง

2. จดงบดลคาใชจายสวนตวท ารายรบรายจาย แลวมาดวาการใชจายเปนบวกหรอตดลบ

3. ออมแบบลบสบบวกสบหกเงนรายรบ 10% มาเปนเงนออม หรอ เพมเงน 10% ของราคาของเพอใชเปนเงนออมแทน

4. แผนการเงนเพอซอรถ ไมควรผอนเกน 15% ของรายไดครอบครว

6. แผนการใชเงนเพอลกนอยวางแผนคาใชจายในการคลอดตองใชเงนเทาไร และรายเดอนประมาณเทาไร สามารถออมรายเดอนไดแคไหน เพอเกบไวใชจายเมอยามมลก

5. แผนการเงนเพอซอบาน ราคาบานทซอไมควรเกน 30 เทาของรายไดตอเดอนของครอบครว

7. การออมเพอการลงทนตองท าความเขาใจอยางละเอยดและกนเงนไวในสวนของคาใชจายกรณฉกเฉน

CREDITwww.kapook.com

อาน สรปประเดน และเรยงล าดบขอมลPicture+Text+Color+background

Numberกระปกออมสน

• การวางแผนระยะยาว-รปเงน ลกศรชขน• จดงบดลคาใชจายสวนตว-Check list• ออมแบบลบสบบวกสบ-กระปกออมสน• แผนการเงนเพอซอรถ-รถ• แผนการเงนเพอซอบาน-บาน• แผนการใชเงนเพอลกนอย-พอ แม ลก• การออมเพอการลงทน-ถงเงน

Text-FontColor-60+30+10Background-สฟา-เขยว (สโทนเดยวกน)

6

21

4 53

7

HEAD SUBHEAD

INFOCONTENT

CREDIT

หวใจของการเตรยมขอมลส าหรบท า Infographic

ขอมลถกตอง ชดเจน

เขยนใหสน กระชบ

อานเขาใจงาย

เลอกใชค าศพททวไป

Process Create Infographics

(www.piktochart.com(www.easel.lywww.canva.com

Contents + Ideas

StoryTelling Infographic Communication

ChannelsGetIdeas

Process Create Infographics

Contents + Ideas

StoryTelling Infographic Communication

ChannelsGetIdeas

Process Create InfographicsContents +

IdeasStoryTelling Infographic Communication

ChannelsGetIdeas

ในการท า Infographic ใหโดนใจ10 เคลดลบ

2ก าหนด

กลมเปาหมาย

1ก าหนดเปาหมาย

อยางชดเจน

3มการก าหนดใจความส าคญ

ในการน าเสนอ

5มการส ารวจขอมลทใช

ในการน าเสนอมาเปนอยาง4

เนอหาทน าสนอบนอนโฟกราฟฟกตองมความทนสมยสดใหม

ตรงประเดน

6น าเสนอหวเรอง (Header)

ทดงดดความสนใจและนาตดตาม

7ออกแบบอนโฟกราฟฟก

ใหมความโดดเดนสะดดตา

8มการบอกตอและแชรอนโฟกราฟฟกไปอยางกวางขวางผานชองทางตางๆ

9ระบและอางองถงแหลงทมา

ของขอมลอยางชดเจน

10มการสรปขอมลทงหมดทน าเสนอเพอชวยใหผชมสามารถเขาใจถงใจความส าคญของเนอหา

1. อยาใชขอมลมากเกนไป2. อยาน าเสนอขอมลทยงยากและซบซอน3. อยาใชสมากเกนไป4. อยาใสตวเลขมากเกนไป5. อยาละเลยขอมลทไมสามารถระบแยกแยะได6. อยาสรางอนโฟกราฟกสใหนาเบอ7. อยาพมพผด8. อยาน าเสนอขอมลทผด9. อยาเนนทการออกแบบ10. อยาใชแบบเปนวงกลม

สงทไมควรท าในการออกแบบ Infographic

4 คน

(การวเคราะหขอมล)

แบงกลมละ 8 คน

2 คน

(รวบรวม คดเลอก

เนอหาและภาพทงหมด)

2 คน

(วาด สราง Storyboard)