Website

หลักการใช้สีสำหรับออกแบบเว็บไซต์(แก้เอาวิตามเวป)

1.จำนวนของสีหลัก
เลือกตามconcept+Mood Tone = THEME

2.การใช้สีพื้นหลัง

3.โทนสีโดยรวม
- โทนร้อน
- โทนเย็น

4.สีกับหมวดหมู่
ใช้สีรอง


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

1.สีของตัวอักษร
- ถ้าอักษรสีเข้ม พื้นสีอ่อน/กลาง
- ถ้าอักษรสีกลาง พื้นสีอ่อน/เข้ม
- ถ้าอักษรสีอ่อน พื้นสีเข้ม/กลาง

2.ลักษณะตัวอักษร
ควรจะใช้เป็นพวกfont default

3.จำนวนของภาพกราฟิก

4.ตำแหน่งในการวางภาพ
- ทางการมักอยู่กลาง

5.ขนาดของภาพ

Design LOGO

ลักษณะโครงสร้างของหน้าเว็ป

แบบแนวตั้ง

ขนาดหน้าจอ 1024x786

การจัดวางตำแหน่ง
1 ส่วนหัว : LOGO จะอยู่มุมซ้ายบนของเว็บไซต์
ชื่อเว็บไซต์จะอยู่ด้านข้างของ LOGO เว็บ
มีระบบนำทาง(Navigator Bar)อยู่ด้านบน เป็นลิ้งค์ไปหน้าต่างๆของเว็บไซต์

2 ส่วนเนื้อหา : แสดงเนื้อหาเกี่ยวกับเพลงที่มาใหม่ และ มิวสิควีดีโอ
ภาพประกอบจะเป็นหน้าปกอัลบั้มของศิลปิน

3.ส่วนท้าย : มีข่าวสารต่างๆของเว็บไซต์

4. ตำแหน่งของเมนู = อยู่ในช่วงด้านบน

5. ลักษณะของเมนู = เป้นเมนูแบบ Drop-Down

6.การแบ่งหมวดหมูของเมนู = หมวดผลงาน ,บริการ ,ทีมงาน ,ถาม-ตอบ ข้อมูลติดต่อ

แบบแนวนอน



ขนาดหน้าจอ 1024x786

การจัดวางตำแหน่ง
1 ส่วนหัว : LOGO จะอยู่มุมซ้ายบนของเว็บไซต์
ชื่อเว็บไซต์จะอยู่ข้างใต้ของ LOGO เว็บ
มีระบบนำทาง(Navigator Bar)อยู่ด้านบน เป็นลิ้งค์ไปหน้าต่างๆของเว็บไซต์

2 ส่วนเนื้อหา : แสดงเนื้อหาเกี่ยวกับการเดินทาง รูปภาพต่างๆ

3.ส่วนท้าย : มีข่าวสารต่างๆของเว็บไซต์

4. ตำแหน่งของเมนู = อยู๋ในช่วงด้านซ้ายของเว็บ

5. ลักษณะของเมนู = เป้นเมนูแบบ Drop-Down

6.การแบ่งหมวดหมูของเมนู = หมวดเทศกาลงานต่างๆ ,เกี่ยวกับเว็บ ,การท่องเที่ยว,ข้อมูลติดต่อ

แบบพอดีหน้าจอ



ขนาดหน้าจอ 1024x786

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

1 ส่วนหัว : LOGO จะอยู่ตรงกลางด้านบนของเว็บไซต์
ชื่อเว็บไซต์จะอยู่ข้างใต้ของ LOGO เว็บ
มีระบบนำทาง(Navigator Bar)อยู่ด้านบน เป็นลิ้งค์ไปหน้าต่างๆของเว็บไซต์

2 ส่วนเนื้อหา : แสดงเนื้อหาเกี่ยวกับคลิปต่างๆ เพลง

3.ส่วนท้าย : มีข่าวสารต่างๆของเว็บไซต์

4. ตำแหน่งของเมนู = อยู่ในช่วงด้านบน

5. ลักษณะของเมนู = เป้นเมนูแบบ Drop-Down

6.การแบ่งหมวดหมูของเมนู = หมวดผลงานต่างๆ ,เกี่ยวกับเว็บ, ข้อมูลติดต่อ

ELEMENT OF DESIGN

การใช้ตัวอักษร TYPOGRAPHY

Typeface give voice to word

คำศัพท์ Font
Typo + ความหมาย “Typography” – การใช้ตัวอักษรหรือการจัดการตัวอักษร
“Font (Typeface)” – หน้าตารูปแบบของตัวอักษร
Font Families – ครอบครัวของตัวอักษร เช่น ตัวธรรมดา ตัวหน้า ตัวเอียง ฯลฯ

ส่วนประกอบ
Serif แบบมีเชิง
Sans Serif แบบไม่มีเชิง
ขนาด
หน่วย = Point (72 point = 1 นิ้ว) แบบอักษรที่แตกต่างกันมีขนาด Point เท่ากันไม่จำเป็นต้องมีความสูงเท่ากัน
ประเภท
+ Serif - ตัวอักษรแบบมีเชิง
+ Sans Serif - ตัวอักษรแบบไม่มีเชิง
+ Script, Hand-lettered – แบบลายมือ
+ Monospace – เป็นการแบ่งช่องตัวหนังสือดูแล้วรู้ศึก ล้ำสมัย
+ Novelty – เป็นฟ้อนแบบใช้ตกแต่ง
+ Dingbat Omament ตัวอักษรแบบเป็นสัญลักษณ์หรือไอคอน

