Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

การออกแบบสื่อนำเสนอ

3,247 views

Published on

เคล็ดลับการสร้างสื่อนำเสนอ โดยโครงเรื่องจากหนังสือ presentation Zen

Published in: Education, Technology, Business

การออกแบบสื่อนำเสนอ

  1. 1. หลัักการออกแบบสื่อการสอน&นํําเสนอ ื &โดย พิเศศ ตันติมาลา พเศศ ตนตมาลาโครงหลักจากหนังสือ Presentation of Zen
  2. 2. Conceptual Age
  3. 3. ออกแบบ เลาเรอง เลาเรื่อง ผสมผสานไมไดเพียงการใชงาน ไมไชแคเหตุผล ไมไชแคตอกย้ําเขาถงจตใจเขาถึงจิตใจ เลน เลน ความหมาย ไมไดแคตรรกะ ไมใชแคเพียงแตงาน ไมไชแคอัดเนื้อหา
  4. 4. สรางใหโดนใจสรางใหโดนใจMade to stickChip & Dan Heath
  5. 5. 1. ความเรีียบงาย Simple
  6. 6. Processer UnitInput Unit Memory Unit Output Unit Storage Unit
  7. 7. 3. ความรูปธรรม Concrete ู
  8. 8. ลูกของคุณควรนอนหลบกชวโมง ั ี่ ั่ โเพืื่อการพััฒนาการสมองที่ีดี
  9. 9. Osborne1• มีขนาดใหญ• พกพาลําบาก พกพาลาบาก• น้ําหนัก 10.7 กิโลกรัม
  10. 10. Osborne1 = 10.7 กโลกรม 10 7 กิโลกรัม
  11. 11. ความสามารถการจดจาความสามารถการจดจําBIRD10% 65%
  12. 12. 4. ความนาเชื่อถือCredible
  13. 13. 5. อารมณรวม Emotional
  14. 14. 6. เรองราว6 เรื่องราว Stories
  15. 15. 12 3 ลําดับของการนําเสนอ
  16. 16. Brush Tool • ใชในการวาดเสน Brush ตางๆ
  17. 17. Brush Tool • ใชในการวาดเสน Brush ตางๆ
  18. 18. หลกการออกแบบสอนาเสนอหลักการออกแบบสือนําเสนอ ่
  19. 19. อัตราสวนตอสัญญาณรบกวนSignal to noise Ratio
  20. 20. สมเดจพระนเรศวรมหาราช สมเด็จพระนเรศวรมหาราช• สมเด็จพระนเรศวรมหาราชหรือที่ชาวบานทั่วไปในครั้งนั้นเรียกวา พระองคดํา เปนพระราชโอรสในสมเด็จพระมหาธรรมราชาและพระวิสุทธิ กษัตริย (พระราชธิดาของสมเด็จพระศรีสุริโยทัยและสมเด็จพระมหา ยทั จกรพรรด) จกรพรรด เสดจพระราชสมภพเมอ พ. จักรพรรดิ) เสด็จพระราชสมภพเมื่อ พ.ศ. 2098 ที่พระราชวังจันทน ทพระราชวงจนทน เมืองพิษณุโลกทรงมีพระเชษฐภคิณีคือ พระสุพรรณกัลยา ทรงมีพระ พระเชษฐภคิ คื อนชาคือ สมเด็จพร เอกาทศรถ (องคขาว) แล ทรงเปนพร ราชนัดดา อนุชาคอ สมเดจพระเอกาทศรถ องคขาว และทรงเปนพระราชนดดา องคขาว) าว) ของสมเด็จพระศรีสุริโยทัย ยทั
  21. 21. สมเดจพระนเรศวรมหาราช สมเด็จพระนเรศวรมหาราช สมเด็็จพระมหา สมเด็จพระศรีสุริโยทัย จักรพรรดิ สมเด็จพระมหาธรรม พระวิสุทธิกษัตริย ราชา สมเด็จพระนเรศวรพระสุพรรณกัลยา สมเด็จพระเอกาทศรถ มหาราช
  22. 22. สมเดจพระนเรศวรมหาราช สมเด็จพระนเรศวรมหาราช สมเด็็จพระมหา สมเด็จพระศรีสุริโยทัย จักรพรรดิ สมเด็จพระมหาธรรม พระวิสุทธิกษัตริย ราชา สมเด็จพระนเรศวรพระสุพรรณกัลยา สมเด็จพระเอกาทศรถ มหาราช
  23. 23. เทคนคการนาเสนอของทง เทคนิคการนําเสนอของทั้ง 2billgate steve job
  24. 24. วิชาเลือกเสรี 6 วิชาวิชาศึกษาทั่วไป 31วิชาเฉพาะนิเทศ ศาสตร 99 โรงเรียนวังนอยศึกษา
  25. 25. รอยละของรายวิชาทีสนองตอคุณลักษณะเฉพาะของบัณฑิต ่78.00% 76.92% 76 92% เปนผู ทกษะและองคความรู นเชิงวิชาชีพ เปนผมีทักษะและองคความรในเชงวชาชพ76.00% ที่ทันสมัยและตรงตอความตองการของ 73.08% 73 08% ตลาดแรงงาน74.00%74 00% 19 รายวิชา คิดเปน 73.08 % ของราย72.00% 69.23% วิชาเอก70.00%70 00% ดัังนี้ี JM.100 JM.104 JM.200 JM.20168.00% JM.301 JM.302 JM.303 JM.30466.00% JM 306 JM 308 JM 309 JM 310 JM.306 JM.308 JM.309 JM.31064.00% JM.311 JM.401 JM.402 JM.403 JM.405 JM.408 JM.409 โรงเรียนวังนอยศึกษา
  26. 26. หอง 1/4, 100%100.00% 81.82% 80.00% 54.55% หอง 1/5, 77% หอง 1/6, 65% 60.00% 40.91% 40.00% 20.00% 0.00% หอง 1/1 หอง 1/2 หอง 1/3 หอง 1/4 หอง 1/5 หอง 1/6
  27. 27. 120.00% หอง 1/4, 100%100.00%100 00% 81.82% 80.00% หอง 1/5, 77% หอง 1/6, 65% 60.00% 40.91% 54.55% 40.00% 20.00% 0.00% หอง 1/1 หอง 1/2 หอง 1/3 หอง 1/4 หอง 1/5 หอง 1/6
  28. 28. กฎ 1 7 7 1-7-7 ในสไลดหนึ่งแผนพยายามนําเสนอแคประเด็นเดียว ไไมควรมีขอความเกิิน 7 บรรทััด ี ในหนงบรรทดไมควรใชคาเกน คา ในหนึ่งบรรทัดไมควรใชคาเกิน 7 คํา ํ
  29. 29. 1 Slide นําเสนอแคประเด็นเดียว ไมควรมีขอความเกิน 7 บรรทัด  ในหนึ่งบรรทัดไมควรใชคาเกิน 7 คํา ํ
  30. 30. กฎ 1 7 7 1-7-7 ในสไลดหนึ่งแผนพยายามนําเสนอแคประเด็นเดียว ไไมควรมีขอความเกิิน 7 บรรทััด ี ในหนงบรรทดไมควรใชคาเกน คา ในหนึ่งบรรทัดไมควรใชคาเกิน 7 คํา ํ
  31. 31. ผู งอายุจะไดประโยชนจากการกวาดบาน ดงน ผสูงอายจะไดประโยชนจากการกวาดบาน ดังนี้• บานและบริเวณบาน จะสะอาดเปนระเบียบเรียบรอย และสวยงาม • ไดออกกําลังกาย ไดเดิน ไดเคลื่อนไหว ไดออกกําลังขอมือ• คลายความเครียด ความโกรธ กวาดลางสิ่งไมดมากระทบและสิ่งสกปรก ี• ออกจากจตใจ ออกจากจิตใจ• เปนการฝกสมาธิอยางดี ใหจิตใจใสสะอาด มีสมาธิดีขึ้น• เมอสมาธดขน ความจํําก็็จะดขนดวย ความคดก็็แจมใส มอารมณดี เยอกเย็น ื่ ิ ี ึ้ ี ึ้ ิ  ใ ี  ื ็ ขึ้น• จะชวยใหนอนหลับไดงาย  • ชวยปองกันโรคผูสูงอายุ ทําใหสุขภาพแข็งแรง อายุยื
  32. 32. ประโยชนทผู งอายจะไดประโยชนที่ผสูงอายุจะได• สะอาดเปนระเบียบเรียบรอย• ไดออกกาลงกาย ไดออกกําลังกาย• คลายความเครียด• ฝกสมาธิ• ความจาดขน ความจําดีขึ้น• นอนหลับไดงาย• ชวยปองกันโรคผูสูงอายุ
  33. 33. ผลกระทบจากความโดดเดนของภาพPicture Superiority
  34. 34. การจดประชุมเพอรบฟงขอคดเหนเกยวกบหลกสูตรการจัดประชมเพื่อรับฟงขอคิดเห็นเกียวกับหลักสตร ่ผูประกอบการ/ผูใชบัณฑิต  ิ ตััวแทนสมาคมวิิชาชีีพ ศิิษยเกา / ศิิษยปจจุบัน 
  35. 35. สาขาวชาการปร ชาสมพนธสาขาวิชาการประชาสัมพันธ
  36. 36. เรือพระที่นั่งสุพรรณหงส
  37. 37. ไมควรใส FX ตาง ๆ มากเกินไป
  38. 38. TextTextTextTextText1. TextTextTextTextText2. TextTextTextTextText3. TextTextTextTextText4.4 TextTextTextTextText
  39. 39. TextTextTextTextText1. TextTextTextTextText2. TextTextTextTextText3. TextTextTextTextText4.4 TextTextTextTextText
  40. 40. พื้นที่วาง Space
  41. 41. • การใหขอเสนอแนะจากคณะกรรมการวิชาการ ภายนอก จากการรบรองหลกสูตรนเทศศาสตรบณฑต ฉบับป จากการรับรองหลักสตรนิเทศศาสตรบัณฑิต ฉบบป การศึกษา 2549
  42. 42. 20% ของประชากรไทย ใสแวนสายตา ใสแวนสายตา
  43. 43. 20% ของประชากรไทย ใสแวนสายตา
  44. 44. Nononononononono
  45. 45. Agriculturistผูประกอบอาชีพทําไร
  46. 46. Agriculturistผูประกอบอาชีพทําไร
  47. 47. อัตราสวนทองคํา Golden Ratio
  48. 48. 3 1 24
  49. 49. พระพุทธรูปปางมารวิชย ั
  50. 50. พระพุทธรูปปางมารวิชัย ุ ู
  51. 51. พระพุทธรูปปางมารวิชัย
  52. 52. การเปรียบตางContrast
  53. 53. ตวประกอบ ตัวประกอบหมายถึง จํํานวนนับทีี่สามารถหารจํํานวนนับไ ้ ลงตัว ึ ั ั ได้ ัเช่นตัวประกอบของ 3 คือ 1 และ 3ตวประกอบของ คอ 1, 3,ตัวประกอบของ 15 คือ 1 3 5 และ 15
  54. 54. ความถูกตองแมนยาของผลลพธความถกตองแมนยําของผลลัพธ
  55. 55. ความถูกตองแมนยาของผลลพธความถกตองแมนยําของผลลัพธ
  56. 56. การใชซ้ํา Repetition
  57. 57. 2. ดานความรู2 ดานความร มความรู กิดจากการบรณาการศาสตรรวมกับศาสตรอื่นๆได มีความรที่เเกดจากการบูรณาการศาสตรรวมกบศาสตรอนๆได
  58. 58. 2. ดานความรู2 ดานความร สามารถแสวงหาความรูและขอมูลขาวสารอยางมีระบบ เพื่อประยุกตใชงานให สอดคลองกับการเปลี่ยนแปลงตามสถานการณ
  59. 59. มีภาวะความเปนผูนําและผูตาม ตระหนักรูบทบาท หนาที่ ความรับผิดชอบตามสถานภาพของตนเอง
  60. 60. การปรับแนว Alignment
  61. 61. ความหมาย• เครื่องมือหรืออุปกรณอิเล็กทรอนิกส ที่มีความสามารถ ใในการคํานวณอตโนมตตามคํําสง ผลลพธทไดออกมานน ํ ั โ ั ิ ั่ ั  ี่ไ  ั้ อาจเปนไดทั้ง ตัวเลข ขอความ รปภาพ เสียง ู
  62. 62. เครืื่องมืือหรืออุปกรณ ือเลกทรอนกส ทมอิเล็กทรอนิกส ที่มีความสามารถในการคํานวณอัตโนมัติตามคําสั่งผลลัพธที่ไดออกมานั้นอาจผลลพธทไดออกมานนอาจเปนไดทั้ง ตัวเลข ขอความรูปภาพ เสียง
  63. 63. ความใกลชดความใกลชิด Proximity
  64. 64. องคประกอบของ องคประกอบของ Slide ตัวอักษร ( font ) สี ( color )ภาพพนหลง backgroundภาพพื้นหลัง ( b kg d ) รูปภาพประกอบ รปภาพปร กอบ ( iimage ) g
  65. 65. ขอพจารณาในการใชภาพ  ิ ใ ใ
  66. 66. 1.เลอกใชไฟลภาพผดประเภท1 เลือกใชไฟลภาพผิดประเภท
  67. 67. JPG• บีบอัดไฟลไดถง 100 ึ• เหมาะสํําหรัับภาพถาย • นยมใชมากทสุ นิยมใชมากที่สด• รองรับการใชงาน อ ทุกโปรแกรม
  68. 68. 1%
  69. 69. 10%
  70. 70. 50%
  71. 71. 100%
  72. 72. GIF• เก็บสีแบบ Indexed• 256 2 6 สีี• ภาพเคลอนไหวได ภาพเคลื่อนไหวได• ุ เจาะทะลได
  73. 73. 256 สี
  74. 74. ทําภาพแบบเจาะทะลุไุ ด
  75. 75. ภาพเคลื่อนไหวได
  76. 76. PNG• ความละเอียดสูง• โป งใใสแบบ Alpha C โปร Channels
  77. 77. คอไฟลอะไรคือไฟลอะไร ? JPG GIF PNG
  78. 78. 2.วางภาพทสะเปะสะปะ2 วางภาพที่สะเปะสะปะ
  79. 79. 3.3 FX ตระการตา
  80. 80. 4. ภาพตนฉบบไมเหมาะสม4 ภาพตนฉบับไมเหมาะสม
  81. 81. Raster Vector
  82. 82. 5.ภาพทมลขสทธ5 ภาพที่มีลิขสิทธิ์
  83. 83. ประเภทของ License ภาพดิจิตอล ภาพดจตอล• Royalty free (RF)• Right management
  84. 84. Royalty free (RF)• คือภาพที่ผูที่ซ้อสิทธิ์สามารถนําไปใชกี่ครั้งก็ได ไม ื ํ ั ไ ส จากด แตไมสามารถนาไปขายตอได แตผูที่ขายกยงมี ํ ไป  ไ   ั สทธในภาพนนอยู สิทธิใ์ นภาพนั้นอย ราคาโดยประมาณ 0.3-10 US 0.3 10
  85. 85. Right management• คือภาพที่ขายสิทธิเ์ ปนครั้ง ๆ และมีระยะเวลาการใช  ตองระบุประเภทการใชเชนใชกบ TV ใช ั โโฆษณาใน ใช ช ใช ั ใชกบ ใ หนงสอ ใชบนเว็บ หนังสือ ใชบนเวบ• ไดภาพไมซ้ําใคร
  86. 86. 6. สดสวนของภาพ6 สัดสวนของภาพ
  87. 87. 7.ภาพพนหลง7 ภาพพื้นหลัง
  88. 88. 8.8 clipart มาตรฐาน เห็นฉันยังไม่ เบื่ออีก หรือ ค่ ะ
  89. 89. 9. เลอกรูปไมเหมาะกบเนอหา9 เลือกรปไมเหมาะกับเนื้อหา ผีเสื้อสมุทร
  90. 90. 10.10.ภาพประกอบพื้นหลังลายตามากเกินไป
  91. 91. การเลือกรูปแบบ ขนาดตัวอักษร และสีที่เหมาะสม ู
  92. 92. 1.ไมควรใชตวอกษรเกน แบบในแตละ สไลด1 ไมควรใชตัวอักษรเกิน 2 แบบในแตละ สไลด แหลงของพลังงานไดมาจาก •พลังงานไฟฟา พลงงานไฟฟา •พลังงานเคมีในอาหาร •พลังงานความรอน •พลังงานศักย •พลงงานศกย
  93. 93. 2.ควรใชตวอกษรขนาดใหญ 2 ควรใชตัวอักษรขนาดใหญ แหลงของพลังงานไดมาจาก•พลังงาน เปนปริมาณพื้นฐานอยางหนึ่ง ของกระบวนการในระบบกายภาพทุกอยางพลัังงานในระบบเหลานี้ี ทีี่สภาวะหนึึ่งๆ นิยามวาเทากัับ งาน ทีี่ตองใชในการเปลีี่ยนจาก ใ  ใสภาวะแรกเริ่ม (เรียกวาระดับอางอิง) ไปยังสภาวะนั้นๆ
  94. 94. แหลงของพลงงานไดมาจากแหลงของพลังงานไดมาจาก• พลังงานไฟฟา• พลังงานเคมีในอาหาร• พลงงานความรอน ั • พลังงานศักย พลงงานศกย
  95. 95. 3.ใชตัวหนาหรือตัวขีดเสนใตในการเนนขอความ ดีกวาใชตวเอียง ั แหลงของพลงงานไดมาจาก แหลงของพลังงานไดมาจาก • พลังงานไฟฟา • พลงงานเคมในอาหาร พลังงานเคมีในอาหาร • พลังงานความรอน • พลังงานศักย
  96. 96. 4.ไมควรใชขอความภาษาอังกฤษแบบตัวใหญทงหมด (Capitalize) ั้ SITE PLANNING WITH A TEAM IS OFTEN  EASIER IF YOU BASE YOUR MAJOR  EASIER IF YOU BASE YOUR MAJOR STRUCTURAL PLANNING AND DECISIONS ON  A SHARED MASTER SITE DIAGRAM THAT ALL  A SHARED MASTER SITE DIAGRAM THAT ALL MEMBERS OF THE GROUP CAN WORK WITH.  Site planning with a team is often easier if  you base your major structural planning and  you base your major structural planning and decisions on a shared master site diagram  that all members of the group can work with.  g p
  97. 97. 5.ใชพนหลงทสตดกนกบตวอกษร5 ใชพื้นหลังที่สีตัดกันกับตัวอักษร แหลงของพลังงานไดมาจาก •พลังงานไฟฟา •พลังงานเคมีในอาหาร • ั •พลงงานความรอน  •พลังงานศักย พลงงานศกย
  98. 98. ใชพนหลงสเขมกบหองทมผู งนั่งไมเกินใชพื้นหลังสีเขมกับหองที่มีผฟงนงไมเกน 6 เมตร
  99. 99. 6.หลกเลยงพนหลงทยากตอการอาน6 หลีกเลี่ยงพื้นหลังที่ยากตอการอาน แหลงของพลังงานไดมาจาก •พลังงานไฟฟา •พลังงานเคมีในอาหาร • ั •พลงงานความรอน  •พลังงานศักย พลงงานศกย
  100. 100. 7.ควรใชรูปแบบตัวอักษร ขนาด รวมทั้งสีตัวอักษรและพื้นหลังแบบเดียวกันตลอดทุกสไลด
  101. 101. 8.การใชสีเพื่อการตกแตงมากเกินไป นอกจากทําใหเสียเวลาในการผลิตแลวยังจะทําใหนารําคาญ แหลงของพลังงานไดมาจาก •พลังงานไฟฟา •พลังงานเคมีในอาหาร •พลังงานความรอน •พลังงานศักย พลงงานศกย
  102. 102. 9.อยายดขอความลงไปใน9 อยายัดขอความลงไปใน Slide เยอะเกินไป เยอะเกนไป
  103. 103. รูปแบบตัวอักษรตามลักษณะการใชงาน ู
  104. 104. baskerville: ใหความรสกสุภาพ ดูภูมฐาน สไตลผูดี ใหความรู ึกสภาพ ดภมิฐาน สไตลผ
  105. 105. sans serif
  106. 106. helvetica: ดเรียบ ไมนาเบอ รวมสมัย ดูเรยบ ไมนาเบื่อ รวมสมย
  107. 107. ระบบการผสมส ระบบการผสมสี• การผสมสีแบบบวก • การผสมสีแบบลบ Additive Color Mixing Subtractive Color Mixing
  108. 108. วงลอส วงลอสี เหลื อ ง เขยว-เหลอง เขีย ว-เหลื อ ง เหลอง-สม เหลื อ ง-ส้ ม 1 3 3 เขีย ว ี ส้้ ม 2 2นําเงิ น-เขีย ว ้ 3 3 ส้ ม-แดง 1 1 นําเงิ น ้ แดง 3 3 2 นําเงิ น-ม่ว ง ้ มวง แดง ม่ว ง-แดง ม่ว ง
  109. 109. วรรณะของสวรรณะของสี 1. สีปฐมภูมิ แมสีหลัก เด็กๆมักจะชอบ สีใี นกลุมนี้ี 2. 2 สทุตยภูมิ วยรุนและวยทํํางาน จะ ี ิ ั ั ชอบสในกลุ น ชอบสีในกลมนี้ 3. สตตยภูม ผู งอาย คนแกมักจะชอบ สีตติยภมิ ผสงอายุ คนแกมกจ ชอบ ู สีในกลุมนี้
  110. 110. สีปฐมภมิสปฐมภูม
  111. 111. สทุตยภมิสีทติยภูม
  112. 112. สีปฐมภมิสปฐมภูม
  113. 113. โทนของส โทนของสีสโทนรอนสีโทนรอน• เปนสทชวยเพมแรงดง ป สีที่ชว ิ่ ร ดึ ดูดความสนใจ ใหความร ึ ดดความสนใจ ใหความรูสก สวาง อบอุน ชัดเจน
  114. 114. โทนของส โทนของสี สโทนเยน สีโทนเย็น• ใหความรสึกเย็นสบาย สภาพ ใหความรู กเยนสบาย สุภาพ เรยบรอย หดหู เสยใจ เรียบรอย หดห เสียใจ
  115. 115. Color Scheme• Monochromatic• Complementary• Triads• Split Complementary• Quadratic• Analogous
  116. 116. Monochromatic โครงสรางสีเอกรงค โครงสรางสเอกรงค • มเนอส เดยว มีเนื้อสี เดียว • ใหความแตกตางดวยน้ําหนักสี • ใหความรูสึกกลมกลืนกัน • งานขาดจุดดงดูดความสนใจ งานขาดจดดึงดดความสนใจ
  117. 117. Monochromaticstreet type 2 ©Michael Bretherton
  118. 118. Monochromaticleaves ©Michael Bretherton
  119. 119. Monochromatichttp://www.ideali.it/
  120. 120. Monochromatic hans-brinker.com
  121. 121. Complementary สีคตรงขาม สคู รงขาม • สีที่มีความ ขดแยงซงกนและกน รุนแรง สทมความ ขัดแยงซึ่งกันและกัน รนแรง บาดตา ถาดูจากวงสีธรรมชาติ จะเปนสีที่ อยูใ น ตาแหนงตรงกนขามกน และมคาที่ ํ  ั  ั ี  ตัดกันอยางรุนแรง http://fireflyforest.net/firefly/2006/02/05/complementar y-colors/
  122. 122. Complementary สีคตรงขาม สคู รงขาม lamp by the window by zitherica
  123. 123. Complementary สีคตรงขาม สคู รงขาม Swiss Airline
  124. 124. Complementary สีคตรงขาม สคู รงขาม Newtown Railway Sign. Sydney Australia. :Berkeley
  125. 125. Complementary สีคตรงขาม สคู รงขาม http://static.flickr.com/66/177807823_4dfcdebe18_o.jp g
  126. 126. Triads สีไตรสัมพันธ สไตรสมพนธ • สีสามสีที่มีระยะหางเทา ๆ กัน ทําใหงานด สสามสทมระยะหางเทา กน ทาใหงานดู สะดุดตา เปนสีที่มีความตางกัน อยางมี ส ล ขอเสยคอสฉูดฉาดรบกวนการสอ สมดุ  สี ื สี สื่ ความหมายที่แทจริง
  127. 127. Triads สีไตรสัมพันธ สไตรสมพนธ Dunlop Ads
  128. 128. Triads สีไตรสัมพันธ สไตรสมพนธ Wecandolt.ca
  129. 129. Split Complementary ตรงขามขางเคียง ตรงขามขางเคยง • ลดความรนแรง และความตัดกัน ของคาสีคตรง ลดความรุนแรง และความตดกน ของคาสคู กับขามโดยตรงลง และไดความหลากหลายของสี มากขน ทาใหงานออกแบบนน มความ นาสนใจ ึ้ ํ ใ  ั้ ี ส ใ ขึ้น แต
  130. 130. Split Complementary ตรงขามขางเคียง ตรงขามขางเคยง http://static.flickr.com/66/177807823_4dfcdebe18_o.jp g
  131. 131. Split Complementary ตรงขามขางเคียง ตรงขามขางเคยง Firefox.com
  132. 132. Quadratic Color จตสัมพนธ จตุสมพันธ • การใชสีในวงจรสี 4 สี ทําใหงานดูมี ความหลากหลาย สสะดุดตา ขอเสย สีสะดดตา ขอเสีย คือ คาดความกลมกลืนของสี
  133. 133. Quadratic Color จตสัมพนธ จตุสมพันธ Lego Ads
  134. 134. Quadratic Color จตสัมพนธ จตุสมพันธ Lego Ads
  135. 135. Tetrads โครงสี 4 สี โครงส ส Ads
  136. 136. Tetrads โครงสี 4 สี โครงส ส Ads
  137. 137. Analogous โครงสรางสีขางเคียง โครงสรางสขางเคยง • คือสีที่อยติดกัน อยขางเคียงกันใน คอสทอยู ดกน อยู างเคยงกนใน วงจรสี จะเปนทีละ 2 หรือ 3 สี บาง ทอาจจะใชถง 4 สี ทาใหเกดความ ี ใ  ึ ส ํใ  ิ กลมกลืนของภาพ
  138. 138. Analogous โครงสรางสีขางเคียง โครงสรางสขางเคยง CMS Drupal Ads
  139. 139. Analogous โครงสรางสีขางเคียง โครงสรางสขางเคยง CMS Drupal Ads
  140. 140. Analogous โครงสรางสีขางเคียง โครงสรางสขางเคยง CMYK Magazine
  141. 141. ขันตอนนําเสนอ ้ ขอ S e e ของ Steve jobs
  142. 142. สรางเรองราว สรางเรื่องราว• วางแผนแบบอนาล็อก• ตอบคาถามทสาคญทสุ ตอบคําถามที่สําคัญที่สด• ตั้งจุดมุงหมายอันสูงสง• คิดคําพาดหัวในแบบเดียวกับ Twitter• เขยนแผนทเสนทาง เขียนแผนที่เสนทาง• เปดตัวศัตรู• เปดตัว Hero ผูพิชิต
  143. 143. สงมอบประสบการณ สงมอบประสบการณ• เปดชองทางใหกับความเปน Zen ที่อยูภายใน• ตกแตงตวเลขของคุณ ตกแตงตัวเลขของคณ• ใชศัพทแสงที่ไดใจ• แบงปนเวที• ใชอุปกรณในการนําเสนอของคณ ใชอปกรณในการนาเสนอของคุณ• เปดชวง โอแมเจา
  144. 144. ขดเกลาและฝกซอม ขัดเกลาและฝกซอม• เทคนิคการครองเวที• ทาใหมนดูเปนเรองงาย ทําใหมันดเปนเรื่องงาย• แตงกายใหเหมาะสม• โยนสคริปตทิ้งไป• สนุก สนก

×