เอกสารแนะนำ กิจกรรมการสอนออนไลน์ ผ่าน Cisco WebEx และ Google Hangout มหาวิทยาลัยธุรกิจบัณฑิตย์, อาจารย์ บัญญพนต์ พูลสวัสดิ์ Online Activity Course Outline Dhurakij Pundit University.

1. DA393
งานออกแบบเพื+อสร้างแรงบันดาลใจ 5 เกณฑ์การวัดผล
ผู้ เรียนต้ องเขียน Blog เพื4อสรุป
Reflection การเรียนรู้แต่ละรอบของ
ตัวเองผ่าน
รูปแบบการเรียน
ผู้ เรี ยนต้ องเข้ าระบบ Check-in
Duration ผ่าน Streaming Client ของ
Meets หรือ Cisco WebEx

2. LESSON 1
Formstroming & Welcome to Class
Outcome:
การเข้าใจ Material ในชิ4นงาน กระบวนการทําซํ4าเพื>อให้ได้งานที>ดี
ที>สุด (เหมือน Lean Model)
Problem:
นักออกแบบสามารถเข้าถึงข้อมูลได้อย่างไร้ขีดจํากัด แต่กลับใช้วิธี
เดิมในการคิด และหาข้อมูลตาม Pattern
Detail:
Formstroming คือวิธีการคิดที>จะสื>อออกมาด้วยภาพ เป็นการฝึก
ในการช่วยกระตุ้นหาทางใหม่ๆ ในการสร้างสรรค์งานให้ดีกว่าเดิม
ตัวอย่าง งานออกแบบด้วย Formstroming เชิงสัญลักษณ์ หรือสัญวิทยา ให้เห็นไข่หลายมุมมอง ไปถึงสิOงทีOเกีOยวข้อง
ทําให้เข้าใจเกีOยวกับ Concept และ Material อืOน ของ “Egg”, งานของ Jackie Littmann
LESSON 1
Formstroming & Welcome to Class
Outcome:
การเข้าใจ Material ในชิ4นงาน กระบวนการทําซํ4าเพื>อให้ได้งานที>ดี
ที>สุด (เหมือน Lean Model)
Problem:
นักออกแบบสามารถเข้าถึงข้อมูลได้อย่างไร้ขีดจํากัด แต่กลับใช้วิธี
เดิมในการคิด และหาข้อมูลตาม Pattern
Detail:
Formstroming คือวิธีการคิดที>จะสื>อออกมาด้วยภาพ เป็นการฝึก
ในการช่วยกระตุ้นหาทางใหม่ๆ ในการสร้างสรรค์งานให้ดีกว่าเดิม
ตัวอย่าง งานออกแบบด้วย Formstroming เชิงสัญลักษณ์ หรือสัญวิทยา ให้เห็นไข่หลายมุมมอง ไปถึงสิOงทีOเกีOยวข้อง
ทําให้เข้าใจเกีOยวกับ Concept และ Material อืOน ของ “Egg”, งานของ Jackie Littmann

3. กิจกรรมสร้าง Formstroming งานออกแบบ Typo
Kanban Grid Board, Google Slide, Google Suits
ให้ผู้เรียนออกแบบ FormStroming Board เกี<ยวกับเรื<องที<สนใจ
ผ่าน Google Docs ด้วยจํานวน Grid 10x10 ภาพ

4. LESSON 2
Theorem of Theory of Dot, Line and Plane
Outcome:
การเชื'อมโยงองค์ประกอบที'เกี'ยวเนื'องกัน และสามารถอธิบายถึง
ความสัมพันธ์ของชิ@นงานที'ออกแบบมาได้อย่างเข้าใจ
Problem:
ผู้เรียนรู้วิธีแก้ปัญหาตามขั@นตอนที'เห็น และจํา แต่ไม่ได้เข้าใจว่าสาเหตุ
ที'เกิดขึ@นนั@น เพราะอะไร ดังนั@นการเข้าถึงกระบวนการและแก้ปัญหา
จากสาเหตุขององค์ประกอบนั@นๆ ว่ามีความสัมพันธ์ยังไงเป็นทักษะ
สําคัญของการออกแบบ และสร้างนวัตกรรม
Detail:
จุด เส้น ระนาบ เป็นตัวกําหนดกรอบในการออกแบบ องค์ประกอบ
เหล่านี@สามารถสร้าง ไอคอน พื@นผิว ลวดลาย แผนภาพ และการ
เคลื'อนไหวได้ การออกแบบทั@งหมดเกิดจาก จุด เส้น และระนาบ มา
เชื'อมโยงกัน
ตัวอย่าง ตัวอย่างงานออกแบบของ Yayoi
Kusama, Polka Dot Queen)

