การนำเสนอข้อมูลให้น่าสนใจด้วย Infographic

Page 1

การนำเสนอข้อมูล ให้น่าสนใจด้วย...

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์ ผู้เชี่ยวชาญด้านการสร้าง Infographic ระดับนานาชาติ


CHAPTER

ความหมายของ

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Information + Graphic = Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Information หมายถึงข้อมูล ข่าวสาร ผลการสรุปรายงาน สถิติ สรุปข้อมูลตัวเลข ฯลฯ

90 50 ล้านบาท

ร้อยละ

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

เนื้อหมู สินค้าขายดี


Information Example

ปีงบประมาณ 2557 – 2563 โดยมุ่งเน้นพัฒนาคุณภาพ ของสินค้า OTOP ให้ได้มาตรฐานและเป็นที่ยอมรับ สร้าง ความเชื่อมั่นแก่ลูกค้าและขยายโอกาสเพื่อสร้างขีดความ สามารถในการแข่งขันให้แก่วิสาหกิจชุมชน ในทุกภูมิภาค ตามเป้าหมายการพัฒนาประเทศ มีผลการผลักดันสินค้า OTOP ให้เข้าสู่กระบวนการยื่นขอการรับรองมาตรฐาน จำนวนทัง้ สิน ้ 2,240 ผลิตภัณฑ์ (ปี 2557จำนวน 365 ผลิตภัณฑ์ ปี 2558 จำนวน 834 ผลิตภัณฑ์ ปี 2559 จำนวน 373 ผลิตภัณฑ์ ปี 2560 จำนวน 454 ผลิตภัณฑ์ ปี 2561 จำนวน 211 ผลิตภัณฑ์ และปี 2562 จำนวน 214 ผลิตภัณฑ์)

TIP การสรุปข้อมูลสำหรับการทำ Infographic

และ หรือ จึง ฉนั้น เพราะ โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ปีงบประมาณ 2557 - 2563 ยื่นขอรับรองมาตรฐาน

2,240 ผลิตภัณฑ์ ปีงบประมาณ

2557

ปีงบประมาณ

2558 ปีงบประมาณ

2559 ปีงบประมาณ

2560 ปีงบประมาณ

2561

ปีงบประมาณ

2562

365 ผลิตภัณฑ์

834 ผลิตภัณฑ์

373

ผลิตภัณฑ์

454

ผลิตภัณฑ์

211

ผลิตภัณฑ์

214

ผลิตภัณฑ์


Graphic

หมายถึงภาพประกอบ ที่เข้าใจอย่างง่าย ผ่านการตัดทอน สื่อความหมายถึงข้อมูลได้ชัดเจน

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Graphic Example

ปีงบประมาณ 2557 – 2563 โดยมุ่งเน้นพัฒนาคุณภาพ ของสินค้า OTOP ให้ได้มาตรฐานและเป็นที่ยอมรับ สร้าง ความเชื่อมั่นแก่ลูกค้าและขยายโอกาสเพื่อสร้างขีดความ สามารถในการแข่งขันให้แก่วิสาหกิจชุมชน ในทุกภูมิภาค ตามเป้าหมายการพัฒนาประเทศ มีผลการผลักดันสินค้า OTOP ให้เข้าสู่กระบวนการยื่นขอการรับรองมาตรฐาน จำนวนทัง้ สิน ้ 2,240 ผลิตภัณฑ์ (ปี 2557จำนวน 365 ผลิตภัณฑ์ ปี 2558 จำนวน 834 ผลิตภัณฑ์ ปี 2559 จำนวน 373 ผลิตภัณฑ์ ปี 2560 จำนวน 454 ผลิตภัณฑ์ ปี 2561 จำนวน 211 ผลิตภัณฑ์ และปี 2562 จำนวน 214 ผลิตภัณฑ์)

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ปีงบประมาณ 2557 - 2563 7 ปี วันที่ / เวลา ปฏิทิน


TEST 01

