บทเรียนออนไลน์
เพื่อส่งเสริมการออกแบบงานกราฟิก
การออกแบบโปสเตอร์
START
1
ศึกษากลุ่มเป้าหมายหรือผู้ใช้
Empathize
2
ระบุประเด็นปัญหาหรือประเด็นความต้องการ
Define
คำสั่ง : ให้นักเรียนวิเคราะห์ประเด็นปัญหาและความต้องการในการออกแบบโลโก้ โดยใ่ช้เทคนิค 5W1H
ทำอะไร (What)
คือ สิ่งที่จะทำ แต่ละคนทำอะไรบ้าง
ใครใช้ (Who)
คือ ใครรับผิดชอบ ใครเกี่ยวข้อง ใครได้รับผลกระทบ
ใช้ที่ไหน (Where)
คือ สิ่งที่ต้องรู้ว่า เหตุการณ์หรือสิ่งที่ทำนั้นทำที่ไหน
ใช้เมื่อไหร่ (When)
คือ ระยะเวลาที่จะทำ เหตุการณ์ที่ทำนั้นเกิดขึ้นเมื่อใด
ทำไมต้องออกแบบ (Why)
คือ สาเหตุที่ต้องทำสิ่งนั้นหรือเกิดเหตุการณ์นั้น
ทำอย่างไร (How)
คือ เหตุการณ์หรือสิ่งที่ทำนั้นเป็นอย่างไรบ้าง
ตัวอย่าง Mind Mapping วิเคราะห์ประเด็นปัญหาและความต้องการ
ให้นักเรียนวิเคราะห์ประเด็นปัญหาและความต้องการ
โดยใ่ช้เทคนิค 5W1H
ทำอะไร (What)
คือ สิ่งที่จะทำ แต่ละคนทำอะไรบ้าง
ใครใช้ (Who)
คือ ใครรับผิดชอบ ใครเกี่ยวข้อง ใครได้รับผลกระทบ
ตัวอย่างการระบุประเด็นปัญหาหรือความต้องการ
ทำอะไร (What)
ออกแบบโลโก้
ใครใช้ (Who)
บริษัท ฟาร์ม เฟรช แดรี่ กู๊ด จำกัด
ใช้ที่ไหน (Where)
คือ สิ่งที่ต้องรู้ว่า เหตุการณ์หรือสิ่งที่ทำนั้นทำที่ไหน
ใช้ที่ไหน (Where)
ผลิตภัณฑ์ สื่อสิ่งพิมพ์ งานโฆษณาของบริษัท
ใช้เมื่อไหร่ (When)
คือ ระยะเวลาที่จะทำ เหตุการณ์ที่ทำนั้นเกิดขึ้นเมื่อใด
ใช้เมื่อไหร่ (When)
ตลอดการดำเนินธุรกิจ
ทำไมต้องออกแบบ (Why)
คือ สาเหตุที่ต้องทำสิ่งนั้นหรือเกิดเหตุการณ์นั้น
ทำอย่างไร (How)
คือ เหตุการณ์หรือสิ่งที่ทำนั้นเป็นอย่างไรบ้าง
ทำไมต้องออกแบบ (Why)
เพื่อใช้ในผลิตภัณฑ์ สื่อสิ่งพิมพ์ งานโฆษณาของบริษัท
ทำอย่างไร (How)
ออกแบบด้วยโปรแกรม Illustrator เป็นภาพ Vector
คำสั่ง : ให้นักเรียนวิเคราะห์ประเด็นปัญหาและความต้องการในการออกแบบโปสเตอร์ โดยใช้เทคนิค 5W1H
3
ระดมความคิด
IDEATE
4
การสร้างต้นแบบ
Prototype
คำสั่ง : ให้นักเรียนออกแบบโลโก้ด้วยโปรแกรม Adobe Illustrator โดยศึกษาขั้นตอนการสร้างโปสเตอร์ตามขั้นตอนต่อไปนี้
เปิดโปรแกรม Photoshop
สร้างไฟล์เอกสารใหม่ Photoshop
1
2
แทรกภาพพื้นหลังในโปรแกรม Illustrator
3
แทรกข้อความพาดหัวในโปรแกรม Photoshop
4
แทรกรูปภาพสินค้าในโปรแกรม Photoshop
5
ตกแต่งโปสเตอร์ในโปรแกรม Photoshop
6
แทรกข้อความในโปรแกรม Photoshop
7
ตรวจสอบความเรียบร้อย
บันทึกไฟล์ .PSD ในโปรแกรม Photoshop
8
บันทึกไฟล์ JPEG ในโปรแกรม Photoshop
ปิดโปรแกรม Photoshop
5
ทดสอบต้นแบบ
TEST
ตัวอย่างแบบประเมินชิ้นงาน