5. LESSON 2
Theorem of Theory of Dot, Line and Plane
Outcome:
การเชื'อมโยงองค์ประกอบที'เกี'ยวเนื'องกัน และสามารถอธิบายถึง
ความสัมพันธ์ของชิ@นงานที'ออกแบบมาได้อย่างเข้าใจ
Problem:
ผู้เรียนรู้วิธีแก้ปัญหาตามขั@นตอนที'เห็น และจํา แต่ไม่ได้เข้าใจว่าสาเหตุ
ที'เกิดขึ@นนั@น เพราะอะไร ดังนั@นการเข้าถึงกระบวนการและแก้ปัญหา
จากสาเหตุขององค์ประกอบนั@นๆ ว่ามีความสัมพันธ์ยังไงเป็นทักษะ
สําคัญของการออกแบบ และสร้างนวัตกรรม
Detail:
จุด เส้น ระนาบ เป็นตัวกําหนดกรอบในการออกแบบ องค์ประกอบ
เหล่านี@สามารถสร้าง ไอคอน พื@นผิว ลวดลาย แผนภาพ และการ
เคลื'อนไหวได้ การออกแบบทั@งหมดเกิดจาก จุด เส้น และระนาบ มา
เชื'อมโยงกัน
ตัวอย่าง ตัวอย่างงานออกแบบของ
Maurizio Nannucci

6. LESSON 2
Theorem of Theory of Dot, Line and Plane
Outcome:
การเชื'อมโยงองค์ประกอบที'เกี'ยวเนื'องกัน และสามารถอธิบายถึง
ความสัมพันธ์ของชิ@นงานที'ออกแบบมาได้อย่างเข้าใจ
Problem:
ผู้เรียนรู้วิธีแก้ปัญหาตามขั@นตอนที'เห็น และจํา แต่ไม่ได้เข้าใจว่าสาเหตุ
ที'เกิดขึ@นนั@น เพราะอะไร ดังนั@นการเข้าถึงกระบวนการและแก้ปัญหา
จากสาเหตุขององค์ประกอบนั@นๆ ว่ามีความสัมพันธ์ยังไงเป็นทักษะ
สําคัญของการออกแบบ และสร้างนวัตกรรม
Detail:
จุด เส้น ระนาบ เป็นตัวกําหนดกรอบในการออกแบบ องค์ประกอบ
เหล่านี@สามารถสร้าง ไอคอน พื@นผิว ลวดลาย แผนภาพ และการ
เคลื'อนไหวได้ การออกแบบทั@งหมดเกิดจาก จุด เส้น และระนาบ มา
เชื'อมโยงกัน
ตัวอย่าง ตัวอย่างงานออกแบบของ
Brockett Horne. Spatial TranslationระยะทีDเปลีDยนไป