สรุปใจความข้อมูล เพียง 1 ประโยค !! ลดขั้นตอนและประหยัดเวลาการทำงาน การซื้อ-ขาย สินค้าจะมีความสะดวกรวดเร็วมากขึ้น โดยเฉพาะการรับชำระเงิน การออกใบเสร็จ การตัดสินค้าคงคลัง เป็นต้น โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


TEST 02

เปลี่ยนคำเป็นภาพร่าง ปีใหม่ โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

?


CHAPTER

ส่วนประกอบของ

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


หัวข้อ

เลือกใช้คำให้น่าสนใจ สื่อถึงวัตถุประสงค์ ของ Infographic

+

รูปประกอบ เลือกใช้รูปให้สอดคล้องกับข้อมูล ไม่เยอะและไม่น้อยจนเกินไป จัดวางให้ดูโดดเด่น นำสายตา *อาจเพิ่มเส้นนำสายตาเพื่อโยงไปยังข้อมูล

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ข้อมูลสรุป ตัด คำซ้อน,ฟุ่มเฟือย ออก ต้องสั้นและกระชับ หยิบตัวเลขและสถิติมาใช้

ที่มาของข้อมูล ระบุแหล่งข้อมูลที่นำมาใช้ เพื่อเป็นการสร้างความน่าเชื่อถือ


3 CHAPTER

รูปแบบการนำเสนอ

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"การแจกแจงข้อมูล" จุดสังเกตุ... เส้น,ลูกศรโยงภาพ มีภาพประธานของเนื้อหา

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"สถิติหรือผลสำรวจ" จุดสังเกตุ... ตัวเลข,ร้อยละ,สถิติ การแสดงผลลัพท์

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


InfoGraphic

"ขั้นตอนหรือวิธีการ" จุดสังเกตุ... ลำดับวิธีการ อธิบายแต่ละขั้นตอน อย่างง่าย

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"แสดงความเชื่อมโยง" จุดสังเกตุ... เส้น,ลูกศรโยงภาพ แบ่งเส้นทางของข้อมูล อย่างชัดเจน

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"แสดงช่วงเวลา" จุดสังเกตุ... ลำดับช่วงเวลา ด้วยมาตรฐานเดียวกันใน 1 ข้อมูล เช่น วินาที,นาที,ชั่วโมง,วัน, อาทิตย์,เดือน,ปี อธิบายแต่ละช่วงเวลา อย่างง่าย โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"แสดงข้อมูลภูมิศาสตร์" จุดสังเกตุ... เส้น,ลูกศรโยงภาพ แบ่งเส้นพื้นที่อย่างชัดเจน แผนที่

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"การอธิบายข้อมูลเดียว"

จุดสังเกตุ... เนื้อหาเดียว,ชัดเจน มีภาพประธานของเนื้อหา

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Infographic

"แสดงข้อมูลเปรียบเทียบ"

จุดสังเกตุ... การแสดง 2 เนื้อหา เปรียบเทียบด้วย ข้อมูลเดียวกัน เช่น

ความสูง : ความสูง ความยาว : ความยาว ความเร็ว : ความเร็ว

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


CH A

PT

ER

4

รูปแบบภาพประกอบ

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ไอคอน

สัญลักษณ์

การ์ตูน

ภาพวาด

คอมพิวเตอร์

ภาพถ่าย

รูปทรง

ปี 6 4 ตัวอักษร/เลข

ชาร์ต/แผนภูมิ

แผนที่

เส้นและลูกศร

เรขาคณิต

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

เน้นตัวใหญ่และหนา


TEST 03

สร้าง บ้าน ให้เป็น ไอคอน(Icon) vectr.com โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


5 CHAPTER

การจัดวางองค์ประกอบ

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


NONONONONONO

การจัดสมดุล แบบแนวตั้ง สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO ที่มา NONONONONONONONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


การจัดสมดุล แบบแนวนอน สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO

ที่มา NONONONONONONONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


การเน้นส่วนสำคัญ

แบบด้านบน สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

ที่มา NONONONONONONONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

การเน้นส่วนสำคัญ

