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

**เต็มจอ**



**แนวตั้ง**


1. ลักษณะโครงสร้างหน้าเว็บ หน้าเว็บแบบแนวตั้ง

2. ขนาดของหน้าเว็บ 800 *600 px

3. การจัดวางตำแหน่งของ LOGO/เนื้อหา/ภาพประกอบ
3.1 ส่วนหัว
- ชื่อ Reggea Ska in musicstation
- logo ซ้ายบนของเว็บไซด์
- แถบเมนู ด้านบน
- หัวข้อหลัก จะแสดงอยู่ทางด้านบนในหน้าเว็บเพจ
- เนื้อหา จะแสดงตรงกลาง
3.2 ส่วนเนื้อหา
- ตัวอักษร ใช้ Font สีขาว เน้นกรมกลืนกะพื้นหลัง
- ข้อมูล มีการแยกหมวดหมู่เนื้อหาเฉพาะเรื่อง
- ภาพ เป็นรูปภาพศิลปินต่างๆ
3.3 ส่วนท้าย
- ข้อมูลเพิ่มเติม
- ติดต่อสอบถาม

4. ตำแหน่งของเมนู แถบเนวิเกชั่นส่วนเชื่อมโยงนั้นจะอยู่บนสุด


5. ลักษณะของเมนู รูปแบบ ตัวอักษรเป็นแบบภาพนิ่ง มีภาพเคลื่อนไหว ตรงกลางเว็บ


6. การแบ่งหมวดหมู่ แบ่งเป็นหมวดหมู่ดังนี้
- Artist ชื่อศิลปิน
- Play Music ฟังเพลง
- Gallery รูปภาพ
- Contact Us ติดต่อเรา
- mip Event ตารางโชว์ศิลปินต่างๆ

**แนวนอน**



1. ลักษณะโครงสร้างหน้าเว็บ หน้าเว็บแบบแนวนอน

2. ขนาดของหน้าเว็บ 1024 * 768 px

3. การจัดวางตำแหน่งของ LOGO/เนื้อหา/ภาพประกอบ
3.1 ส่วนหัว
- ชื่อ บ๊อค Reggea Ska musicstation
Logo Web
- logo ของเว็บนั้นจัดอยู่ทางด้านซ้านของหน้าเว็บเพจ
- แถบเมนู จะอยู่ส่วนบน ถัดจาก logo
- หัวข้อหลัก จะแสดงอยู่ทางซ้ายหน้าเว็บเพจ โดยใช้ scroll เลื่อนไปทางขวาในการดูหัวข้อถัดๆไป

3.2 ส่วนเนื้อหา
- ตัวอักษร ใช้ Font สีขาว
- ข้อมูล มีการแยกหมวดหมู่เนื้อหาเฉพาะเรื่อง
- ภาพ ส่วนใหญ่เป็นภาพนิ่ง และมีวิดีโอคลิป
3.3 ส่วนท้าย
- ข้อมูลเพิ่มเติม
- ติดต่อลงโฆษณา ติดต่อทีมงาน

4. ตำแหน่งของเมนู แถบเนวิเกชั่นส่วนเชื่อมโยงนั้นจะอยู่บนสุด

5. ลักษณะของเมนู รูปแบบ ตัวอักษรเป็นแบบภาพนิ่ง และมีวิดีโอ

6. การแบ่งหมวดหมู่
- แบ่งเป็นงานศิลปินต่างๆ มีวันที่ สถานที่บอก

Ska ReggeA Logo

Font

Color

C M Y K =คือ สีที่ใช้ในการพิมพ์ ส่วนใหญ่จะมี 4 สี ได้แก่ C=cyan (ฟ้าอมเขียว) M=magenta(แดงอมม่วง) Y=Yellow(เหลือง) และ K=Key(สีดำ) ซึ่งเป็นสีที่นำมาใช้ การผสมสีทั้งสี่นี้ จะทำให้เกิดสีได้อีกหลายสี นำมาใช้ในการพิมพ์เป็นส่วนใหญ่

R G B= คือ แสง สี ประกอบไปด้วย R=red(สีแดง) G=green(สีเขี่ยว) B=blue(สีฟ้า)


การใช้สีในดิจิตอล
-Hue = คือ ตัวสีหรือเนื้อสี
-Saturation = คือ เป็นตัวที่บอกความจัดจาดของสี
-Value = คือ คำน้ำหนักของสี


หลักการเลือกสี
-Monochromatic คือ การใช้สีสีเดียวที่สร้างความแตกต่างด้วยการสร้างระดับความสว่างความมืดของสี
-Triads คือ การใช้สี 3 สีที่อยู่ตรงข้ามกัน เพื่อสร้างความแตกต่าง
-Analogous คือ การใช้สีที่อยู่ติดกัน 3 สี
-Complementary คือ การใช้สีที่ตรงกันข้ามกันในวงจรสี ควรใช้สีดำเพื่อลดความรุนแรงของสี
-Split-complements คือ เป็นการใช้สีแบบผสมระหว่างสีโรเย็นและสีโทนร้อน

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

Typo*
+ ความหาย

"Typography"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร

"Font (TYPEFACES)"
ชุดรูปแบบของตัวอักษร

"Font FAMILIES"
ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง

*Tyop*
+ส่วนประกอบ

*Typo*
+ขนาด

*Typo*
ประเภท
+Sans Serif (ไม่มีเชิง)
+Serif (มีเชิง)
+ Script (ลายมือ)
+Monospace (เป็นบลีอก เป็นช่องๆ)
+Movelty (แฟชั่น ตกแต่ง ประดับ)
+Dingbat Ornament (รูปสัญลักษณ์)

*Typo*
+การผสมอักษร
1.ตัวอัการไม่มีขาตัวหนาผสมกับตัวอักษรมีขาตัวบาง ตัวอักษรทั้งสอบแบบ มีความแตกต่างกันด้งยน้ำหนักและขนาด ทำให้เกิดความโด่นเด่นได้
2.ตัวอักษรตัวหนาประสมกับตัวอักษรไม่มีขาตัวบาง การผสมตัวอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้ง่าย
3.ตัวอักษรไม่มีขาผสมกับตัวอักษรที่มีขา การผสมอักษรแบบนี้ไม่มีจุดเด่น เนื่องจากตัวอัการทั้งสองแบบไม่มีความแตกต่างกันด้วยน้ำหนัก//ไม่ควรใช้!!
4.ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
5.เช่นเดียวกัน การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย


*Typo*
+การปรับระยะห่าง

ภาพสื่อารมณ์

สนุก



มัน


ฮา




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


ทุกเพศทุกวัย ที่ชื่นชอบ แนวเพลงนี้


แนวความคิด

"สนุกไปกับเสียงเพลง ตามจังหวะ Chick ka Chick "