Popular Post

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

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

-ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บ
  1. เบราเซอร์ที่ใช้ ผู้ใช้แต่ละคนมีการใช้เบราเซอร์ที่แตกต่างกันที่มีให้ใช้งานอยู่มากหลาย
  2. ระบบปฏิบัติการของคอมพิวเตอร์ ระบบปฏิบัติการที่แตกต่างกันจะให้การแสดงผลเว็บที่ต่างกัน
  3. ความละเอียดของหน้าจอ ผู้ใช้แต่ละรายจะมีความละเอียดของหน้าจอและขนาดจอไม่เท่ากัน
  4. จำนวนจอสีที่ผู้ใช้สามารถแสดงได้ คุณภาพของจอที่สามารถแสดงสีแต่งต่างกัน
  5. ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้ บางครั้งหากเราใช้ฟอรนพิเศษเครื่องผู้ใช้อาจไม่มี
  6. ความเร็วในการเชื่อมต่ออินเตอร์เน็ต มีผลต่อการโหลดหน้าเว็บ
  7. ขนาดของหน้าต่างเบราเซอร์ แต่ละเบราเซอร์จะมีความกว้างไม่เท่ากัน
  8. ความสว่างและความต่างของโทนสี หน้าจอแต่ละแบบจะให้ความสว่างและโทนสีไม่เท่ากันอาจทำให้การแสดงผิดเพี้ยน


บทที่ 8

เลือกใช้สีสำหรับเว็บไซต์
การเลือกใช้สีสันในเว็บเพจเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสี ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกของเว็บไซต์
-ประโยชน์ของสีในเว็บไซต์
    สามารถชักนำสายตาอ่านในไปยังข้อมูลได้
    สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน
    สามารถแยกส่วนต่างๆออกจากกันได้ง่าย
    สามารถดึงดูดความสนใจของผู้อ่าน
    ช่วยสร้างระเบียบให้คับข้อความต่างๆ
-แม่สีขึ้นต้นมี 3 สี
สีแดง
สีเหลือง
สีน้ำเงิน
-การผสมสี 
มี2 แบบ
  การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของสีวัตถุที่อยู่บนกระดาษ 
  การผสมแบบลบ   เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและการสะท้อนของวัตถุ
-วงล้อสี
  เป็นการจัดวางเฉดสีให้เป็นวงล้อง่ายต่อการนำไปใช้
  แบ่งเป็น2แบบ คือ
วงล้อแบบบวก
วงล้อแบบลบ
รูปแบบชุดสีสามารถจัดเป็นกลุ่มดังนี้
   1.ชุดสีร้อนประกอบไปด้วยสีม่วงแกมแดง แดงแกมม่วง แดง ส้ม เหลือง และเขียวอมเหลือ
    2.ชุดสีเย็น ประกอบด้วยสีม่วง น้ำเงิน น้ำเงินอ่อน ฟ้า น้ำเงินแกมเขียว และสีเขียว 
    3.ชุดสีแบบเดียว เป็นรูปแบบชุดสีที่ง่ายที่สุด คือมีค่าของสีบริสุทธิ์เพียงสีเดียว แต่งเพิ่มความหลากหลายโดยการเพื่มความเข็มอ่อนในระดับต่างๆ
    4.ชุดสีแบบสามเส้า เป็นชุดสีที่อยู่มีมุมของสามเหลื่ยมด่านเท่าทั้งสาม ซ้นเป็นสีที่มีระยะห่างในวงล้อสีเท่ากัน
    5.ชุดสีที่คล้ายคลึงกัน ประกอบด้วยสี 2 หรือ 3สีที่อยู่ติดกันในวงล้อ สามารถเพิ่มเป็น 4 หรือ5 สีก็ได้ แต่อาจส่งผลให้ขอบเขตของสีกว้างไป
    6.ชุดสีตรงข้าม คือสีคุ่ที่อยู่ตรงข้ามกันในว้อล้อ เมื่อนำสีทั้งสองมาใช้คู่กันจะทำให้สีทั้งสองมีความสว่างสดใส
    7.ชุดสีตรงข้ามข้างเคียง เป็นชุดสีที่เปลี่ยนแปลงมาจากชุดสีตรงข้าม ชุดสีแบบนี้มความสดใส สะดุดตา และเข้ากันของสีลดลงด้วย
    8.ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน ดัดแปลงมาจากชุดสีตรงข้างเช่นกัน แต่สีตรงข้างทั้ง 2 สีถูกแบ่งแยกเป็นสีด้านข้างทั้ง 2 ด้าน
      จะมีความสดใส แต่ความกลมกลืนของสีลดลง

Leave a Reply

Subscribe to Posts | Subscribe to Comments

- Copyright © EvilMan - DatA Evilman - Powered by Blogger - Designed by Johanes Djogan -