การพัฒนาเว็บไซต์
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. ดูแลและพัฒนาต่อเนื่อง
การเลือกสีที่ใช้ในเว็บไซต์
สีมีคุณสมบัติที่เด่น คือ มีความหมายในตัวเองซึ่งความหมายเหล่านี้ใช้การอ้างอิงจากประสบการณ์ในการเห้นสีสันของสิ่งของต่างๆ เช่น สีเงิน จากอะลูมิเนียม เป็นต้น ความหมายของสีบางสีไม่ใช่มีหลักตายตัว สามารถเปลี่ยนแปลงได้ตามกาลเวลา แต่เราก็ควรที่จะรู้ความหมายของสีหลักๆซึ่งเป็นความหมายที่คนทั่วไปเข้าใจกัน เพื่อประโยชน์ในการออกแบบ ภาพกราฟิกต่างๆ ให้สื่อความหมายได้ในระดับหนึ่ง
จะนำไปใช้ในสื่อใดๆที่ใช้แสงส่องออกมา เช่น จอโปรเจคเตอร์ ทีวี
การผสมสี (Color Mixing) มี 2 แบบ
- การผสมแบบบวก (Additive mixing)
จะนำไปใช้ในสื่อใดๆที่ใช้แสงส่องออกมา เช่น จอโปรเจคเตอร์ ทีวี
การผสมแบบลบ (Subtractive mixing)
การผสมสีแบบนี้ไม่เกี่ยวข้องกับแสง แต่เกียวเนื่องกับการดูดกลืนและสะท้อนแสงของวัตถุ จะนำไปใช้วัตถุมีสี เช่น ภาพวาดของศิลปิน รูปปั้น หรือ สิ่งพิมพ์ต่างๆ
วงล้อสี (Color Wheel)
เป็นรูปแบบหนึ่งในการจัดเรียงสีทั้งหมดไว้ในวงกลม และเป็นการจัดลำดับเฉดสีอย่างมีเหตุผลและง่ายต่อการนำไปใช้
สีกับอารมณ์ ความรู้สึก เเละความสัมพันธ์กับสิ่งต่างๆ
สีเเดง เเสดงถึง พลัง อำนาจความโมโห ความก้าวร้าว
สีน้ำเงิน เเสดงถึง ความซื่อสัตย์ ความมั่นคง ปลอดภัย
สีเขียว เเสดงถึง ธรรมชาต สุขภาพ ความยินดี
สีเหลือง เเสดงถึง ความสดใส ร่าเริง การมองโลกในเเง่ดี ความหวัง ความอบอุ่น
สีม่วง แสดงถึง ความสูงส่ง ความสร้างสรรค์ ความรอบรู้ ความแปลกใหม่
สีส้ม เเสดงถึง กำลังความสามารถ ความเข้มเเข็ง กระตือรือร้น
สีน้าตาล เเสดงถึง ความเรียบง่าย ความสะดวกสบาย ความมั่นคง เชื่อถือได้
สีเทา แสดงถึง ความสุภาพ ความเป็นไปได้ ความมั่นคง
สีขาว เเสดงถึง ความบริสุทธฺ์ ความไร้เดียงสา ความรัก ความฉลาด
สีดำ แสดงถึง อำนาจ ความฉลาด ความเป็นเลิศ ความสุขม รอบคอบ
การออกแบบกราฟฟิก
กราฟฟิกเป็นองค์ประกอบหนึ่งที่สำคัญของเว็บ ช่วยสื่อความหมายสร้างความเข้าใจให้กับผู้ใช้และยังช่วยสร้างความสวยงามน่าชมมากยิ่งขึ้น
กราฟฟิกรูปแบบหลักมี 2 ประเภท คือ
1.GIF ย่อมาจาก Graphic Interchange Format มีระบบแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิตทำให้มีสีมากสุด 256 สี เหมาะสำหรับกราฟฟิกที่ประกอบด้วยสีพื้น หรือ Background
2.JPG ย่อมาจาก Joint Photographic Experts Group มีข้อมูลสีขนาด 24 บิต สามารถแสดงสีได้ถึง 16.7 ล้านสี การบีบอัดที่มีลักษณะสูญเสีย เหมาะสำหรับกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
ปัญหา ที่มักเกิดขึ้นกับการสร้างกราฟฟิก คือ การเลือกภาพที่ใช้รูปแบบกราฟฟิกที่ไม่เหมาะสมกับลักษณะของรูป ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์ และมีไฟล์ใหญ่เกินกว่าความจำเป็น
แนะนำ กราฟฟิกอีกประเภทหนึ่ง คือ PNG ย่อมาจาก Portable Network Graphic สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต และ 24 บิต มีระบบการบีบอัดแบบที่ไม่ทำให้เกิดการสูญเสีย และยังควบคุมค่าแกมม่า และความโปร่งใสในตัวเอง
กราฟฟิกรูปแบบหลักมี 2 ประเภท คือ
1.GIF ย่อมาจาก Graphic Interchange Format มีระบบแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิตทำให้มีสีมากสุด 256 สี เหมาะสำหรับกราฟฟิกที่ประกอบด้วยสีพื้น หรือ Background
2.JPG ย่อมาจาก Joint Photographic Experts Group มีข้อมูลสีขนาด 24 บิต สามารถแสดงสีได้ถึง 16.7 ล้านสี การบีบอัดที่มีลักษณะสูญเสีย เหมาะสำหรับกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
ปัญหา ที่มักเกิดขึ้นกับการสร้างกราฟฟิก คือ การเลือกภาพที่ใช้รูปแบบกราฟฟิกที่ไม่เหมาะสมกับลักษณะของรูป ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์ และมีไฟล์ใหญ่เกินกว่าความจำเป็น
แนะนำ กราฟฟิกอีกประเภทหนึ่ง คือ PNG ย่อมาจาก Portable Network Graphic สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต และ 24 บิต มีระบบการบีบอัดแบบที่ไม่ทำให้เกิดการสูญเสีย และยังควบคุมค่าแกมม่า และความโปร่งใสในตัวเอง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น