บทที่8 เลือกใช้สีสําหรับเว็บไซต
สีสันในเว็บเพจเป็นสิ่งที สําคัญมากในการดึงดูดความสนใจของผู้ใช้ ช่วยในการสือความหมายของเนื้อหา เนืองจากสิ่งแรกทีใช้มองเห็นจากเว็บก็คือสีซึ่งเป็นสิ่งกําหนดบรรยากาศและความรุ้สึกโดยของเว็บไซต เเต่ารใช้สีพื้นใกล้เคียงกับสีตัวอักษร บางครั้งอาจสร้างความลําบากในการอ่านอาจสร้างความสับสนให้กับผู้อ่านได้
ประโยชน์ของสีในเว็บไซต์
การผสมสี (Color Mixing)
กราฟฟิกเป็นองค์ประกอบที่สําคัญอย่างหนึ่งของเว็บเพจช่วยสื่อความหมายสร้างความเข้าใจให้กับผู้ใช้รวมทั้งช่วยสร้างความสวยงามให้เว็บไซต์น่าดูยิ่งขึ้น ปัญหาที่มักเกิดกับขึ้นกับการสร้างกราฟฟิกคือ การเลือกใช้รูปแบบกราฟฟิกที่ไม่เหมาะสมกับลักษณะของรูปโดยไม่รู้จักความแตกต่างของรูปแบบกราฟฟิก ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์และมีไฟล์ใหญ่เกินความจําเป็น
ส่วนประกอบของตัวอักษร
รูปเเบบตัวอักษร
สามารถชักนําสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจทีเราต้องการได้ เช่น ข้อมูลใหม่ หรือโปรโมชั่นพิเศษสีช่วยเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน สีสามารถนําไปใช้ในการแบ่งบริเวณต่างๆ ออกจากกัน สามารถสร้างอารมณ์โดยรวมของเว็บเพจ ยังช่วยสร้างระเบียบให้กับข้อความต่าง ๆ เช่น ใช้สีแยกระหว่างหัวเรื่องกับเนื้อเรื่อง และสามารถส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆ
1.การผสมสีแบบวก (Additive mixing) จะเป็นรูปแบบการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ จะนําไปใช้ในสื่อใดๆ ที่ใช้แสงส่องออกมาเช่น จอโปรเจคเตอร์ ทีวี หรือจอมอนิเตอร
2.การผสมแบบลบ (Subtractive mixing) การผสมสีแบบนี้ไม่เกี่ยวข้องกับแสงแต่เกี่ยวเนื่องกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ จะนําไปใช้ในสื่อที่เกี่ยวข้องกับการใช้วัตถุมีสี เช่น ภาพวาดของศิลปิน รูปปั้น หรือ สิ่งพิมพ์ต่างๆ
บทที่9 ออกแบบกราฟฟิกสําหรับเว็บไซต
GIF ย่อมาจาก Graphic Interchange Format ได้รับความนิยมในยุคแรก มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทําให้มีสีมากสุด 256สี มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาะสําหรับกราฟฟิกที่ประกอบด้วยสีพื้น
JPG ย่อมาจาก Joint Photographic Experts Group มีข้อมูลสีขนาด 24 บิต (True Color) สามารถแสดงสีได้ถึง 16.7ล้านสีใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย (lossy) ไฟล์ประเภทนี้ควรนําไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด
JPNG ย่อมาจาก Portable Network Graphic เป็นรูปแบบไฟล์ภาพที่ถูกคิดค้นเพื่อมาแทนที่ GIF ที่มีปัญหาเรื่องลิขสิทธิ ซึ่งคุณสมบัติของ PNG นั้นจะคล้ายกับ GIF สามารถสนับสนุนระบบสีได้ทั้ง 8 บิต และ 24 บิต มีระบบการบีบอัดแบบ Deflate ที่ไม่ทําให้เกิดการสูญเสีย (lossless)
PNG ย่อมาจาก Portable Network Graphic มีระบบการควบคุมค่าแกมม่า (Gamma) และความโปร่งใส(Transparency) ในตัวเองไม่สามารถทํา Animation ทําพื้นหลังให้เป็น Transparent ได้ดีกว่า GIF รูปแบบไฟล์แบบPNG นั้นสามารถที่จะบีบอัดไฟล์ให้มีขนาดเล็กกว่า GIF ประมาณ 10-30%
คําแนะนําในการเลือกใช้ชนิดของไฟล์ภาพ
ภาพถ่าย : JPEG ดีที่สุด โลโก้, พื้นหลังเว็บ, รูปส่วนต่างๆของเว็บ (ปุ่ม ไอคอน) : GIF และ PNG-8 ดีที่สุด รูปที่เอฟเฟ็คอย่าง Drop Shadow, Glow หรือรูปที่มี Transparent : PNG-24 ดีที่สุด
บทที่10 จัดรูปแบบตัวอักษรสำหรับเว็บไซต์
descender:ส่วนล่างของตัวอักษรพิมพ์เล็กที่ตำ่กว่าเส้น baseline
baseline:เส้นสมมติที่ตัวอักษรส่วนใหญตั้งอยู่
cap height:ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่
x-height:ความสูงของตัวอักษร x ในเเบบพิมพ์เล็ก ซึ่งมักใช้อ้างถึงความสูงของตัวอักษรที่ไม่รวม ascender และ descender
ตัวอักษรที่มีขนาดสัมพันกับรูปร่างหรือตัวอักษรที่มีขนาดไม่คงที่
ตัวอักษรที่มีขนาดคงที่ จะเป็นตัวอักษรที่ตามเเนวนอนเท่กันหมด ซึ่งเป็นรูปแบบที่เรียบง่ายและมีลักษณะคล้ายตัวพิมพ์ดีด
ไม่มีความคิดเห็น:
แสดงความคิดเห็น