แบบด้านล่าง สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO ที่มา NONONONONONONONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

การเน้นส่วนสำคัญ

แบบกึง่ กลางภาพ

NONONONONONO

สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

ที่มา NONONONONONONONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


การเน้นส่วนสำคัญ

แบบสมดุล

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

NONONONONONO ที่มา NONONONONONONONONONONONO

สามารถประยุกต์ใช้ได้ทั้งพื้นที่กระดาษ แนวนอนหรือแนวตั้ง

NONONONONONO NONONONONONO NONONONONONO NONONONONONO

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

NONONONONONO NONONONONONO NONONONONONO NONONONONONO


CH

AP

TER

6

ประเภทของไฟล์ภาพในงาน

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ความละเอียดภาพ

ความหนักของไฟล์

*ขึ้นอยู่กับความละเอียดของไฟล์

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ความหลากหลายของ การนำไปใช้งาน


ความละเอียดภาพ

ความหนักของไฟล์

ความหลากหลายของ การนำไปใช้งาน

*ขึ้นอยู่กับความละเอียดของไฟล์

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

JPEG

มีพื้นหลัง (Background) ภาพถ่าย ไฟล์รูปต่างๆ


ความละเอียดภาพ

ความหนักของไฟล์

ความหลากหลายของ การนำไปใช้งาน

*ขึ้นอยู่กับความละเอียดของไฟล์

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

PNG

ไม่มีพื้นหลัง (Background) ภาพกราฟฟิก (Vector) ไฟล์รูปต่างๆ


AI

Adobe Illustrator

ความละเอียดภาพ

ความหนักของไฟล์

ความหลากหลายของ การนำไปใช้งาน

*ขึ้นอยู่กับความละเอียดของไฟล์ เพื่อการใช้งานที่เต็มประสิทธิภาพ จะรองรับโปรแกรม Adobe Illustrator เท่านั้น โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ภาพกราฟฟิก (Vector) วาดรูปทรงต่างๆ สามารถทำเป็นไฟล์รูปต่างๆได้

สามารถบันทึกเป็นไฟล์ JPEG,PNG,PDF ได้


ความละเอียดภาพ

ความหนักของไฟล์

ความหลากหลายของ การนำไปใช้งาน

*ขึ้นอยู่กับความละเอียดของไฟล์ เพื่อการใช้งานที่เต็มประสิทธิภาพ จะรองรับโปรแกรม Adobe Photoshop เท่านั้น โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

PSD

Adobe Photoshop

ตัดต่อ,ตกแต่งภาพถ่าย วาดรูปทรงต่างๆ (ไม่เท่า Adobe Illustrator) สามารถทำเป็นไฟล์รูปต่างๆได้

สามารถบันทึกเป็นไฟล์ JPEG,PNG,PDF ได้


TEST 04

ตัดพื้นหลัง และสร้างไฟล์ PNG

remove.bg โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


TEST 05

ตัดต่อภาพ ระหว่างสัตว์ 2 ชนิดเข้าด้วยกัน

photopea.com โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


7 CHAPTER

เทคนิคเลือกใช้สส ี ร้างงาน

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


เลือกใช้สีให้อ่านง่าย

เข้ม อ่อน


เลือกใช้สีให้ตรงเนื้อหา ประโยชน์ของพริก สารแคปไซซินในพริกสามารถช่วยบรรเทา อาการเจ็บปวดจากการอักเสบ โดยมีงาน วิจย ั ทีศ ่ ก ึ ษาฤทธิต ์ า้ นการอักเสบในหนูทดลอง พบว่าสารแคปไซซินสามารถลดการอักเสบ จากอาการบวมที่ใบหูของหนูได้ ซึ่งสาร แคปไซซินจะเชือ่ มกับ vanilloid receptor type 1 ในเซลล์ประสาทรับความรู้สึก ทำให้อาการ ปวดจากการอักเสบลดลง เช่น อาการปวด จากโรคข้ออักเสบรูมาตอยด์ อาการปวดจาก โรคเส้นประสาทเหตุจากเบาหวาน เป็นต้น ที่มาบทความ "พริก... ไม่ได้มีดีแค่เผ็ด" โดย กลุ่มผลิตภัณฑ์สมุนไพรที่ไม่ใช่อาหาร สำนักเทคโนโลยีชุมชน


