แบบอักษร

โครงสร้างหน้าเว็บโดยใช้ 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 ผสมกับสีขั้นต้นที่อยู่ใกล้เคียงกันได้สีต่างกันออกไป ได้แก่ สีเหลืองแกมเขียว สีน้ำเงินแกมม่วง สีแดงแกมม่วง สีแดงแกมส้ม สีเหลืองแกมส้ม และสีน้ำเงินแกมเขียว

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

การใช้ตัวอักษร (Typography)
Typography : การใช้อักษรหรือการจัดวางตัวอักษร
Font ( Typefaces ) : ชุดรูปแบบของตัวอักษร
Font Families : ตระกลูของชุดแบบอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง

ส่วนประกอบ
1. แบบมีเชิง ( Serlf )
2. แบบไม่มีเชิง ( Sans Serif )
3. แบบแฟชั่น ( Novelty )
4. แบบลายมือ ( Script )
5. แบบตัว ๆ ( Monospace )
6. แบบสัญลักษณ์ ( Dingbat , Ornament )

ขนาดตัวอักษร
มีหน่วยเป็น Points แบบอักษรที่มีความแตกต่างกันที่ขนาด Points ที่ไม่เท่ากัน ไม่จำเป็นต้องมีความสูงเท่ากันก็ได้ เช่น 72 Points เท่ากับ 1 นิ้ว

การจัดตำแหน่ง
1. แบบชิดขวา
2. แบบชิดซ้าย
3. แบบกระจายทั่ว
4. แบบตรงกลาง

การผสมตัวอักษร
- ตัวอักษรไม่มีขา ตัวหนา และตัวอักษรที่มีขา ตัวบาง ตัวอักษรทั้ง 2 แบบ มีความแตกต่างกัน ตรงที่ด้วนน้ำหนักและขนาดทำให้เกิดความโดดเด่นได้ง่าย

- ตัวอักษรมีขา ตัวหนา และตัวอักษรไม่มีขา ตัวบาง การผสมอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้ง่าย

- คำเตือน
- ตัวอักษรไม่มีขา ผสมกับตัวอักษรมีขา การผสมแบบนี้จะทำให้ไม่มีจุดเด่น เนื่องจากตัวอักษรทั้ง 2 แบบไม่มีความแตกต่างกันด้วยน้ำหนัก
- ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
- การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย

Multimedia Design Brief

ชื่อโครงการ วีดีโอออนไลน์เพลงเพื่อชีวิต

ข้อมูลลักษณะโครงการ
สื่อออนไลน์ในปัจจุบันมีมากมายหลายหลายและเพื่อดึงดูดกลุ่มคนออนไลน์ให้หัน
มาสนใจความบันเทิงอย่างอื่นบ้าง สื่อวีดีโอออนไลน์นี้จึงเกิดขึ้นเพื่อให้ความบันเทิงเฉพาะด้าน

ปัญหา

สื่อออนไลน์เข้าไปไม่ถึงเป้าหมายในถสานที่ต่างๆ ที่ห่างไกล

กลุ่มเป้าหมาย กลุ่มคนเพื่อชีวิต

ภาพสื่อกลุ่มเป้าหมาย

แนวความคิด

ชุมชนคนเพื่อชีวิต

ภาพสื่อแนวความคิด

ภาพสื่ออารมณ์และความรู้สึก

1. เร้าใจ โดนกล่องดวงใจ

2. ดุ ดิบ เถื่อน

3.ไม่มีลิมิต(Unlimited)

รูปแบบการนำเสนอ

แบบฐานข้อมูล(database) เว็บไซต์

จำนวนและปริมาณ

http://www.youtube.com/

http://www.mthai.com/

http://www.sanook.com/

http://www.hunsa.com/

ภาพวิเคราะห์หลักการออกแบบ

แนะนำตนเอง

ชื่อ- สกุล วสันต์ ปิ่นมุณี
อายุ 22 ปี
ที่อยู่ 253 คู่ขวัญหรรษา๕ ม.8 เฉลิมพระเกียรติ ต. สวนหลวง อ. กระทุ่มแบน สมุทรสาคร
นิสัย โกรธง่าย หายเร็ว ต่อยหนัก
อนาคต อยากเรียนให้จบ แล้วทำงาน
ประสบการณ์ทำงาน ยังไม่มี

ประโยชน์และบทบาทของมัลติมีเดียในชีวิตประจำวัน

ประโยชน์และบทบาทที่ได้มัลติมีเดีย

1. ง่ายต่อการใช้งาน เช่น เป็นตัวช่วยในการจัดการงานเอกสารต่างๆ
2. สร้างเสริมประสบการณ์ เมื่อใช้ไปนานๆ
3. เพิ่มประสิทธิผลในการเรียนรู้ และเข้าใจมากขึ้น
4. ประหยัดเวลา คุ้มค่าในการลงทุน
5. ใช้เป็นสื่อในการเรียน e-learning
6. สร้างความบันเทิงในรูปแบบต่างๆ

จงยกตัวอย่างมัลติมีเดียที่นักศึกษาใช้ในชีวิตประจำวัน

ยกตัวอย่าง เช่น เกมออนไลน์ FIFA ONLINE 2