infographic

IN

Episode 2

PRACT – Presentation Academy Thailand

Design

องคป์ ระกอบท่ีมองเห็นดว้ ยตาเปลา่

สี ตวั อกั ษร รปู ภาพ สัดส่วนภาพ

สี มนุษย์มองเห็นสีจากการ

01 สะท้อนของคล่ืนแสง

พ้ืนผวิ ของแต่ละวตั ถุมกี ารดูดกลืนและสะท้อนแสงออกมาแตกต่างกนั
ทาให้เรามองเหน็ สีที่แตกต่างกันออกไปในแต่ละวัตถุ

สีของสาร สีของแสง

เราตา่ ง

กนั คนละทสี องที

รองจากทเ่ี คา้ บอกวา่ “ภาษีจะเอาไปพัฒนาชาติ”
ก็เรอ่ื งที่เคา้ บอกวา่ “กล่องนเ้ี ป็นสีไม้ 12 สี” น่ี
แหละ



ใชส้ ีใหค้ วามร้สู ึก





ในขณะท่เี ลอื กสี กต็ ้องทาตวั เป็น

เคร่ืองถา่ ยเอกสาร
เพราะไมใ่ ชแ่ ค่สีเท่าน้ันท่สี าคัญ แตส่ ่ิงที่สาคัญกว่า
คอื Contrast ของสี ทจ่ี ะทาให้คนมองเห็น อ่านได้
และทาให้เกิดความน่าสนใจตามมาในที่สุด

ตวั อกั ษร ชอ่ื จริงของ fonts คอื

02 Typeface

Typeface

Ex. TH Sarabun, Arial, Times New
Roman, Browallia New….

Font

Ex. Arial Rounded MT, TH Sarabun
Bold, Times New Roman Regular…

Typeface

Aa Aa

Serif Type

ใช้กับข้อความยาวๆจะดกี วา่
คนเจอบอ่ ย อาจจะทาใหเ้ บอื่ งา่ ย
เหมาะกับงานทางการ ราชการ

Times New Roman
Cordia New

Sans Serif Type

Arial Kanit

Arial Rounded MT

อย่ายาว!! อ่านยาก
ใชก้ ับ “หัวข้อ” เท่านัน้ !! อย่าเนอื้ ความ
เป็ นกนั เอง ไม่ทางการ งานแตง่ งานพอได้

SOV_Thanamas

Display Type

หลากหลาย ใชแ้ ลว้ “ว้าววว”
ตอ้ งเปน็ หัวเรอ่ื ง ช่ืองาน เท่าน้ัน
มีคาแรคเตอร์เฉพาะตัวมาก

B2 SIGN Pachautid

SOV_Watta
Old English Text MT

กี่ ฟอนต์ ดี??



รปู ภาพ เพราะพรเี ซนท์เทชน่ั คอื Show, don’t tell รูปจงึ
สื่อสารไดด้ กี วา่ ตวั อักษร และพูดได้รวดเร็วกวา่ ถึง

เท่า

ท่เี ป็นแบบนี้ เพราะว่า กับรูปคนดจู ะ

ในขณะทก่ี ับตัวหนังสือ คนต้องอา่ นทีละบรรทดั เปน็ Linear

รูปมกี ่แี บบ

ภาพถา่ ย/ภาพจรงิ รูปวาด ภาพกราฟกิ



เลอื กรูปยงั ไง ส่ือความหมายได้
มีที่ใหข้ ้อความ
คุมสีของภาพรวม

สัดส่วนภาพ

ขนาดของ Infographic ใน Social Media จะถกู
กาหนดไวด้ ว้ ย Layout ของ Platforms ต่างๆ
ซ่ึง Social Media ในหนว่ ยท่เี รยี กวา่

ซ่ึง 1 px มีระยะเท่ากบั 0.026 เซนติเมตร

