การเลือกสีที่ใช้ในเว็บไซต์
สีมีคุณสมบัติที่เด่น คือ มีความหมายในตัวเองซึ่งความหมายเหล่านี้ใช้การอ้างอิงจาประสบการณ์ในการเห้นสีสันของสิ่งของต่างๆ เช่น สีเงิน จากอะลูมิเนียม เป็นต้น ความหมายของสีบางสีไม่ใช่มีหลักตายตัวสามารถเปลี่ยนแปลงได้ตามกาลเวลา แต่เราก็ควรที่จะรู้ความหมายของสีหลักๆซึ่งเป็นความหมายที่คนทั่วไปเข้าใจกัน เพื่อประโยชน์ในการออกแบบ ภาพกราฟิกต่างๆ ให้สื่อความหมายได้ในระดับหนึ่ง
การผสมสี (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 บิต มีระบบการบีบอัดแบบที่ไม่ทำให้เกิดการสูญเสีย และยังควบคุมค่าแกมม่า และความโปร่งใสในตัวเอง
การออกแบบเว็บไซต์ให้เหมาะกับสิ่งแวดล้อม
ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์
1. เบราเชอร์ที่ใช้ คือโปรแกรมที่ใช้เรียกดูเว็บเพจ ซึ่งที่ได้รับความนิยมในปัจจุบันคือ Chrome,Firefox,Opera,IE เป็นต้น
ซึ่งควรออกแบบให้รองรับได้ทุกเบราเชอร์,ทุกรุ่น และทุกรูปแบบ
2. ระบบปฎิบัติการ เป็นปัจจัยทีมีผลต่อการทำงานของเบราเชอร์ ดังนั้นจึงควรออกแบบให้อิงกับผู้ใช้งานส่วนใหญ่
3. ความละเอียดของหน้าจอ ความละเอียดของหน้าจอจะไม่ขึ้นกับขนาดที่ใช้ แต่ขึ้นการ์ดจอที่มีอยู่
โดยการออกแบบตามละเอียดของหน้าจอก็ขึ้นกับผู้ออกแบบว่าจะเลือกใช้รูปแบบใดๆ โดยมี 3 รูปแบบด้วยกัน คือ
- 640x840 px ผู้ใช้ส่วนใหญ่จะได้เห็นหน้าเว็บที่สมบูรณ์
- 800x600 px ผู้ใช้ส่วนใหญ่จะได้เห็นเนื้อหาทั้งหมดในหน้าจอ
- 1024x768px ผู้ใชจำนวนน้อยที่สามารถดูเนื้อหาได้อย่างเหมาะสม
Trip & Trick ออกแบบโดยใช้ 800x600 แต่จัดเนื้อหาไว้ใน 640x480
4. จำนวนสีที่จอของผู้ใช้สามารถแสดงได้ ขึ้นอยู่กับการ์ดจอของผู้ใช้ ซึ่งขึ้นอยู่กับค่า bit depth หรือ color depth คือจำนวนบิตที่ใช้ในการเก็บข้อมูลแต่ละพิกเซล
5. ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้ จะแสดงผมก็ต่อเมื่อเครื่องผู้ใช้มีฟอร์นชนิดเดียวกัน
6. ความเร็วในการเชื่อมต่ออินเตอร์เน็ต มีผลต่อเวลาที่ใช้ในการแสดงผลชอบเว็บ ผู้ออกแบบจึงควรพัฒนาเว็บให้สวยงาม น่าสนใจ และดาวโหลดได้เร็วที่สุด
7. ขนาดหน้าต่างบราวเซอร์ ควรออกแบบให้เปลี่ยนแปลงขนาดได้ (Flexible design)
8. ความสว่างและค่าความต่างของสี ควรใช้โทนสีต่างกันพอสมควร ไม่สว่างและมืดจนเเกินไป
สีมีคุณสมบัติที่เด่น คือ มีความหมายในตัวเองซึ่งความหมายเหล่านี้ใช้การอ้างอิงจาประสบการณ์ในการเห้นสีสันของสิ่งของต่างๆ เช่น สีเงิน จากอะลูมิเนียม เป็นต้น ความหมายของสีบางสีไม่ใช่มีหลักตายตัวสามารถเปลี่ยนแปลงได้ตามกาลเวลา แต่เราก็ควรที่จะรู้ความหมายของสีหลักๆซึ่งเป็นความหมายที่คนทั่วไปเข้าใจกัน เพื่อประโยชน์ในการออกแบบ ภาพกราฟิกต่างๆ ให้สื่อความหมายได้ในระดับหนึ่ง
การผสมสี (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 บิต มีระบบการบีบอัดแบบที่ไม่ทำให้เกิดการสูญเสีย และยังควบคุมค่าแกมม่า และความโปร่งใสในตัวเอง
การออกแบบเว็บไซต์ให้เหมาะกับสิ่งแวดล้อม
ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์
1. เบราเชอร์ที่ใช้ คือโปรแกรมที่ใช้เรียกดูเว็บเพจ ซึ่งที่ได้รับความนิยมในปัจจุบันคือ Chrome,Firefox,Opera,IE เป็นต้น
ซึ่งควรออกแบบให้รองรับได้ทุกเบราเชอร์,ทุกรุ่น และทุกรูปแบบ
2. ระบบปฎิบัติการ เป็นปัจจัยทีมีผลต่อการทำงานของเบราเชอร์ ดังนั้นจึงควรออกแบบให้อิงกับผู้ใช้งานส่วนใหญ่
3. ความละเอียดของหน้าจอ ความละเอียดของหน้าจอจะไม่ขึ้นกับขนาดที่ใช้ แต่ขึ้นการ์ดจอที่มีอยู่
โดยการออกแบบตามละเอียดของหน้าจอก็ขึ้นกับผู้ออกแบบว่าจะเลือกใช้รูปแบบใดๆ โดยมี 3 รูปแบบด้วยกัน คือ
- 640x840 px ผู้ใช้ส่วนใหญ่จะได้เห็นหน้าเว็บที่สมบูรณ์
- 800x600 px ผู้ใช้ส่วนใหญ่จะได้เห็นเนื้อหาทั้งหมดในหน้าจอ
- 1024x768px ผู้ใชจำนวนน้อยที่สามารถดูเนื้อหาได้อย่างเหมาะสม
Trip & Trick ออกแบบโดยใช้ 800x600 แต่จัดเนื้อหาไว้ใน 640x480
4. จำนวนสีที่จอของผู้ใช้สามารถแสดงได้ ขึ้นอยู่กับการ์ดจอของผู้ใช้ ซึ่งขึ้นอยู่กับค่า bit depth หรือ color depth คือจำนวนบิตที่ใช้ในการเก็บข้อมูลแต่ละพิกเซล
5. ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้ จะแสดงผมก็ต่อเมื่อเครื่องผู้ใช้มีฟอร์นชนิดเดียวกัน
6. ความเร็วในการเชื่อมต่ออินเตอร์เน็ต มีผลต่อเวลาที่ใช้ในการแสดงผลชอบเว็บ ผู้ออกแบบจึงควรพัฒนาเว็บให้สวยงาม น่าสนใจ และดาวโหลดได้เร็วที่สุด
7. ขนาดหน้าต่างบราวเซอร์ ควรออกแบบให้เปลี่ยนแปลงขนาดได้ (Flexible design)
8. ความสว่างและค่าความต่างของสี ควรใช้โทนสีต่างกันพอสมควร ไม่สว่างและมืดจนเเกินไป
ไม่มีความคิดเห็น:
แสดงความคิดเห็น