website ที่ออกแบบ

WebPage ที่ออกแบบเอง

WebPage ตัวอย่าง

การใช้สื่อประสม สำหรับออกแบบเว็บไซต์

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

การใช้ตัวอักษร และภาพกราฟฟิก

- สีของตัวอักษร
เข้ม พื้น อ่อน/กลาง
กลาง พื้น เข้ม/อ่อน
อ่อน พื้น เข้ม/กลาง
- ลักษณะตัวอักษร
html (css) การกำหนดสีด้วยภาษาคอมพิวเตอร์ โดยการเขียนโปรแกรม
ฟอนต์มาตรฐานที่ใช้กับหน้าเว็บ Ms san serif , Arial , Geneva , Helvetija 14-20 pt
ซึ่งอ่านง่าย
ถ้าเป็นหัวข้ออาจกำหนดความเด่นชัด เช่น หนา เอียง ขีดเส้นใต้ ตัวกระพิบ
- จำนวนของภาพกราฟฟิก
ภาพที่ใช้ประกอบในเว็บไซต์
ขึ้นอยู่กับความเหมาะสมของเนื้อหา
อาจเป็นการใช้กับภาพหนึ่งภาพ เช่น หนึ่งภาพหนึ่งเรื่อง
- ตำแหน่งในการวางภาพ
ควรจะอยู่ด้านซ้าย ขวา หรือกลาง ขึ้นอยู่กับเนื้อหาของเรา
มองจากซ้ายไปขวา
- ขนาดของภาพ
JPEG , GIF

หลักการใช้สีในการออกแบบเว็บไซต์

1. จำนวนจองสีหลัก
สีหลักให้เลือกตาม Concept+Mood Tone หรือ Theme เพื่อแสดงให้ถึงภาพลักษณ์
2. การให้สีพื้นหลัง
ภาพ ลวดลาย สี
3. โทนสีโดยรวม
โทนร้อน โทนเย็น
4.สีกับหมวดหมู่
หมวดข่าว บันเทิง
อยู่ลักษณะเนื้อหาของหมวดหมู่

รูปแบบและโครงสร้างหน้าเว็บไซต์

หน้าเว็บแบบพอดี มีขนาด 1008*701

เว็บแบบแนวนอน มีขนาด1024*768

หน้าเว็บแนวตั้ง1024*756

การจัดวางตำแหน่ง

การสร้างโลโก้

การทำโลโก้คือการใช้รูปทรงเรขาคณิตซึ่งประกอบไปด้วย
วงกลม สามเหลี่ยม ห้าเหลี่ยม ซึ่งใช้วิธีการทำดังนี้

1.โครงสร้างรวมกันและกำหนดรูปร่างขึ้นมาก่อนเอามาจัดเรียงซ้อนกัน

2.ทำการลบออกเพื่อกำหนดที่วางรูปร่างวางทับกันและนำมาลบออกอีกครั้ง

3.คัดเลือกเลือกรูปร่างมาตามที่ต้องการเพียงบางจุด

วงจรสี ( Colour Circle)

สีขั้นที่ 1 คือ แม่สี ได้แก่ สีแดง สีเหลือง สีน้ำเงินสีขั้นที่ 2 คือ สีที่เกิดจากสีขั้นที่ 1 หรือแม่สีผสมกันในอัตราส่วนที่เท่ากัน จะทำให้เกิดสีใหม่ 3 สี ได้แก่ สีแดง ผสมกับสีเหลือง ได้สี ส้มสีแดง ผสมกับ

สีน้ำเงิน ได้สีม่วงสีเหลือง ผสมกับสีน้ำเงิน ได้สีเขียวสีขั้นที่ 3 คือ สีที่เกิดจากสีขั้นที่ 1 ผสมกับสีขั้นที่ 2 ในอัตราส่วนที่เท่ากัน จะได้สีอื่น ๆอีก 6 สี คือสีแดง ผสมกับสีส้ม ได้สี ส้มแดงสีแดง ผสมกับสีม่วง ได้สีม่วงแดงสีเหลือง ผสมกับสีเขียว ได้สีเขียวเหลืองสีน้ำเงิน ผสมกับสีเขียว ได้สีเขียวน้ำเงินสีน้ำเงิน ผสมกับสีม่วง ได้สีม่วงน้ำเงินสีเหลือง ผสมกับสีส้ม ได้สีส้มเหลือง

