ข้อมูลน่าเบื่อเป็นภาพสนุกได้! บทเรียนนี้พาไปรู้จักอินโฟกราฟิก ตั้งแต่พิกเซลตัวจิ๋ว ไปจนถึงการออกแบบของจริง พร้อมเกมและแบบทดสอบให้ลองมือ 🎨
ตึกสูง ป้ายรถไฟฟ้า บิลบอร์ดริมทาง หรือแม้แต่โปสเตอร์รณรงค์สุขภาพ ล้วนใช้หลักการ "ข้อมูล + ภาพ" เพื่อสื่อสารให้เข้าใจง่ายและจำได้ไว ลองคลิกดูตัวอย่างจริงได้เลย
ภาพทุกภาพบนจอ ประกอบขึ้นจากจุดสีเล็กๆ นับล้านจุดเรียกว่า "พิกเซล" และในแต่ละพิกเซลยังซ่อน "ซับพิกเซล" สีแดง เขียว น้ำเงิน ไว้อีกที ลองซูมเข้าไปดู!


ภาพ Vector วาดจากเส้นและสูตรคณิตศาสตร์ ขยายเท่าไหร่ก็ยังคมกริบ ส่วนภาพ Bitmap เก็บเป็นจุดสี ยิ่งขยายยิ่งแตกเป็นตารางพิกเซล ลองชี้เมาส์เพื่อซูมเปรียบเทียบดู


ก่อนข้อมูลจะกลายเป็นภาพสวยๆ นักออกแบบมักใช้โปรแกรมอย่าง Photoshop ตัดต่อ ปรับแสง หรือสร้างฉากในจินตนาการ ลองดูตัวอย่างการเนรมิตภาพเหล่านี้



แต่ละเรื่องราวเหมาะกับโครงสร้างไม่เหมือนกัน แตะที่การ์ดเพื่อดูคำอธิบาย แล้วกด "ดูตัวอย่างจริง" เพื่อดูของจริงจากนักออกแบบมืออาชีพ
แตะคำในกล่องด้านล่างตามลำดับที่คิดว่าถูกต้อง เพื่อวางลงในช่องขั้นตอนที่ 1-6 แล้วกด "ตรวจคำตอบ"
เลือกหมวดที่อยากรู้ แล้วดูว่าแต่ละนามสกุลไฟล์เหมาะกับงานแบบไหน
ตอบคำถาม 6 ข้อ เก็บคะแนนให้ครบ แล้วรับสติกเกอร์ปริญญาบัตรพิเศษ!
ตอนนี้เธอรู้จักพิกเซล เวกเตอร์ เลย์เอาต์ทั้ง 9 แบบ ขั้นตอนการทำงาน และไฟล์งานต่างๆ แล้ว ลองนำความรู้นี้ไปออกแบบอินโฟกราฟิกเรื่องที่ตัวเองสนใจดูนะ!