7. Student Work: ออกแบบ Formstroming Board
ชิJนงาน Dot, Line, Plane บน Google Suits
ให้ผู้เรียนออกบบ FormStroming Board ออกแบบความสัมพันธ์
โดยใช้ Dots->Lines->Plane เป็นชิ`นงานสร้างสรรค์

8. LESSON 3
Adobe InDesign
Outcome:
การใช้งานโปรแกรม Adobe Indesign ในการออกแบบสิ>งพิมพ์
ดิจิทัล และรู้จักระบบ Grid system ของการออกแบบ
Problem:
ผู้เรียนใช้งานได้แต่ไม่เข้าใจหลักการออกแบบ Commercial
Design ที>ใช้กันในการทําสื>อดิจิทัล โฆษณา และไม่ทราบถึง
ตําแหน่งระดับของ Space, Margins ในระบบ Grid
Detail:
การใช้เครื>องมือในการออกแบบด้วยโปรแกรม Adobe Indesign
สร้าง และออกแบบ FormStroming ใหม่บน InDesign
เมื<อจบ Class จําเป็นต้องดาวน์โหลด 3D Software

9. Perquisition ผู้เรียนต้องติดตัJง Software 3D
ที[ชํานาญสําหรับใช้เป็น Material ในการเรียน

10. LESSON 4
Magics of Modularity
Outcome:
เข้าใจองค์ประกอบหลายสิ'งที'จะเข้ามาประกอบเป็นงานออกแบบ เพื'อ
การควบคุมทั@ง ความสมบูรณ์ ราคา และคุณภาพ ในข้อจํากัดที'พบเจอ
ในอุตสาหกรรม และการทํางาน
Problem:
ปัญหาของการออกแบบคือ การทําให้ดีทีสุดภายใต้ข้อจํากัด การทํางาน
ภายใต้แรงกดดัน การพบกับโจทย์ที'ท้าทาย จําเป็นต้องเข้าใจและ
สามารถกําหนดองค์ประกอบที'ใช้กับระบบ หรือโครงสร้างสําคัญของ
ชิ@นงาน เข้าใจถึงการลําดับส่วนที'สําคัญ และจําแนกส่วนที'ไม่สําคัญ
ออกไปเป็นเรื'องรอง หรือตัดทิ@ง
Detail:
ผู้เรียนต้องตัดสินใจเลือก องค์ประกอบ การจัดวาง สี สัดส่วน
ความสัมพันธ์ ภายใต้ข้อจํากัดให้ออกมาดีที'สุด เมื'อกําหนด
องค์ประกอบได้แล้ว ข้อจํากัดจะหายไป ทําให้กรอบการทํางานมี
ขอบเขต และไม่ต้องกังวลกับข้อจํากัดที'เกิดขึ@นอีกต่อไป
ตัวอย่าง The Ultimate LEGO Books, การจัดชิ@นส่วน LEGO
Sample Content:
LEGO 8 ช่องจํานวน 2 ชิfน สามารถต่อกันได้ 24 วิธี
LEGO 8 ช่องจํานวน 3 ชิfน สามารถต่อกันได้ 1,060 วิธี
LEGO 8 ช่องจํานวน 6 ชิfน สามารถต่อกันได้ 102,981,500 วิธี
LEGO 8 มากกว่า 6 ชิfน สามารถสร้างความเป็นได้ อย่าง อนันต์
ตัวอย่าง มหัศจรรย์ของการจัดการส่วนประกอบ โดย
Stedlijk Museum CS Signage System

11. Student Work: ออกแบบ การทํา Alphabet
Blocks, โดย Nolen Strals & Bruce Williem)
บน jD Software
ข้อจํากัดในการทํางาน Working with Contraints ออกแบบงาน
3D ด้วยกฏ Modularity

12. LESSON 5
Gestalt Principles
Outcome:
การเข้าใจและปรับใช้ทฤษฏี และประสบการณ์ในการออกแบบ
ภาพกําเนิดความคิด โดยอาศัยการรับรู้พื4นฐานของคน เพื>อสื>อสาร
ให้ผู้เห็นภาพของงานออกแบบ ตรงกัน หรือทิศทางเดียวกัน
Problem:
สมอง จะทํางานจากสิ>งที>เห็นมาประมวลผลอัตโนมัติ การรูปร่าง
ส่งไปยังประสบการณ์เพื>อเข้าถึงความสัมพันธ์จึงต้องมีการเรียนรู้
และทําความเข้าใจหลักเกลตัลท์ (Sense Data + Experience)
Detail:
เข้าใจหลักพื4นที>เชิงลบ พื4นที>เชิงบวกสําหรับงานออกแบบหรือสร้าง
ไอเดีย ออกแบบงานออกแบบหรือบริการ Services ใหม่จาก
ประสบการณ์ที>พบ แล้วนําเสนอให้ผู้ที>พบเจอเข้าใจทิศทาง และ
วัตถุประสงค์ของงานออกแบบ และบริการ
ตัวอย่าง Future Sky ของ Lisa Rienermann
Sample Content:
งานออกแบบจากภาพถ่าย 1:1 หลายภาพของ Lisa Rienermann ใน
การหามุมใกล้ตัวออกเป็นตัวอักษร นํามารวมเป็นภาพกึLง Digital
Collage พืTนทีLเชิงบวก คือ ท้องฟ้าว่างเปล่า ได้กลายเป็นองค์ประกอบ
หลักผ่าน พืTนทีLเชิงลบมุมอาคารของยอดตึก

13. LESSON 5
Gestalt Principles
Outcome:
การเข้าใจและปรับใช้ทฤษฏี และประสบการณ์ในการออกแบบ
ภาพกําเนิดความคิด โดยอาศัยการรับรู้พื4นฐานของคน เพื>อสื>อสาร
ให้ผู้เห็นภาพของงานออกแบบ ตรงกัน หรือทิศทางเดียวกัน
Problem:
สมอง จะทํางานจากสิ>งที>เห็นมาประมวลผลอัตโนมัติ การรูปร่าง
ส่งไปยังประสบการณ์เพื>อเข้าถึงความสัมพันธ์จึงต้องมีการเรียนรู้
และทําความเข้าใจหลักเกลตัลท์ (Sense Data + Experience)
Detail:
เข้าใจหลักพื4นที>เชิงลบ พื4นที>เชิงบวกสําหรับงานออกแบบหรือสร้าง
ไอเดีย ออกแบบงานออกแบบหรือบริการ Services ใหม่จาก
ประสบการณ์ที>พบ แล้วนําเสนอให้ผู้ที>พบเจอเข้าใจทิศทาง และ
วัตถุประสงค์ของงานออกแบบ และบริการ
ตัวอย่าง Michael Haverkamp
How many Car? เรารู้ว่ามีรถ 2 คัน รถสีฟ้า
เรารู้ได้ไง ทัTงทีLมันถูกบังไป 70%
ประสบการณ์ของเรามีทีLมีต่อรถแตกต่างไป
ในแต่ละสถานทีL
Sense Data และ Experience การรับรู้ที4เกิดจากสมองประมวลผลจากประสบการณ์
ตัวอย่าง No Entry,Jayme Odgers
เราใช้แผ่นเหล็กสีดํา เจาะรูแบบไรระเบียบแต่กลับอ่าน
ออก เพราะท้องฟ้า และทะเล ช่วยให้เข้าใจ Context
ความคาดหวังของคนทีLพบเจอ

14. LESSON 5
Gestalt Principles
Outcome:
การเข้าใจและปรับใช้ทฤษฏี และประสบการณ์ในการออกแบบ
ภาพกําเนิดความคิด โดยอาศัยการรับรู้พื4นฐานของคน เพื>อสื>อสาร
ให้ผู้เห็นภาพของงานออกแบบ ตรงกัน หรือทิศทางเดียวกัน
Problem:
สมอง จะทํางานจากสิ>งที>เห็นมาประมวลผลอัตโนมัติ การรูปร่าง
ส่งไปยังประสบการณ์เพื>อเข้าถึงความสัมพันธ์จึงต้องมีการเรียนรู้
และทําความเข้าใจหลักเกลตัลท์ (Sense Data + Experience)
Detail:
เข้าใจหลักพื4นที>เชิงลบ พื4นที>เชิงบวกสําหรับงานออกแบบหรือสร้าง
ไอเดีย ออกแบบงานออกแบบหรือบริการ Services ใหม่จาก
ประสบการณ์ที>พบ แล้วนําเสนอให้ผู้ที>พบเจอเข้าใจทิศทาง และ
วัตถุประสงค์ของงานออกแบบ และบริการ
Sense Data และ Experience การรับรู้ที4เกิดจากสมองประมวลผลจากประสบการณ์
ตัวอย่าง Counter Hand, FWIS Design
งานออกแบบทีLใช้แค่เศษกระดาษตัดเป็นชิTนแล้ววาง
ลงบนพืTนผิวทีLแตกต่างกับสีของกระดาษ แล้ว Crop
ตัดส่วนภาพเป็น 1:1 ก็จะได้ชุดตัวอักษรแปลกใหม่

15. Student Work: Photo Stock Gallery บน
Formstroming Board (Google Suit)
ตามกฎของ Gestalt Principles
หลักเกสตัสท์ (Gestalt Principles) การรับรู้อย่างรวดเร็วโดย
สัญชาตญาณ ของคน กับหลักการออกแบบโดยการรับรู้

16. LESSON 6
Innovation Design Method, Brief and
Literature Method
แนวคิดการออกแบบ นวัตกรรม
ตัวอย่าง Aki Inomata, Why Not Hand Over a "Shelter" to
Hermit Crabs?
วิจารณ์หัวข้อเตรียมจุลนิพนธ์ แบบอิสระ (นําเสนอ)
วิจารณ์หัวข้อเตรียมจุลนิพนธ์ ด้วยการประเมินความเป็นไป
ได้
วิจารณ์หัวข้อเตรียมจุลนิพนธ์ การทํา Design Framework
ของ IIT

17. LESSON 7
Conceptual & Design via Mentor
• การออกแบบ Design Thinking กับกระบวนการ
ออกแบบผลงาน โดย วรุตม์ เหลืองวัฒนากิจ บริษัท
Kidative Co., Ltd.
• ความเป็นไปได้ของออกแบบชิ`นงาน ภาพรวมความ
น่าสนใจระดับสากล คุณ จักรพงษ์ คงมาลัย
Managing Director บริษัท มูนช็อท ดิจิตอล จํากัด
Validate Idea ของชิ4นงาน และปรับคุณภาพของงาน
Capstone จุลพิพนธ์ Phase 1 Mentor
ต้องมีไอเดียของงาน นําเสนอ เป็นหัวข้อและ Proposal

