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)