ใช้ตัวช่วยในการเลือกใช้สีด้วย....

colorsupplyyy.com

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


CHAPTER

ความสอดคล้องของภาพรวม

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


คือการกำหนดรูปลักษณ์ทว่ ั ไปการออกแบบ ธีมช่วยให้ การแสดงข้อมูลระหว่างองค์ประกอบต่างๆของ งานออกแบบชิ้นนั้นๆ เช่น ภาพประกอบ ตัวอักษร สี และเนือ ้ หา มีความสอดคล้องกัน ดูไม่ขด ั หูขด ั ตา แสดงให้เห็นถึงการร้อยเรียงองค์ประกอบต่างๆ อย่างกลมกลืน หรือ Mix & Match โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์



“¡ÃÐà·ÕÂÁ”

¡ÃÐà·ÕÂÁ

สมุนไพร เพิ่มภูมิคุมกัน

เพิ่มประสิทธิภาพ เม็ดเลือดขาว

ÊÁعä¾Ã à¾Ô่ÁÀÙÁԤ،Á¡Ñ¹ à¾Ô่Á»ÃÐÊÔ·¸ÔÀÒ¾ àÁ็´àÅ×Í´¢ÒÇ

ต้านอนุมูลอิสระ

µŒÒ¹Í¹ØÁÙÅÍÔÊÃÐ ต้านการอักเสบ

µŒÒ¹¡ÒÃÍÑ¡àʺ https://www.facebook.com/BureauofCommunityTechnology/photos/a.116738753105649/201340074645516

https://www.facebook.com/BureauofCommunityTechnology/photos/a.116738753105649/201340074645516

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


หรือ

¾Ñ²¹Ò¡Òâͧà´ç¡ หรือ พัฒนาการของเด็ก

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

หรือ


9 CHAPTER

รูปแบบการใช้งาน

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


สิง่ พิมพ์ โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ความละเอียดของภาพ สิง่ พิมพ์

(Resolution)

dpi ? โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


72

150

300

ขยาย 600%

ขยาย 600%

ขยาย 600%

dpi

dpi

dpi

dpi หรือ dots per inch (จุดต่อตารางนิว ้ ) เป็นหน่วยวัดความละเอียดหรือความคมชัด (resolution) ของภาพ ยิง่ มีจำนวนจุดมากต่อนิว ้ ก็ยง่ิ แปลว่าคมชัดมาก โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ทีม ่ า https://papermore.co/2019/06/30/resolution-dpi-vs-ppi-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%AD%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%A0%E0%B8%B2%E0%B8%9E/

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ความหนักของไฟล์

ความละเอียด

ความหนักของไฟล์

ความละเอียด

ความละเอียด

ความหนักของไฟล์

72

150

300+

กระดาษ A4 โปสการ์ด นามบัตร

กระดาษ A4,A3 โปสการ์ด นามบัตร ไวนิลขนาดเล็ก

กระดาษ A4 - A0 โปสการ์ด นามบัตร ไวนิลขนาดเล็ก-ใหญ่ บูธ/นิทรรศการ

dpi

dpi

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

dpi


หน่วยวัดพืน ้ ทีง่ านสิง่ พิมพ์

mm,cm,in,m


CANNON TA-5200

A4

A4

A4

A4 *Max

24orin 60.96 cm or 609.60 mm


สือ ่ ออนไลน์ โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


ความละเอียดของภาพ สือ ่ ออนไลน์

(Resolution)

ppi ? โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


72

150

300

ขยาย 600%

ขยาย 600%

ขยาย 600%

ppi

ppi

ppi

ppi หรือ Pixels per inch (จุดพิกเซลต่อตารางนิว ้ ) เป็นหน่วยวัดความละเอียดหรือความคมชัด (resolution) ของภาพ ยิง่ มีจำนวนจุดมากต่อนิว ้ ก็ยง่ิ แปลว่าคมชัดมาก โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