18. LESSON 8
Conceptual is Everything
Outcome:
เข้าใจกับแนวคิด Conceptual กับงาน หรือบริการให้มีความ
Stand Out หรือโดดเด่น และแตกต่างกับ บริการ หรืองานออกแบบ
ใหม่ได้
Problem:
การออกแบบในช่วงหลัง ผู้เรียน หรือนักออกแบบหน้าใหม่ ไม่รู้จัก
การสร้างอัตลักษณ์ของตัวเอง ส่วนใหญ่คือการนําสไตล์ หรือ งาน
ของคนอื>นมาใช้กับงานของตัวเอง
Detail:
เข้าใจการสร้างแรงบันดาลใจ เพื>อออกแบบ Concept ของชิ4นงาน
ของตนเองได้อย่างสมบูรณ์แบบ และสร้างความแตกต่าง เช่น การ
ออกแบบแอปพลิเคชัน Mock ที>ไม่สามารถใช้งานได้, การนําเสนอ
ไอเดียที>แหวกแนว โดยการ Literature เรื>องราว Stories ของศิลปิน
ที>นําเสนอ
ตัวอย่าง
Lick able Lift ลิฟท์เลียได้
ตัวอย่าง The Stories of Tracey Emin,
YBA เตียงนอนของฉัน งานศิลปะ
Conceptual ของสาวแกร่ง
ตัวอย่าง Performance Art by Marina
Abramovic' (Stories Telling)
ตัวอย่าง ศิลปะการห่อหุ้มทุกWrap,
Environmental Art by Christo &
Jeanne-Claudeสิ4ง,
Avant-Garde (Poor Art) ศิลปะอนาถา

