การออกแบบหน้าเว็บ Page Design
การออกแบบหน้าเว็บ หน้าเว็บหน้าแรกเป็นส่วนสำคัญมาก
เพราะมีหน้าที่เป็นสื่อกลางเข้าถึงข้อมูลของเว็บ
หลักสำคัญในการออกแบบหน้าเว็บ คือ การใช้รูปภาพและองค์ประกอบต่างๆ ร่วมกันสื่อความหมาย เกี่ยวกับเนื้อหาลักษณะสำคัญให้หน้าสนใจ
หลักการออกแบบหน้าเว็บ
1. สร้างลำดับความสำคัญขององค์ประกอบ
2. สร้างรูปแบบ บุคลิก และสไตล์
3. สร้างความสม่ำเสมอตลอดทั่วทั้งเว็บ
4. จัดวางองค์ประกอบที่สำคัญไว้ส่วนบนของหน้าเว็บ
5. สร้างจุดสนใจด้วยความแตกต่าง
6. จัดแต่งเว็บให้เป็นระเบียบเรียบง่าย
7. ใช้กราฟฟิกอย่างเหมาะสม
เลือกใช้สีสำหรับเว็บไซต์
สีสันเป็นสิ่งสำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากเป็นสิ่งแรกที่ผู้ใช้มองเห็น
- การใช้สีพื้นใกล้เคียงกับตัวอักษร บางครั้งลำบากในการอ่าน
- การใช้สีมากเกินอาจสร้างความสับสนให้ผู้อ่านได้
- การใช้สีที่กลมกลืน ช่วยให้น่าดูมากยิ่งขึ้นประโยชน์ของสีในเว็บไซต์
- ชักนำสายตาทุกบริเวณในหน้าเว็บ
- เชื่อมโยงบริเวณที่ไดรับการออกแบบเข้าด้วยกัน
- แบ่งบริเวณต่างๆออกจากกัน
- ดึงดูดความสนใจของผู้อ่าน
- สร้างอารมณ์โดยรวมของเว็บ
- สร้างระเบียบ
- ส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆ
การผสมสี มี 2 แบบ
- การผสมแบบบวก เป็นรูปแบบการผสมของแสงไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ
- การผสมแบบลบ ไม่เกี่ยวข้องกับแสงแต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของ
วัตถุต่างๆ
รูปแบบชุดสีพื้นฐาน (Simple Color Schemes)
- ชุดสีร้อน
- ชุดสีเเบบเดียว
- ชุดสีที่คล้ายคลึงกัน
- ชุดสีตรงข้ามเคียง
- ชุดสีตรงข้ามข้างเคียงทั้ง 2 ด้าน
- ชุดสีเย็น
- ชุดสีเเบบสามเส้า
- ชุดสีตรงข้าม
ออกแบบกราฟฟิกสำหรับเว็บไซต์ (Designing Web Graphics)
รูปแบบกราฟฟิกสำหรับเว็บ
กราฟฟิกประเภท GIF
กราฟฟิกประเภท JPEG
กราฟฟิกประเภท PNG
การวัดขนาดและความละเอียดของรูปภาพ
ระบบการวัดขนาดรูปภาพ หน่วยในการวัดขนาดของรูปภาพในเว็บมีหน่วยเป็นพิกเซล (Pixel) เนื่องจากความละเอียดหน้าจอมีหน่วยเป็นพิกเซล ซึ่งเมื่อมีการแสดงรูปภาพบนหน้าจอ จะจับคู่ กันแบบหนึ่งต่อหนึ่งกับพิกเซลของรูปภาพ ดังนั้น ในการออกแบบรูปภาพ และกราฟฟิกต่าง ๆ
จึงควรใช้ขนาดเป็นพิกเซลเสมอระบบการวัดความละเอียดของรูปภาพการวัดความละเอียดของ รูปภาพมีหน่วยเป็น Pixels Per Inch (PPI) แต่ก็มีระบบการวัดอีกระบบหนึ่ง คือ Dot Per Inch (DPI)
ที่ใช้กับความละเอียดของรูปภาพที่พิมพ์ออกมา ซึ่งทั้ง 2 หน่วยสามารถใช้แทนกันได้ความละเอียด ของรูปภาพ ส่วนใหญ่แล้วความละเอียดของรูปภาพควรจะมีแค่ 72 PPI เนื่องจากว่าความละเอียด
ของหน้าจอคอมพิวเตอร์มีความละเอียดต่ำ ดังนั้น ไม่ว่ารูปจะมีความละเอียดสูงมากเท่าใดไม่สามารถ มองเห็นความแตกต่างได้
กราฟฟิกรูปแบบ GIF
ระบบสีแบบอินเด็กซ์ 8 บิต
ระบบการบีบอัดข้อมูลของ GIF
เมื่อไหร่ถึงจะใช้ GIF
คุณสมบัติ Interlacing
ลักษณะโปร่งใส
กราฟฟิกรูปแบบ JPEG
ระบบสีขนาด 24 บิต
ระบบการบีบอัดข้อมูลของ JPEG
การขยายข้อมูลของ JPEG
การสูญเสียคุณภาพ
เมื่อไหร่ถึงจะใช้ JPEG
การลดขนาดไฟล์ JPEG
การออกแบบเว็บไซต์ให้น่าสนใจต้องพิจารณา 3 ประการ คือ
1. ออกแบบเว็บไซต์ที่เน้นเนื้อหา
เว็บไซต์บางประเภทจะเน้นเนื้อหา หรือข้อความเป็นหลัก ภายในเว็บไซต์จะประกอบไปด้วย ตัวหนังสือ มีภาพประกอบบ้างแต่ไม่มาก เช่น เอ็นไซโคพีเดีย ดิกชันนารี ฯลฯ
2. ออกแบบเว็บไซต์ที่เน้นภาพกราฟิก
3. ออกแบบเว็บไซต์ที่เน้นทั้งภาพและเนื้อหา
ไม่มีความคิดเห็น:
แสดงความคิดเห็น