การออกแบบกราฟฟิกสำหรับเว็บไซต์
รูปแบบกราฟฟิกที่สำหรับเว็บไชต์ GIF , JPG และ PNG
1. GIF ( Graphics Interchange Format )
- ได้รับความนิยมสูงในยุคแรก
- มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้ทีสีมากสุด 256 สี
- มีการบีบอัดข้อมูลแบบพิกเซล เหมาะกับกราฟฟิกที่ประกอบดัวยสีพื้น
2. JPG ( Joint Photograhic Experts Group )
- มีข้อมูลสี 24 บิต สามารถแสดงแสงสีได้ 16.7 ล้านสี
- ใช้ระบบที่มีการบีบอัดที่มีลักษณะที่สูญเสีย ( Lossy )
- ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
3. PNG ( Portable Network Graphic )
- สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต และ 24 บิต
- มีการบีบอัดแบบ Deflate ที่ทำให้ไม่เกิดการสูญเสีย ( Lossless )
- มีระบบการควบคุมค่าแกมม่า ( Gamma ) และ ความโปร่งใส ( Transparency ) ในตัวเอง
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. ดูแลและพัฒนาต่อเนื่อง
ศัพท์เทคนิคที่สำคัญ
1. GIF ( Graphics Interchange Format )
- ได้รับความนิยมสูงในยุคแรก
- มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้ทีสีมากสุด 256 สี
- มีการบีบอัดข้อมูลแบบพิกเซล เหมาะกับกราฟฟิกที่ประกอบดัวยสีพื้น
2. JPG ( Joint Photograhic Experts Group )
- มีข้อมูลสี 24 บิต สามารถแสดงแสงสีได้ 16.7 ล้านสี
- ใช้ระบบที่มีการบีบอัดที่มีลักษณะที่สูญเสีย ( Lossy )
- ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
3. PNG ( Portable Network Graphic )
- สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต 16 บิต และ 24 บิต
- มีการบีบอัดแบบ Deflate ที่ทำให้ไม่เกิดการสูญเสีย ( Lossless )
- มีระบบการควบคุมค่าแกมม่า ( Gamma ) และ ความโปร่งใส ( Transparency ) ในตัวเอง
กระบวนการพัฒนาเว็บไซต์
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. ดูแลและพัฒนาต่อเนื่อง
ศัพท์เทคนิคที่สำคัญ
Web Page คือ เอกสารที่เราเปิดดูในเว็บ ส่วนใหญ่สร้างมาจากภาษา Html
Web Site คือ ชื่อเครื่องคอมพิวเตอร์ที่เก็บเว็บเพจ เมื่อเราต้องการดูข้อมูลเว็บเพจ เราต้องใช้โปแกรม Web Browser เป็นเครื่องมือ
Home Page คือ เว็บไชต์จะประกอบดัวยเว็บเพจหลายๆหน้า แต่ต้องมีการกำหนดว่าหน้าไหนเป็นหน้าแรก เว็บเพจที่เป็นหน้าแรกจะเรียก Home Page
Web Browser คือโปแกรมที่เปิดประตูสู่ WWW. มีให้เลือกหน้าตัวเช่น Internet Explorer , Firefox เป็นต้น
Link คือ คุณสมบัติที่ทำให้ที่เชื่อมโยงไปในที่ต่างที่ link เชื่อมโยงไป
ไม่มีความคิดเห็น:
แสดงความคิดเห็น