Lecture

ออกแบบกราฟฟิกสำหรับเว็บไซต์

-  กราฟฟิกเป็นองค์ประกอบที่สำคัญอย่างหนึ่งของเว็บเพจ  ช่วยสื่อความหมายสร้างความเข้าใจให้กับผุ้ใช้  รวมทั้งช่วยสร้างความสวยงามให้เว็บไซต์น่าดูยิ่งขึ้น

-  ปัญหาที่มักเกิดขึ้นกับการสร้างกราฟฟิกคือ  การเลือกใช้รูปแบบกราฟฟิกที่ไม่เหมาะสมกับลักษณะของรูป  โดยไม่รู้จักความแตกต่างของรูปแบบกราฟฟิก  ส่งผลให้รูปที่ได้มีลักษณะไม่สมบูรณ์และมีไฟล์ใหญ่เกินความจำเป็น

รูปแบบกราฟฟิกสำหรับเว็บ   ( GIF , JPG , และ PNG)

GIF ย่อมาจาก Graphic Interchange Format

- ได้รับความนิยมในยุคแรก

-  มีระบบเสียงแบบ  Index ซึ่งมีข้อมูลสีขนาด 8 บิต ทำให้มีสีมากสุด  256 สี

-  มีการบีบอัดข้อมูลตามแนวของพิกเซล  เหมาะสำหรับกราฟฟิกที่ประกอบด้วยสีพื้น

JPG  ย่อมาจาก  Joint Photographic Experts Group

-มีข้อมูลสีขนาด  24  บิต  (True Color) สามารถแสดงสีได้ถึง  16.7  ล้านสี

-  ใช้ระบบการบีบอัดที่มีลักษณะที่สูญเสีย  (lossy)

-  ไฟล์ประเภทนี้ควรนำไปใช้กับรูปถ่ายหรือกราฟฟิกที่มีการไล่ระดับสีอย่างละเอียด

PNG  ย่อมาจาก  Portable  Network  Graphic

-สามารถสนับสนุนระบบสีได้ทั้ง  8  บิต  16  บิต  และ  24  บิต

-  มีระบบการบีบอัดแบบ  Deflate  ที่ไม่ทำให้เกิดการสูญเสีย  (lossless)

-  มีระบบการควบคุมแกมม่า  (Gamma)  และความโปร่งใส  (Transparency)  ในตัวเอง

 

การออกแบบเว็บไซต์ให้เหมาะกับสิ่งแวดล้อม

ปัจจัยหลักที่เกี่ยวข้องกับการท่องเว็บไซต์
เบราเซอร์ที่ใช้
ระบบปฏิบัติการของคอมพิวเตอร์
ความละเอียดของหน้าจอ

จำนวนสีที่จอผู้ใช้สามารถแสดงได้

ชนิดของตัวอักษรที่มีอยู่ในเครื่องของผู้ใช้

ความเร็วในการเชื่อมต่ออินเตอร์เน็ต

ขนาดหน้าต่างเบราเซอร์

ความสว่างและค่าความต่างของโทนสี

บราเซอร์ที่ใช้

 เบราเซอร์คือโปรแกรมที่ใช้เรียกดูเว็บเพจโดยสามารถแสดงผลได้ทั้งรูปแบบตัวอักษร,รูปภาพและภาพเคลื่อนไหวมีเบราเซอร์หลายชนิดที่ได้รับความนิยมเช่น

    ► Internet Explorer
    ► Netscape Navigator
    ►The World

    ►Opera

    ►Mozilla

    ►Firefox

 การออกแบบเว็บไซต์ตามคุณสมบัติของเบราเซอร์

    ►เว็บไซต์สำหรับเบราเซอร์ทุกชนิด

    ►เว็บไซต์สำหรับเบราเซอร์รุ่นล่าสุด

    ►เว็บไซต์ตามความสามารถของเบราเซอร์

    ►เว็บไซต์ที่มีหลายรูปแบบ

เลือกใช้สีสำหรับเว็บไซต์

เลือกใช้สีสำหรับเว็บไซต์(Designing Web Colors)

           การเลือกใช้สีสันในเว็บเพจเป็นสิ่งที่สำคัญมากในการดึงดูดความสนใจของผู้ใช้ เนื่องจากสิ่งแรกที่ผู้ใช้มองเห็นจากเว็บก็คือสี ซึ่งเป็นสิ่งกำหนดบรรยากาศและความรู้สึกของเว็บไซต์

►ประโยชน์ของสีในเว็บไซต์    สามารถชักนำสายตาอ่านในไปยังข้อมูลได้
    สามารถเชื่อมโยงบริเวณที่ได้รับการออกแบบเข้าด้วยกัน
    สามารถแยกส่วนต่างๆออกจากกันได้ง่าย
    สามารถดึงดูดความสนใจของผู้อ่าน    ช่วยสร้างระเบียบให้คับข้อความต่างๆ
►แม่สีขั้นต้นมี 3 สี
          สีแดง
         สีเหลือง
          สีน้ำเงิน
►การผสมสี(Color Mixing)   
 มี 2แบบ
   1.การผสมแบบบวก เป็นการผสมของแสง ไม่ใช่การผสมของวัตถุที่มีสีบนกระดาษ นำไปใช้กับ จอโปรเจคเตอณ์ ทีวี หรือจอมอนิเตอร์   2.การผสมแบบลบ เป็นการผสมไม่เกี่ยวกับแสง แต่เกี่ยวกับการดูดกลืนและสะท้อนแสงของวัตถุต่างๆ การนำไปใช้งาน ภาพวาดของศิลปิน
►วงล้อสี (Color wheel)   
เป็นรูปแบบหนึ่งในการจัดเรียงสีทั้งหมดไว้ในวงกลม และเป็นการจัดลำดับเฉดสีอย่างมีเหตุผลและง่ายต่อการนำไปใช้จะมี

1.วงล้อสีแบบลบ   2.วงล้อสีแบบบวก