การเลือกใช้สีสำหรับเว็บไซต์
การออกแบบกราฟิกสำหรับเว็บไซต์ สีสันในเว็บเพจเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสี ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกโดยของของเว็บไซต์ เราสามารถใช้สีได้กับทุกองค์ประกอบของเว็บเพจ ตั้งแต่ รูปภาพ ตัวอักษร สีพื้นหลัง การใช้สีที่เหมาะสมจะช่วยในการสื่อความหมายของเนื้อหา
การใช้สีพื้นใกล้เคียงกับสีตัวอักษร บางครั้งอาจสร้างความลำบากในการอ่าน
การใช้สีที่มากเกินความจำเป็นอาจสร้างความสับสนให้กับผู้อ่านได
การใช้สีที่กลมกลืนกันช่วยให้เว็บไซต์น่าดูชม
ประโยชน์ของสีในเว็บไซต์
สามารถชักสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจที่เราต้องการได้ เช่น ข้อมูลใหม่ หรือโปรโมชั่น
ความรู้เบื้องต้นเกี่ยวกับสี
แม่สีขั้นต้น (Primary color)
กราฟิกเป็นองค์ประกอบที่สำคัญอย่างหนึ่งของเว็บเพจ ช่วยสื่อความหมายสร้างความเข้าใจให้กับผู้ใช้ รวมทั้งช่วยสร้างความสวยงามให้เว็บไซต์น่าดูชมยิ่งขึ้นปัญหาที่มักพบกับกราฟิกคือ การเลือกใช้กราฟิกที่ไม่เหมาะสมกับลักษณะของรูป โดยไม่รู้จักความแตกต่างของรูปกราฟิก ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์และมีไฟล์รูปใหญ่เกินความจำเป็นรูปแบบของกราฟิก1.GIFย่อมาจาก Graphic Interchange Format- ได้รับความนิยมในยุคแรก- มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้มีสีมากสุด 256 สี- มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาะสำหรับกราฟิกที่ประกอบด้วยสีพื้นกราฟิกรูปแบบ GIF- ไฟล์นามสกุลเป็น .gif- ลักษณะเด่น คือการขึ้นกับระบบปฎิบัติการใดๆ- สามารถใช้เบราเซอร์ทุกชนิด โดยไม่คำนึงถึงเวอร์ชั่นใดๆ- มีคุณสมบัติในการเคลื่อนไหว2.JPGย่อมาจาก Joint Photographic Expert Group- มีข้อมูลสีขนาด 24 บิต สามารถแสดงสีได้ถึง 16.7 ล้านสี- ใช้ระบบการบีบอัดที่มีลักษณะสูญเสีย(lossy)- ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟิกที่มีการไล่สีอย่างละเอียดกราฟิกรูปแบบ JPEG- มีนามสกุลเป็น .jpg หรือ .jpeg- ไม่ยึดติดกับระบบปฎิบัติการใดๆและสามาถใช้เบราเซอร์ทั้ง Netscape และ IE version 2 เป็นต้นไป3.PNGย่อมาจาก Portable Network
Graphic- สามารถสนับสนุนระบบสีได้ถึง 8 บิต 16 บิต และ 24 บิต- มีระบบการบีบอัดแบบ Deflate ที่ไม่ทำให้เกิดการสูญเสีย- มีระบบการควบคุมค่าแกมม่า(Gamma) และความโปร่งใส(Transparency)ในตัวเอง
การเลือกใช้สีสำหรับเว็บไซต์
การออกแบบกราฟิกสำหรับเว็บไซต์ สีสันในเว็บเพจเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสี ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกโดยของของเว็บไซต์ เราสามารถใช้สีได้กับทุกองค์ประกอบของเว็บเพจ ตั้งแต่ รูปภาพ ตัวอักษร สีพื้นหลัง การใช้สีที่เหมาะสมจะช่วยในการสื่อความหมายของเนื้อหา
การใช้สีพื้นใกล้เคียงกับสีตัวอักษร บางครั้งอาจสร้างความลำบากในการอ่าน
การใช้สีที่มากเกินความจำเป็นอาจสร้างความสับสนให้กับผู้อ่านได
การใช้สีพื้นใกล้เคียงกับสีตัวอักษร บางครั้งอาจสร้างความลำบากในการอ่านการใช้สีที่มากเกินความจำเป็นอาจสร้างความสับสนให้กับผู้อ่านไดการใช้สีที่กลมกลืนกันช่วยให้เว็บไซต์น่าดูชมประโยชน์ของสีในเว็บไซต์สามารถชักสายตาผู้อ่านให้ไปยังทุกบริเวณในหน้าเว็บเพจที่เราต้องการได้ เช่น ข้อมูลใหม่ หรือโปรโมชั่นสีช่วยเชื่อมโยงบริกเวณที่ได้รับการออกแบบเข้าด้วยกันสีสามารถนำไปใช้ในการแบ่งบริเวณต่าง ๆ ออกจากันสีสามารถใช้ในการดึงดูดความสนใจของผู้อ่านสีสามารถสร้างอารมณ์โดยรวมของเว็บเพจช่วยสร้างระเบียบให้กับข้อความต่างๆ เช่น ใช้สีแยกระหว่างหัวเรื่องกับเนื้อเรื่องสามารถส่งเสริมเอกลักษณ์ขององค์กรหรือหน่วยงานนั้นๆ
ความรู้เบื้องต้นเกี่ยวกับสี
แม่สีขั้นต้น (Primary color)-สีแดง-สีเหลือง-สีน้ำเงินแม่สีขั้นที่ 2แม่สีขั้นที่ 3แม่สีขั้นที่ 4
กราฟิกเป็นองค์ประกอบที่สำคัญอย่างหนึ่งของเว็บเพจ ช่วยสื่อความหมายสร้างความเข้าใจให้กับผู้ใช้ รวมทั้งช่วยสร้างความสวยงามให้เว็บไซต์น่าดูชมยิ่งขึ้นปัญหาที่มักพบกับกราฟิกคือ การเลือกใช้กราฟิกที่ไม่เหมาะสมกับลักษณะของรูป โดยไม่รู้จักความแตกต่างของรูปกราฟิก ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์และมีไฟล์รูปใหญ่เกินความจำเป็นรูปแบบของกราฟิก1.GIFย่อมาจาก Graphic Interchange Format- ได้รับความนิยมในยุคแรก- มีระบบสีแบบ Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้มีสีมากสุด 256 สี- มีการบีบอัดข้อมูลตามแนวของพิกเซล เหมาะสำหรับกราฟิกที่ประกอบด้วยสีพื้นกราฟิกรูปแบบ GIF- ไฟล์นามสกุลเป็น .gif- ลักษณะเด่น คือการขึ้นกับระบบปฎิบัติการใดๆ- สามารถใช้เบราเซอร์ทุกชนิด โดยไม่คำนึงถึงเวอร์ชั่นใดๆ- มีคุณสมบัติในการเคลื่อนไหว2.JPGย่อมาจาก Joint Photographic Expert Group- มีข้อมูลสีขนาด 24 บิต สามารถแสดงสีได้ถึง 16.7 ล้านสี- ใช้ระบบการบีบอัดที่มีลักษณะสูญเสีย(lossy)- ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟิกที่มีการไล่สีอย่างละเอียดกราฟิกรูปแบบ JPEG- มีนามสกุลเป็น .jpg หรือ .jpeg- ไม่ยึดติดกับระบบปฎิบัติการใดๆและสามาถใช้เบราเซอร์ทั้ง Netscape และ IE version 2 เป็นต้นไป3.PNGย่อมาจาก Portable Network
Graphic- สามารถสนับสนุนระบบสีได้ถึง 8 บิต 16 บิต และ 24 บิต- มีระบบการบีบอัดแบบ Deflate ที่ไม่ทำให้เกิดการสูญเสีย- มีระบบการควบคุมค่าแกมม่า(Gamma) และความโปร่งใส(Transparency)ในตัวเอง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น