Lecture





บทที่ 2

กระบวนการพัฒนาเว็บไซต์

จัดระบบโครงสร้างข้อมูล (Information Architecture)

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


จัดระบบโครงสร้างข้อมูล(Information Architecture)

Phase 1 : สำรวจปัจจัยสำคัญ (Research)

1.รู้จักตัวเอง-กำหนดเป้าหมายและสำรวจความพร้อม

2.เรียนรู้ผู้ใช้-ระบุกลุ่มผู้ใช้และศึกษาความต้องการการ

3.ศึกษาคู่แข่ง-สำรวจการแข่งขันและการเรียนรู้คู่แข่ง

Phase 2 : พัฒนาเนื้อหา(Site Content)

4.สร้างกลยุทธ์การออกแบบ

5.หาข้อสรุปขอบเขตเนื้อหา

Phase 3 : พัฒนาโครงสร้างเว็บไซท์(Site Structure)

6.จัดระบบข้อมูล

7.จัดทำโครงสร้างข้อมูล

8.พัฒนาระบบเนวิเกชัน

Phase 4 : ออกแบบและพัฒนาหน้าเว็บ(Visual Design)

9.ออกแบบลักษณะหน้าตาเว็บ

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

Phase 5 : พัฒนาและดำเนินการ (Production & Operation)

11.ลงมือพัฒนาเว็บ

12.เปิดเว็บไซท์ 

13.ดูแลและพัฒนาต่อเนื่อง



บทที่ 6

ออกแบบหน้าเว็บ Page Desing

การออกแบบหน้าเว็บ

  • หน้าเว็บหน้าแรกเป็นส่วนสำคัญมากเพราะมีหน้าที่เป็นสื่อกลางเข้าถึงข้อมูลของเว็บนั้นๆ

หลักสำคัญในการออกแบบหน้าเว็บ

   คือการใช้รูปถาพและองค์ประกอบต่างๆรวมกันสื่อความหมาย

เกี่ยวกับเนื้อหาลักษณะสำคัญให้หน้าสนใจ

หลักการออกแบบหน้าเว็บ

1.สร้างลำดับความสำคัญขององค์ประกอบ

2.สร้างรูปแบบ บุคลิก และสไตล์

3.สร้างความสม่ำเสมอตลอดทั่วทั้งเว็บ

4.จัดวางองค์ประกอบที่สำคัญไว้ส่วนบนของหน้าเว็บ


5.สร้างจุดสนใจด้วยความแตกต่าง

6.จัดแต่งเว็บให้เป็นระเบียบเรียบง่าย

7.ใช้กราฟฟิกอย่างเหมาะสม



บทที่ 8

เลือกใช้สีสำหรับเว็บไซต์

สีสันเป็นสิ่งสำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากเป็นสิ่งแรกที่ผู้ใช้มองเห็น- การใช้สีพื้นใกล้เคียงกับตัวอักษร บางครั้งลำบากในการอ่าน- การใช้สีมากเกินอาจสร้างความสับสนให้ผู้อ่านได้ - การใช้สีที่กลมกลืน ช่วยให้น่าดูมากยิ่งขึ้นประโยชน์ของสีในเว็บไซต์- ชักนำสายตาทุกบริเวณในหน้าเว็บ- เชื่อมโยงบริเวณที่ไดรับการออกแบบเข้าด้วยกัน- แบ่งบริเวณต่างๆออกจากกัน- ดึงดูดความสนใจของผู้อ่าน- สร้างอารมณ์โดยรวมของเว็บ- สร้างระเบียบ- ส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆการผสมสี มี 2 แบบ- การผสมแบบบวก เป็นรูปแบบการผสมของแสงไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ- การผสมแบบลบ ไม่เกี่ยวข้องกับแสงแต่เกี่ยวกับการดูดกลมและสะท้อนแสงของวัตถุต่างๆรูปแบบชุดสีพื้นฐาน (Simple Color Schemes)
- ชุดสีร้อน
- ชุดสีที่คล้ายคลึงกัน
สีกับอารมณ์ ความรู้สึก เเละความสัมพันธ์กับสิ่งต่างๆ
สีเเดง เเสดงถึง พลัง อำนาจความโมโห ความก้าวร้าว
สีน้ำเงิน เเสดงถึง ความซื่อสัตย์ ความมั่นคง ปลอดภัย
สีเขียว เเสดงถึง ธรรมชาต สุขภาพ ความยินดี
สีเหลือง เเสดงถึง ความสดใส ร่าเริง การมองโลกในเเง่ดี ความหวัง ความอบอุ่น
สีม่วง เเสดงถึง ความสูงส่ง ความสร้างสรรค์ ความรอบรู้ ความแปลกใหม่
สีส้ม เเสดงถึง กำลังความสามารถ ความเข้มเเข็ง กระตือรือร้น
สีน้าตาล เเสดงถึง ความเรียบง่าย ความสะดวกสบาย ความมั่นคง เชื่อถือได้
สีเทา แสดงถึง ความสุภาพ ความเป็นไปได้ ความมั่นคง
สีขาว เเสดงถึง ความบริสุทธฺ์ ความไร้เดียงสา ความรัก ความฉลาด
สีดำ เเสดงถึง อำนาจ ความฉลาด ความเป็นเลิศ ความสุขม รอบคอบ


- ชุดสีเเบบเดียว

- ชุดสีตรงข้ามเคียง-ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน
- ชุดสีเย็น- ชุดสีเเบบสามเส้า

- ชุดสีตรงข้าม

ไม่มีความคิดเห็น:

แสดงความคิดเห็น