Embed Size (px)
Citation preview
“การสรางสื่อ Infographic เพ่ือการสื่อสารอยางมืออาชีพ(Smart Creative Communication with Infographic)
Tinnagorn PromdeemaGraphic & Media Development
การส่ือสารดวยภาพมีมานานมากแลว
-> การส่ือสารดวยภาพ
<< ภาพเขียนสีผนังถ้ําลาสโคซ (Lascaux) ฝรังเศส
ภาพเขียนสีผนังถ้ําผาแตมอุบลราชธานี ประเทศไทย >>
Imag Ref: https://netwonpro.files.wordpress.com
ตัวอักษรอียิปตโบราณ
-> การส่ือสารดวยภาพ
What’s Infographic ?Infographic คืออะไร ?
Infographic ?
Information + Graphic Design
Infographics หมายถึง การนําขอมูลหรือความรูมาสรุปเปนสารสนเทศ ในลักษณะของกราฟก เปนภาพนิ่งหรือภาพเคล่ือนไหว ดูแลวเขาใจงายในเวลารวดเร็วและชัดเจน สามารถส่ือใหผูชมเขาใจ ความหมายของขอมูลทั้งหมดได โดยไมจําเปนจะตองมี ผูนําเสนอเขามาชวยขยายความเขาใจอีก
Application แบบตางๆ ที่เรียกวา Social Media ที่ทําใหขอมูลขาวสารไดรวดเร็วมากข้ึน
-> ยุคขอมูลขาวสาร
-> แปลงขอมูลที่ซบัซอนเปนการส่ือสารดวยภาพ
ประสิทธิภาพของ
การสื่อสารดวยภาพ
สมองรับขอมูลเทากับอานหนังสือพิมพ 174 เลม ทุกวัน
แตจําไดแค 1%
~65%of People are Visual Learners
~80%of Brain is using for Processing Visual
Visual are Processed
~80%Faster in the Brain than text
9 8 7 6 5 4 3 7 0 3 5 1 2 96 7 0 1 6 4 89 1 2 4 5 0 70 7 3 6 0 8 90 1 3 4 5 2 72 3 5 7 9 0 1
ขอมูล
7 7
7 7
7 7
7
ตัดสิ่งท่ีไมจําเปนออก
7 7 7 77
77
นําเสนอ
-> Concept Infographic
3 สิ่งที่ตองโฟกัสในการสราง INFOGRAPHIC
Design Stories Content
Is your Infographic has
B.U.S
B.U.S INFOGRAPHIC CHECKLIST
Design
Beauty- Nice to look at- The Designhelpful in Communicationa message
Stories
Utility
- Entertainment- Infomative
- Inspiring
Content
Soundness
- Complete- Reliable Content
- Reliable Source
9 วิธี...ใชอินโฟกราฟก
1. Simplify a Complicated Concept
2. Make Presentation or Report
3. Explaning How something Work
4. Comparison
4. Comparison
5. To Make Decision & Increase Sale
6. Interesting Facts
7. When word just don’t work
8. Raise Awareness
9. Inform Target
การเลาเรื่องท่ี..สรางอารมณ ความรูสึก
Storytelling
Storytelling in Infographic
การเลาเรื่องดวยภาพ ที่ส่ืออารมณ ความรูสึก
ขั้นตอนการทํา INFOFRAPHIC
1. ต้ังวัตถุประสงคและกลุมเปาหมาย
Setting Objective & Target Audience
ObjectiveChange Attitude
Inspiring
ChangeBehaviour
Educate
Entertaining
Sale
Awareness
Preference
Target Audience
Change Attitude
Deography&
Geography
AudiencePersona
ประชากรศาสตร
Deography & Geography
ภูมิศาสตร• เพศ• การศึกษา• อายุ• อาชีพ
• ประเทศ• จังหวัด• การเดินทาง• สภาพแวดลอม
Audience Persona
AIOsActivities Interesting Opinion
AIOs
Activitiesกิจกรรมตางๆ• งานประจํา• งานอดิเรก
Interestingความสนใจ• อธิบายเน้ือหาหลัก• ใคร ทําอะไร ท่ีไหน
อยางไร
AIOs
Opinionความคิดเห็น• ความคิดเห็นใน
เร่ืองน้ันๆ, มีความคิดเห็นอยางไร
AIOs
Audience Persona
เจาแมนเมือง การะเกด
AIOs
Audience Persona
Activities Interesting Opinion
• อานหนังสือ• ออกกําลังกาย• เดินหาง• ปนเขา ขึ้นดอย• เดินหาง Shopping
• แฟชั่น• อานหนังสือ• IT • สุขภาพ ความงาม• รายไดเสริม
• ความคิดเห็นกับหนังสือท่ีอาน• ความคิดเห็นเก่ียวกับ IphoneX &
Galax Note 8• ความคิดเห็นเก่ียวกับ สุขภาพ ความงาม• ความคิดเห็นเก่ียวกับรายไดเสริม
2. เลือกขอมูลท่ีสําคัญ
Squeezing Content
ตองคํานึงถึงวัตถุประสงคและกลุมเปาหมาย
• สถิติตาง• เรื่องที่พูดบอยๆ• เรื่องที่ไมเคยรูมากอน• เรื่องที่มีผลกับจิตใจ• เรื่องที่มีเหตุผล
ตัวอยางเชน
Workshop 1
เลือกขอมูลท่ีสําคัญจากเร่ืองท่ีกําหนดให
3. นําขอมูลมาเชื่อมโยงกัน
Linking Stories
ตองคํานึงถึงวัตถุประสงคและกลุมเปาหมาย
• ปญหาที่เกิด• สาเหตุ• วิธีการแกปญหา• สถานที่• ฯลฯ
ตัวอยางเชน
Workshop 2นําขอมูลท่ีเลือกมาจัดกลุม
การเลือกขอมูลท่ีสําคัญโดยการจัดเปนหมวดหมู
4. คิดหัวขอเร่ืองใหเชื่อมโยงกับเน้ือหา
Create Topic Idea & Stories
การตั้งชื่อเร่ือง (HeadLine)
- กระชับ - เขาใจงาย - นาติดตาม
ฝกสรางสรรคดวย” ทฤษฎีหมวกสองใบ “
สารท่ีดี
ผูสงสารอยากรูวาซ้ือและของออนไลนใหปลอดภัยยังไง
ผูรับสารเรามีเทคนิคและวิธีการซ้ือและของออนไลนใหปลอดภัย
ผูสงสารอยากรูวามะเร็งตับมีสาเหตุจากอะไร มีวิธีการปองกันและรักษาอยางไร
ผูรับสารมะเร็งตับมี 2 ชนิด มีสาเหตุจากการติดเช้ือและพยาธิใบไม มีวิธีการปองกันและรักษาคือ เลี้ยงรับประทานปลาน้ําจืดที่ปรุงไมสุก เปนตน
การผูกเรื่องราวกับ
“ประเด็นรอน”
การผูกเรื่องราวกับ
“ประเด็นรอน”
การคิดแบบ“Landing”
รถกระบะรุนใหมกระบะกวาง
บรรทุกของไดเยอะ
ภายในหรูเหมือนรถเกง
ขับไปไหนใครก็มอง
Campaign: ซื้อรถแถมเมียเมียชอบและพอใจ
สราง Story แบบ
ตน – กลาง - จบ
ตนเปดเร่ือง• ที่มาที่ไป,
ทําไมตองอานหรือรูเรื่องนี้• สาเหตุ ตนตอ
สราง Story แบบ
ตน – กลาง - จบ
กลาง ใจความหลัก• อธิบายเนื้อหาหลัก (Core)• ใครทําอะไร ที่ไหน อยางไร
สราง Story แบบ
ตน – กลาง - จบ
จบสรุป• สรุปปญหา• ทางแกปญหา• ขอแนะนําและขอเสนอแนะ
เปดเรื่อง
ใจความหลัก
สรุปและคล่ีคราย
เปดเรื่อง นาสนใจ นาติดตาม สวยงาม
เลาเรื่อง เจาะประเด็น เห็นภาพแลวเขาใจทันที
จบ กระชับ ตรงประเด็น นาจดจํา นาติดตาม
Workshop 3เขียนสรุปเร่ืองท่ีกําหนดใหดวย Story แบบ
ตน – กลาง -จบ
Drafting Infographic Outline
5. รางแบบคราวๆ ในกระดาษ
HeadLineSub HeadLine
Content
ConclusionReference
Drafting Infographic Outline
6. Design ในโปรแกรม
Infographic Toolใชเครื่องมือในการสราง Infographic
Colour
1
2 3 4
2 3 4 51
1 2
1 2 3
การใชสีที่มากเกินไป ใชสีเพียง 3 สี
×
×
Toneโทนสีเหมาะสําหรับ Infographic
Pastel
Earth Tone
EmotionColour
Use Complementary Colours
ใชสีตัดกัน
แหลงคนหาสีเพื่อใหเกิดแรงบันดาลใจ
http://www.colorcombos.com/ http://flatcolors.net/palettes.php
http://flatuicolors.com/
Grid & Alignment
White Space
Order
เรียงลําดับการอาน
1
2
3
1 2 3
3 21
เรียงลําดับการอานดวยตัว Z
Z Layout
4 5 6
1 2 31 2
3 4
5 6
Font (ตัวอักษร)
วิธีการเลือก Font
Font และลักษณะการนําไปใชงาน
Font และลักษณะการนําไปใชงาน
วิธีการเลือกสี FontFont Colour
สีจม สีตางvs
Font ไทย
www.f0nt.com
English Font
www.dafont.com
Use Custom Graphicใชกราฟกที่สรางขึ้นมาโดยเฉพาะ
7. ทดสอบ (Test)• ทดสอบกับตนเอง• ทดสอบกับกลุมเปาหมาย หรือคนอ่ืน
ขอมูลอางอิงhttps://www.facebook.com/InfographicMOVE/
https://www.facebook.com/infographic.thailand/
http://infographicslab203.com
https://netwonpro.files.wordpress.com
https://netwonpro.files.wordpress.com
แบบประเมินการอบรมScan ทําแบบประเมินไดเลยครับ
Thank youTinnagorn PromdeemaMedia Development & Graphic DesignNational Science and Technology Development Agency
Email: [email protected]
Facebook: https://www.facebook.com/tinnagornp
Tel.: 02-644-8150 ext. 81907Mobile: 086-550-6556
FB
Line ID: Tinnagorn
