Lecture

                        จิตวิทยาเกี่ยวกับสี

      สีนั้นมีความสำคัญอย่างยิ่งในการออกแบบเว็บไซต์ การเลือกสีให้เข้ากับเนื้อหาของเว็บไซต์ จะทำให้เว็บไซต์มีความน่าเชื่อถือยิ่งขึ้น และยังส่งผลอย่างมากกับความสวยงามของเว็บไซต์

            ความรู้สึกที่คนส่วนใหญ่มีต่อสีต่างๆ

 สีฟ้า

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


 สีเขียว

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


 สีเหลือง

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


 สีแดง

    เป็นสีที่สร้างความตื่นเต้น และกระตุ้นสมอง สีแดงปานกลางแสดงถึงความมีสุขภาพดี ความมีชีวิต ความรัก ความสำคัญ ความอุดมสมบูรณ์ ความมั่งคั่ง  สีแดงจัดมีความหมายแฝงด้านกามารมณ์ นอกจากนี้สีแดงยังสร้างความรู้สึกรุนแรง ให้ความรู้สึกร้อน กระตุ้น ท้าทาย เคลื่อนไหว ตื่นเต้น เร้าใจ มีพลัง มันจะใช้กันกรณีที่เกี่ยวกับความตื่นเต้น หรืออันตราย


 สีม่วง

    ให้ความรู้สึก มีเสน่ห์ น่าติดตาม เร้นลับ ซ่อนเร้น มีอำนาจ มีพลังแฝงอยู่ ความรัก ความเศร้า ความผิดหวัง ความสงบ ความสูงศักดิ์  เป็นสีที่ปลอบโยน และช่วยลดความเครียด แต่เดิมสีม่วงได้มาจากสัตว์มีกระดอง,เปลือก ในทะเลเมดิเตอร์เรเนียน มีชื่อว่า Purpura จึงได้ชื่อภาษาอังกฤษว่า Purple


สีส้ม

    ให้ความรู้สึก ร้อน ความอบอุ่น ความสดใส มีชีวิตชีวา วัยรุ่น ความคึกคะนอง การปลดปล่อย ความเปรี้ยว การระวัง  เป็นสีที่เร้าความรู้สึก ปรกติควรใช้แต่น้อยเมื่อเทียบกับสีอื่น สังเกตว่าคนที่อยู่ในห้องสีส้มจะอยู่ได้ไม่นาน


สีน้ำตาล

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


สีเทา

    ให้ความรู้สึก เศร้า อาลัย ท้อแท้ ความลึกลับ ความหดหู่ ความชรา ความสงบ ความเงียบ สุภาพ สุขุม ถ่อมตน  สีนี้มีข้อดีคือทำให้เย็น แต่สร้างความสร้างความรู้สึกหม่นหมองได้ ควรใช้ร่วมกับสีที่มีชีวิต โทนสว่างอย่างน้อยหนึ่งสี


สีขาว

    ให้ความรู้สึก บริสุทธิ์ สะอาด สดใส เบาบาง อ่อนโยน เปิดเผย การเกิด ความรัก ความหวัง ความจริง ความเมตตา ความศรัทธา ความดีงาม

    ให้ความรู้สึกรื่นเริง โดยเฉพาะเมื่อใช้กับสีแดง เหลือง และส้ม


******************************************************************************

การออกแบบเว็บ (Page Design)

                 หลักสำคัญในการออกแบบหน้าเว็บ
                การใช้รูปภาพและองค์ประกอบต่าง ๆ ร่วมกัน เพื่อสื่อความหมายเกี่ยวกับเนื้อหาหรือ
ลักษณะสำคัญของเว็บให้น่าสนใจ บนพื้นฐานของความเรียบง่ายและสะดวกของผู้ใช้
แนวคิดในการออกแบบหน้าเว็บ
- เรียนรู้จากเว็บไซต์ต่างๆ
- ประยุกต์รูปแบบจากสิ่งพิมพ์
- ใช้แบบจำลองเปรียบเทียบ(Metaphor) มี3ประเภท ดังนี้
                1. จำลองแบบการจัดระบบ(Organizational metaphor)
                2. จำลองการใช้งาน(Functional metaphor)
                3. จำลองลักษณะที่มองเห็น(Visual metaphor)          
-ออกแบบอย่างสร้างสรรค์
หลักการออกแบบหน้าเว็บ
          1.             สร้างลำดับชั้นความสำคัญขององค์ประกอบ
          2.             สร้างรูปแบบ บุคลิกและสไตล์
          3.             สร้างความสม่ำเสมอตลอดทั่วทั้งไซต์
          4.             จัดวางองค์ประกอบที่สำคัญไว้ในส่วนบนของหน้าเสมอ
          5.             สร้างจุดสนใจด้วยความแตกต่าง
          6.             จัดแต่งหน้าเว็บให้เป็นระเบียบและเรียบง่าย
          7.             ใช้กราฟฟิกอย่างเหมาะสม
รูปแบบโครงสร้างของหน้าเว็บ แบ่งเป็น 4 รูปแบบ ดังนี้
          1.             โครงสร้างหน้าเว็บในแนวตั้ง
          2.             โครงสร้างหน้าเว็บในแนวนอน
          3.             โครงสร้างหน้าเว็บที่พอดีกับหน้าจอ
          4.             โครงสร้างหน้าเว็บแบบสร้างสรรค์
ส่วนประกอบของหน้าเว็บ
          1.             ส่วนหัว(Page Header)
          2.             ส่วนเนื้อหา(Page Body)
          3.             ส่วนท้าย(Page Footer)

******************************************************************************

บทที่  2

ขั้นตอนการพัฒนาเว็บ

Phase 1 :  สำรวจปัจจัยสำคัญ
  1.รู้จักตนเอง  กำหนดเป้าหมายและสำรวจความพร้อม
  2.เรียนรู้ผู้ใช้-ระบุกลุ่มผู้ใช้และศึกษาวามต้องการ
  3.ศึกษาคู่แข่ง

Phase 2 : พัฒนาเนื้อหา
  4.สร้างกลยุทธ์การออกแบบ
  5.หาข้อสรุปขอบเขตเนื้อหา

Phase 3 : พัฒนาโครงสร้างเว็บไซต์
  6.จัดระบบข้อมูล
  7.จัดทำโครงสร้างข้อมูล
  8.พัฒนาระบบเนวิเกชัน

Phase 4 : ออกแบบและพัฒนาหน้าเว็บ
  9.ออกแบบลักษณะหน้าเว็บ
  10.พัฒนาเว็บต้นแบบและข้อกำหนดสุดท้าย

Phase 5 : พัฒนาและดำเนินการ
  11.ลงมือพัฒนาเว็บ
  12.เปิดเว็บไซต์
  13.ดูแลและพัฒนาต่อเนื่อง

*******************************************************************************************************