Facebook 1,386 2,853
Youtube 732
2,291
whatsapp 550
Facebook ยังคงเปน็ ส่ือ Social
Instagram Media ทีใ่ หญท่ ่สี ุด ถึงแมว้ ่าจะมกี าร
สลับอันดับกันของบาง Platforms
FB messenger กบั ปี 2020 ซ่งึ Facebook มีรปู แบบ
wechat Layout ของรปู ภาพทีห่ ลากหลาย ทา
ใหส้ ามารถสร้าง Infographic ไดใ้ น
Tik tok หลายรูปแบบ

QQ 397 1000 1500 2000 2500
Douyin
Telegram 500
Sina Weibo
Snapchat
Pinterest
Reddit

twitter

Millions users (July 2021)

1080 px 1080 px 1350 px 1080 px

1:1 4:5

800 pxSingle Image Post 1080 px 1920 px

1200 px 16 : 9

4:3

Link Image 630 px 1200 px

1.9 : 1

Two Squares 800 px 800 px 800 px 800 px

1:1 1:1

Two Images

799 px 1600 px 799 px 799 px

2:1 1:2 1:2

799 px 1600 px 1600 px
1600 px
2:1

Three Images

799 px 799 px 799 px 799 px 1600 px

1:2 1:1 2:1

1600 px 799 px 799 px 799 px 799 px 799 px 799 px

1:1 1:1 1:1

Multiple Images

800 px 800 px 800 px 800 px 1200 px 799 px 399 px 399 px
399 px
1:1 1:1 799 px 3:2 1200 px 2:3 398 px 399 px

800 px 800 px 800 px 800 px 399 px 398 px 399 px

1:1 1:1 399 px 399 px
399 px
399 px

แต.่ .. ไมต่ อ้ งไปซเี รยี สกบั ขนาด Pixel มากนกั สิ่ง
ทส่ี าคญั กวา่ และ “จาเป็นต้องถกู ตอ้ ง” คอื

ของภาพ ซงึ่ ถ้าสัดส่วนของแตล่ ะภาพถูกต้อง
ภาพก็จะเรยี งตวั ตาม Layout ตา่ งๆไดเ้ อง

ถ้าจะทา Post แบบ ท่มี ันเป็น Jigsaw
อย่าลมื เผ่อื ระยะห่างประมาณ

ระหว่างรปู ภาพ ไม่อยา่ งงั้นภาพรวม
มันจะไมต่ ่อกัน หรอื มันจะเหลือ่ มๆกัน
นดิ หน่อย

อย่าไปเริม่ ต้นท่ี “มนั ตอ้ งสวย” เพราะสุดทา้ ยแล้ว
สวยอ่ะ...ไมเ่ ท่าไหร่ แต่

คือประเดน็ สาคัญ เราไม่ไดโ้ ชว์แค่ Information แตเ่ รา
กาลงั บอกวา่ “ดูนีส่ ิ...อันนีอ้ ะ่ มนั ตอ้ งเอะ๊ แล้วมั้ย?”

อยากอา่ นเพิ่ม...ไปเติมได้ท่ี

ธญั ธชั นนั ทช์ นก. (2561). Infographic ฉบบั Quick Start. พิมพ์คร้ังท่ี 2. พี อาร์ คัลเลอร์ พรนิ ท์.

น. ณ ปากน้า. (2518). หลักการใช้สี. กรุงเทพฯ : ไทยวฒั นาพานิช

Adelheid, A., Nicol, M., and Pexman, P. M. (2005). Displaying your findings: A
practical guide for creating figures, posters, and presentations. 3rd Edition. US
: American Psychological Association.

Duarte, N. (2008). Slideology: The art and science of creating presentations. CA :
O’Reilly Media, Inc.

Knaflic, C, N. (2015). Storytelling with data: A data visualization guide for business
professionals. NJ : John Wiley and Sons, Inc.

Weinschenk, S. (2011). 100 things every designer needs to know about people.
Pearson Education.

Contact