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

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 การผสมอักษรสามารถร้างความแตกต่างได้
การปรับระยะห่าง