ระบบสี RGB

ระบบสี RGB เป็นระบบสีของแสง ซึ่งเกิดจากการหักเหของแสงผ่านแท่งแก้วปริซึม จะเกิดแถบสีที่เรียกว่า สีรุ้ง ( Spectrum ) ซึ่งแยกสีตามที่สายตามองเห็นได้ 7 สี คือ แดง แสด เหลือง เขียว น้ำเงิน คราม ม่วง ซึ่งเป็นพลังงานอยู่ในรูปของรังสี ที่มีช่วงคลื่นที่สายตา สามารถมองเห็นได้ แสงสีม่วงมีความถี่คลื่นสูงที่สุดคลื่นแสงที่มีความถี่สูงกว่าแสงสีม่วง เรียกว่า อุลตราไวโอเลต ( Ultra Violet ) และคลื่นแสงสีแดง มีความถี่คลื่นต่ำที่สุด คลื่นแสง ที่ต่ำกว่าแสงสีแดงเรียกว่า อินฟราเรด ( InfraRed) คลื่นแสงที่มีความถี่สูงกว่าสีม่วง และต่ำ กว่าสีแดงนั้น สายตาของมนุษย์ไม่สามารถรับได้ และเมื่อศึกษาดูแล้วแสงสีทั้งหมดเกิดจาก แสงสี 3 สี คือ สีแดง ( Red ) สีน้ำเงิน ( Blue)และสีเขียว ( Green )ทั้งสามสีถือเป็นแม่สีของแสง เมื่อนำมาฉายรวมกันจะทำให้เกิดสีใหม่ อีก 3 สี คือ สีแดงมาเจนต้า สีฟ้าไซแอน และสีเหลือง และถ้าฉายแสงสีทั้งหมดรวมกันจะได้แสงสีขาว จากคุณสมบัติของแสงนี้เรา ได้นำมาใช้ประโยชน์ทั่วไป ในการฉายภาพยนตร์ การบันทึกภาพวิดีโอ ภาพโทรทัศน์ การสร้างภาพเพื่อการนำเสนอทางจอคอมพิวเตอร์ และการจัดแสงสีในการแสดง เป็นต้น

ระบบสี CMYK

ระบบสี CMYK เป็นระบบสีชนิดที่เป็นวัตถุ คือสีแดง เหลือง น้ำเงิน แต่ไม่ใช่สีน้ำเงิน ที่เป็นแม่สีวัตถุธาตุ แม่สีในระบบ CMYK เกิดจากการผสมกันของแม่สีของแสง หรือ ระบบสี RGB คือ แสงสีน้ำเงิน + แสงสีเขียว = สีฟ้า (Cyan) แสงสีน้ำเงิน + แสงสีแดง = สีแดง (Magenta) แสงสีแดง + แสงสีเขียว = สีเหลือง (Yellow) สีฟ้า (Cyan) สีแดง (Magenta) สีเหลือง (Yellow) นี้นำมาใช้ในระบบการพิมพ์ และ มีการเพิ่มเติม สีดำเข้าไป เพื่อให้มีน้ำหนักเข้มขึ้นอีก เมื่อรวมสีดำ ( Black = K ) เข้าไป จึงมีสี่สี โดยทั่วไปจึงเรียกระบบการพิมพ์นี้ว่าระบบการพิมพ์สี่สี ( CMYK ) ระบบการพิมพ์สี่ส ี ( CMYK ) เป็นการพิมพ์ภาพในระบบที่ทันสมัยที่สุด และได้ภาพ ใกล้เคียงกับภาพถ่ายมากที่สุด โดยทำการพิมพ์ทีละส ี จากสีเหลือง สีแดง สีน้ำเงิน และสีดำ ถ้ลองใช้แว่นขยายส่องดู ผลงานพิมพ์ชนิดนี้ จะพบว่า จะเกิดจากจุดสีเล็ก ๆ สี่สีอยู่เต็มไปหมด การที่เรามองเห็นภาพมีสีต่าง ๆ นอกเหนือจากสี่สีนี้ เกิดจากการผสมของเม็ดสีเหล่านี้ใน ปริมาณต่าง ๆ คิดเป็น % ของปริมาณเม็ดสี ซึ่งกำหนดเป็น 10-20-30-40-50-60-70-80-90 จนถึง 100 %