19. Lesson 9 -11
Independent Study
การศึกษาอิสระ
รายงาน Reflection และความคืบหน้า ผ่าน Blog Media
หาแนวทางปรับปรุงชิMนงาน

20. LESSON 12
Conceptual & Design via Mentor #Finale
• การออกแบบ Design Thinking กับกระบวนการ
ออกแบบผลงาน โดย วรุตม์ เหลืองวัฒนากิจ บริษัท
Kidative Co., Ltd.
• ความเป็นไปได้ของออกแบบชิ`นงาน ภาพรวมความ
น่าสนใจระดับสากล คุณ จักรพงษ์ คงมาลัย
Managing Director บริษัท มูนช็อท ดิจิตอล จํากัด
Validate Idea ของชิ4นงาน และปรับคุณภาพของงาน
Capstone จุลพิพนธ์ Phase 1 Mentor
ต้องมีไอเดียของงาน นําเสนอ เป็นหัวข้อและ Proposal

21. Lesson 13 - 15
สรุปชิ:นงาน และส่งชิ:นงานให้สมบูรณ์

22. DA393
งานออกแบบเพื+อสร้างแรงบันดาลใจ 5 เกณฑ์การวัดผล
ผู้ เรียนต้ องเขียน Blog เพื4อสรุป
Reflection การเรียนรู้แต่ละรอบของ
ตัวเองผ่าน
รูปแบบการเรียน
ผู้ เรี ยนต้ องเข้ าระบบ Check-in
Duration ผ่าน Streaming Client ของ
Meets หรือ Cisco WebEx