- Back to Home »
- Lecture
Posted by :
The Evilman
September 26, 2013
บทที่ 2
การพัฒนาเว็บไซต์
จัดระบบโครงสร้างข้อมูล(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. ดูแลและพัฒนาต่อเนื่อง
บทที่ 7
การออกแบบเว็บไซส์ให้เข้ากับสภาพแวดล้อม
ผู้ใช้แต่ละคนมีสภาพแวดล้อมทางเทคนิคที่แตกต่างกันไป ตั้งแต่ระบบปฏิบัติการ เบราเซอร์ที่ใช้ และความสามารถของหน้าจอหรืออินเตอร์เน็ตและอื่นๆอีกมากมาย เราจึงควรคำนึงถึงการออกแบบว่าจะออกแบบอย่างไรให้เข้ากับสภาพแวดล้อมของผู้ใช้ทุกคน
-ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บ
- เบราเซอร์ที่ใช้ ผู้ใช้แต่ละคนมีการใช้เบราเซอร์ที่แตกต่างกันที่มีให้ใช้งานอยู่มากหลาย
- ระบบปฏิบัติการของคอมพิวเตอร์ ระบบปฏิบัติการที่แตกต่างกันจะให้การแสดงผลเว็บที่ต่างกัน
- ความละเอียดของหน้าจอ ผู้ใช้แต่ละรายจะมีความละเอียดของหน้าจอและขนาดจอไม่เท่ากัน
- จำนวนจอสีที่ผู้ใช้สามารถแสดงได้ คุณภาพของจอที่สามารถแสดงสีแต่งต่างกัน
- ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้ บางครั้งหากเราใช้ฟอรนพิเศษเครื่องผู้ใช้อาจไม่มี
- ความเร็วในการเชื่อมต่ออินเตอร์เน็ต มีผลต่อการโหลดหน้าเว็บ
- ขนาดของหน้าต่างเบราเซอร์ แต่ละเบราเซอร์จะมีความกว้างไม่เท่ากัน
- ความสว่างและความต่างของโทนสี หน้าจอแต่ละแบบจะให้ความสว่างและโทนสีไม่เท่ากันอาจทำให้การแสดงผิดเพี้ยน
บทที่ 8
เลือกใช้สีสำหรับเว็บไซต์
-ประโยชน์ของสีในเว็บไซต์
สามารถชักนำสายตาอ่านในไปยังข้อมูลได้
สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน
สามารถแยกส่วนต่างๆออกจากกันได้ง่าย
สามารถดึงดูดความสนใจของผู้อ่าน
ช่วยสร้างระเบียบให้คับข้อความต่างๆ
-แม่สีขึ้นต้นมี 3 สี
สีแดง
สีเหลือง
สีน้ำเงิน
-การผสมสี
มี2 แบบ
การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของสีวัตถุที่อยู่บนกระดาษ
การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและการสะท้อนของวัตถุ
-วงล้อสี
เป็นการจัดวางเฉดสีให้เป็นวงล้อง่ายต่อการนำไปใช้
แบ่งเป็น2แบบ คือ
วงล้อแบบบวก
วงล้อแบบลบ
รูปแบบชุดสีสามารถจัดเป็นกลุ่มดังนี้
1.ชุดสีร้อนประกอบไปด้วยสีม่วงแกมแดง แดงแกมม่วง แดง ส้ม เหลือง และเขียวอมเหลือ
2.ชุดสีเย็น ประกอบด้วยสีม่วง น้ำเงิน น้ำเงินอ่อน ฟ้า น้ำเงินแกมเขียว และสีเขียว
3.ชุดสีแบบเดียว เป็นรูปแบบชุดสีที่ง่ายที่สุด คือมีค่าของสีบริสุทธิ์เพียงสีเดียว แต่งเพิ่มความหลากหลายโดยการเพื่มความเข็มอ่อนในระดับต่างๆ
4.ชุดสีแบบสามเส้า เป็นชุดสีที่อยู่มีมุมของสามเหลื่ยมด่านเท่าทั้งสาม ซ้นเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน
5.ชุดสีที่คล้ายคลึงกัน ประกอบด้วยสี 2 หรือ 3สีที่อยู่ติดกันในวงล้อ สามารถเพิ่มเป็น 4 หรือ5 สีก็ได้ แต่อาจส่งผลให้ขอบเขตของสีกว้างไป
6.ชุดสีตรงข้าม คือสีคุ่ที่อยู่ตรงข้ามกันในว้อล้อ เมื่อนำสีทั้งสองมาใช้คู่กันจะทำให้สีทั้งสองมีความสว่างสดใส
7.ชุดสีตรงข้ามข้างเคียง เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม ชุดสีแบบนี้มความสดใส สะดุดตา และเข้ากันของสีลดลงด้วย
8.ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน ดัดแปลงมาจากชุดสีตรงข้างเช่นกัน แต่สีตรงข้างทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง 2 ด้าน
จะมีความสดใส แต่ความกลมกลืนของสีลดลง