แบบอักษร

โครงสร้างหน้าเว็บโดยใช้ logo ของตนเอง

• ขนาดหน้าจอของเว็บไซต์
  - หน้าเว็บแนวตั้ง>>>1024 x 768
  - หน้าเว็บแนวนอน>>>1024 x768
  
  
• การจัดวางของตำแหน่งโลโก้ เนื้อหา ภาพประกอบ
  - หน้าเว็บแนวตั้ง
  ส่วนหัว
  

  >ชื่อเว็บ
  >แถบเมนู
  >โลโก้
  >แถบ login

  ส่วนเนื้อหา
  

  >ข้อมูลต่างๆ
  >ตัวอักษร
  >ภาพประกอบ

  ส่วนท้าย
  

  >ข้อมูลเพิ่มเติม
  >เว็บไซต์ที่เกี่ยวข้อง
  >ลิขสิทธิ์
  

  
  - หน้าเว็บแนวนอน
  ส่วนหัว
  

  >โลโก้
  

  ส่วนเนื้อหา
  

  >ข้อมูลต่างๆ
  >ตัวอักษร
  >ภาพ

  ส่วนท้าย
  

  >ข้อมูลเพิ่มเติม

• ตำแหน่งของเมนู
  - หน้าเว็บแนวตั้ง
  > แถบเมนู อยู่ทางซ้ายของเว็บไซต์
  
  - หน้าเว็บแนวนอน
  > แถบเมนู อยู่ทางซ้ายของเว็บไซต์
  
  
• ลักษณะของเมนู
  - หน้าเว็บแนวตั้ง
  

  > ตัวอักษร
  > ไอคอน
  > ภาพนิ่ง
  

  
  - หน้าเว็บแนวนอน
  

  > ตัวอักษร
  > ภาพนิ่ง

• การแบ่งหมวดหมู่
  - หน้าเว็บแนวตั้ง
  + ฟุตบอลไทย
  

  > ไทยพรีเมียร์ลีก
  > ดิวิชั่น 1
  

  + ฟุตบอลต่างประเทศ
  

  > พรีเมียร์ลีก
  > ลา ลี ก้า สเปน
  > กัลโซ่ อิตาลี
  > แชมเปี้ยนส์ลีก

  
  + สยามกีฬาทีวี
  

  > สยามกีฬาทีวี
  > ฟุตบอลสยามทีวี
  > สตาร์ซอคเก้อร์ทีวี

  - หน้าเว็บแนวนอน
  

  > Identity
  > Print
  > Webdesign
  > About me
  > My desk
  > Contact me
  

รูปแบบเว็บไซต์ในแนวตั้ง

รูปแบบเว็บไซต์ในแนวนอน

LOGO

แถบรหัสสี

องค์ประกอบการออกแบบ (Element of Design)
1. สี
แม่สีศิลปะ ประกอบด้วย สีแดง สีแหลือง และสีน้ำเงิน ซึ่งเมื่อนำแม่สีทั้งสามมาผสมกันในอัตราส่วนต่างๆ ก็จะเกิดสีขึ้นมามากมาย ซึ่งประโยชน์จากการที่เรานำสีมาผสมกันทำให้เราสามารถเลือกสีต่างๆ มาใช้ได้ตามความพอใจ สร้างสรรค์ผลงานศิลปะที่งดงามตามความพอใจของผู้สร้าง สีที่เกิดจากการนำเอาแม่สีมาผสมกันเกิดสีใหม่เพื่อนำมาจัดเรียงอย่างเปฌนระบบเรียกว่า "วงจรสี"


ภาพแสดงวงจรของสีที่เกิดจากการนำแม่สีมาผสมกัน


การเกิดสีดังภาพ เกิดจากการนำเอาแม่สีมาผสมกัน ในอัตราส่วนต่างๆ กัน ซึ่งพอสรุปได้ดังนี้

สีขั้นที่ 1 (สีขั้นต้นหรือแม่สี Primary Color ) ประกอบด้วย สีแดง สีเหลือง และสีน้ำเงิน

สีขั้นที่ 2 (Binary Color) เกิดจากการนำเอาสีขั้นที่ 1 มาผสมกันในอัตราส่วนเท่าๆ กัน ประกอบด้วย สีเขียว สีส้ม และสีม่วง

• สีเขียว เกิดจากการนำเอา สีเหลือง กับ สีน้ำเงิน มาผสมกันในอัตราส่วนเท่าๆ กัน
• สีส้ม เกิดจากการนำเอา สีเหลือง กับ สีแดง มาผสมกันในอัตราส่วนเท่าๆ กัน
• สีม่วง เกิดจากการนำเอา สีแดง กับ สีน้ำเงิน มาผสมกันในอัตราส่วนเท่าๆ กัน

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

• สีเหลืองแกมเขียว เกิดจากการผสมกันระหว่าง สีเหลืองกับ สีเขียว อย่างละเท่าๆ กัน
• สีน้ำเงินแกมม่วง เกิดจากการผสมกันระหว่าง สีน้ำเงิน กับ สีม่วง อย่างละเท่าๆ กัน
• สีแดงแกมม่วง เกิดจากการผสมกันระหว่าง สีแดง กับ สีม่วง อย่างละเท่าๆ กัน
• สีแดงแกมส้ม เกิดจากการผสมกันระหว่าง สีแดง กับ สีส้ม อย่างละเท่าๆ กัน
• สีเหลืองแกมส้ม เกิดจากการผสมกันระหว่าง สีเหลือง กับ สีส้ม อย่างละเท่าๆ กัน
• สีน้ำเงินแกมเขียว เกิดจากการผสมกันระหว่าง สีน้ำเงิน กับ สีเขียว อย่างละเท่าๆ กัน