https://papermore.co/2019/06/30/resolution-dpi-vs-ppi-%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%AD%E0%B8%B5%E0%B8%A2%E0%B8%94%E0%B8%A0%E0%B8%B2%E0%B8%9E/

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


150

โทรศัพท์ แท็บเล็ท โน็ตบุค ้ เว็บไซต์

โทรศัพท์ แท็บเล็ท โน็ตบุค ้ เว็บไซต์

ppi

ppi

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ความหนักของไฟล์

ความละเอียด

ความหนักของไฟล์

ความละเอียด

ความละเอียด

ความหนักของไฟล์

72

300+ ppi

จอภาพขนาดใหญ่ โทรศัพท์ แท็บเล็ท โน็ตบุค ้ เว็บไซต์


px

หน่วยวัดพืน ้ ทีง่ านสือ ่ ออนไลน์ pixel

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


100 px

50 px

50 px 100 px

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


100 px

Original 50 px 100 px

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์



ที่มา: https://contentshifu.com/blog/facebook-image-guideline/


ที่มา: https://contentshifu.com/blog/facebook-image-guideline/


ที่มา: https://www.facebook.com/rainmakerth/photos/pcb.537310323575937/537309590242677


CHAPTER

ค่าสีในงาน

Infographic โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


C = Cyan (สีฟ้า)

M = Magenta (ม่วงแดง)

Y = Yellow (เหลือง)

ความสดของสี "ปานกลาง" *เทียบกับ RGB

K = Key (เทียบเคียง สีดำ)

สำหรับกระบวนการพิมพ์

C0 , M67 , Y85 , K19 *สีจากภาพถ่าย

*แปลงเป็นสี กระบวนการพิมพ์

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

*ค่าสี CMYK


HEX

(HTML)

R = Red (แดง)

G = Green (เขียว)

B = Blue (น้ำเงิน)

HTML ความสดของสี "สูง" *เทียบกับ CMYK

สำหรับกระบวนการแสดงผล ผ่านหน้าจอแสดงภาพ

R222 , G182 , B129 *ค่าสี RGB

*สีจากภาพถ่าย

*แปลงเป็นสี กระบวนการแสดงผล ผ่านหน้าจอแสดงภาพ

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

#DEB681 *ค่าสี HEX


CMYK RGB C16 , M100 , Y100 , K7 โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

R194 , G1 , B12


CMYK

RGB

ผูป ้ ระกอบการ ผูป ้ ระกอบการ

โปรแกรมเมอร์

(พัฒนาเว็บไซต์ , พัฒนาแอพพลิเคชัน ่ )

ผูอ ้ อกแบบ

(บรรจุภณ ั ฑ์ , สือ ่ สิง่ พิมพ์ , ตกแต่งภายใน , ผลิตภัณฑ์ )

ผูอ ้ อกแบบ

(เว็บไซต์ , สือ ่ ออนไลน์ )

ผูผ ้ ลิต

(บรรจุภณ ั ฑ์ , สือ ่ สิง่ พิมพ์ , ตกแต่งภายใน , ผลิตภัณฑ์ )

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์

ช่างภาพ

(ภาพถ่าย , ภาพเคลือ ่ นไหว)


TEST 06

ทดลองสร้าง Infographic

อธิบายตัวเอง

ด้วย... โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


โจทย์...

TEST 06

1.สร้าง Infographic ด้วย PPT 2.สร้างภาพประกอบต่างๆด้วย Web Applications ต่างๆ

อธิบายเพิ่มเติม(ไม่ต้องระบุใน PPT) 3.เลือกใช้รูปแบบการนำเสนอแบบใด? 4.เลือกใช้ภาพประกอบแบบใดบ้าง? 5.จัดวางองค์ประกอบภาพแบบใด? โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


คิวแอนด์เอ Thx

โดย สุทธิศักดิ์ กลิ่นแก้วณรงค์


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.