การผสมตัวอักษร
1 ใช้ตัวอักษรที่ไม่มีเชิงผสมกับอักษรแบบมีเชิง มีความแตกต่างด้วยน้ำหนักและขนาดทำให้เกิดความโดดเด่น
2 ใช้ตัวอักษรที่มีเชิงผสมกับตัวอัการหนา
3 เป็นแบบที่ไม่ควรใช้การผสมตัวอักษร คือ ไม่ควรใช้ตัวอักษรที่ก่ำกึ่ง ควรเน้นให้ตัวอักษรใดอักษรนึงชัดเจนกว่า
4 ความแตกต่างอย่างชัดเจนของตัวอักษร เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
5 การผสมอักษรสามารถร้างความแตกต่างได้
การปรับระยะห่าง

ภาพสื่อความหมาย

โครงการ Rocket 4D

ชื่อโครงการ Rocket 4D

ข้อมูลและลักษณะโครงการ

- เป็นการจำลองการขับจรวดในสถานการณ์ต่างๆ เนื่องจากในการขับจรวดแต่ละครั้งในสถานการณ์จริงๆนั้น ต้องใช้งบประมาณมากและไม่ค่อยมีใครได้เข้าไปสัมผัสจริงๆ
- 4D คือ คำตลาดที่อธิบายถึงระบบการนำเสนอความบันเทิงผ่านภาพที่มีความกว้าง ยาว และลึก เหมือนเกมส์ 3 มิติที่คุ้นตา โดยมิติที่ 4 ที่เพิ่มเข้ามา เป็นสภาพแวดล้อมระหว่างนั่งเล่น ซึ่งเกิดจากเครื่องยนต์กลไกต่าง ๆ ที่ติดตั้งไว้ภายในสื่อนั้น เพื่อให้ผู้เล่นสัมผัสบรรยากาศประหนึ่งได้ร่วมอยู่ในเหตุการณ์จริง เช่น ลม, ไฟ Strobe,ควันไฟฟุ้งตลบ แสงแวบจากฟ้าแลบการสั่นสะเทือน และเม็ดฝนโปรยปราย ฯลฯ


ปัญหา
- ยังไม่มีสื่อหรือความสมจริงเหมือนเรา


จุดมุ่งหมาย
- เพื่อความสนุกสนาน สร้างความตื่นเต้น ให้กับผู้เล่น


กลุ่มเป้าหมาย

- วัยรุ่น อายุ 18-25 ปี ทุกเพศ มักเป็นกลุ่มวัยรุ่นที่ชอบความตื่นเต้น ชอบโลกจินตนาการ ชอบอวกาศ


แนวความคิด

สั่นสะเทือนทะลุจอ


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

- CD และ DEMO GAME ผ่านทางเว็ปต่างๆ


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

- มีการโฆษณาผ่านทางสื่อต่างๆ เช่น เว็ปไซต์ต่างๆ, หนังสือเกมส์

Virtual simulation system

คุณคิดว่าสื้อมัลติมีเดียอะไร มีอิทธิพลต่อตัวเรามากที่สุด

สื่อเทคโนโลยีมัลติมีเดียที่มีอิทธิพลต่อสังคมในปัจจุบันอย่างมาก มีหลายช่องทางไม่ว่าจะเป็น VDO การดาวน์โหลดมัลติมีเดียต่างๆจากอินเตอร์เน็ต ที่ดูไม่ต้องเสียค่าใช้จ่ายใดๆ จึงเป็นที่นิยมของคนทั่วประเทศและทั่วโลก ทำให้มีเวปไซต์ที่เปิดให้เราดู Clip VDO ดูหนังย้อนหลังได้และยังมีอีกมากมาย เช่น Youtube,Mthai ที่มีอิทธิพลมากที่สุดในชีวิตฉัน
โลกของอินเตอร์เน็ตนั้นมีเวปไซต์ที่เปิดให้เราได้เข้าไปดู VDO จากทั่วโลกซึ่งมีการ อัพโหลดมาจากคนทั้งโลกมาแบ่งปันให้เราดู ได้ดูได้รู้ทันเหตุการ์ปัจจุบัน อย่างการดูการแสดงสดที่เราไม่สามารถไปดูได้ถึงต่างประเทศนั้นเราก็ได้มีโอกาศที่จะได้ดู ซึ่ง VDO เหล่านี้มีการป้องกันจากทางเวปไซต์ VDO ไหนที่ไม่เหมาะสมก็จาถูกลบออกจาเวปไซเป็นต์จึงทำให้ไม่เป็นอันตรายต่อเยาวชน และ VDO เหล่านี้ได้มีคอมเม้นท์ต่างๆ ที่ทางเวปไซต์ได้จัดเตรียมไว้ให้
เราได้คอมเม้นท์ VDO เหล่านั้นว่าดีหรือไม่ดียังไงการที่เราได้ดู VDO จากทั่วโลกนั้นมีทั้งประโยชน์และไม่มีประโยชน์การดู VDO จึงต้องใช้วิจารณญานในการเลือกชมสื่อต่างๆให้เหมาะสม