X-Steel - Wait

lecture


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


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

          การผสมสี มี 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





ออกแบบหน้าเว็บ Page Design


          การออกแบบหน้าเว็บ หน้าเว็บหน้าแรกเป็นส่วนสำคัญมาก เพราะมีหน้าที่เป็นสื่อกลางเข้าถึงข้อมูลของเว็บ
          หลักสำคัญในการออกแบบหน้าเว็บ คือ การใช้รูปภาพและองค์ประกอบต่างๆ ร่วมกันสื่อความหมาย เกี่ยวกับเนื้อหาลักษณะสำคัญให้หน้าสนใจ
          หลักการออกแบบหน้าเว็บ
              1. สร้างลำดับความสำคัญขององค์ประกอบ
              2. สร้างรูปแบบ บุคลิก และสไตล์
              3. สร้างความสม่ำเสมอตลอดทั่วทั้งเว็บ
              4. จัดวางองค์ประกอบที่สำคัญไว้ส่วนบนของหน้าเว็บ
              5. สร้างจุดสนใจด้วยความแตกต่าง
              6. จัดแต่งเว็บให้เป็นระเบียบเรียบง่าย
              7. ใช้กราฟฟิกอย่างเหมาะสม

ไม่มีความคิดเห็น:

แสดงความคิดเห็น