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

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

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/

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