ออกแบบ หน้าเว็บ tumtam.net เอาแบบร่างจาก kapook.com

LOGO

Icon ของเว็บบอร์ด

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

3).หลักการใช้สีสำหรับการออกแบบเว็บไซต์

3.1) จำนวนของสีหลัก

3.2 )การใช้สีพื้นหลัง

3.3) โทนสีโดยรวม

3.4) สีกับหมวดหมู่

4).การใช้ตัวอักษรและกราฟิก

4.1) สีของตัวอักษร ในเว็บควรจะใช้สีไร ตัวอักษร เช่น เข้ม กลาง อ่อน พื้นหลัง อ่อน/กาง , เข้ม/อ่อน,เข้ม/กลาง

4.2)ลักษณะตัวอักษร html(CSS) ,Font MS sanser,Font Arial,Font Geneva,ขนาด14-20 pt,หนา/เอียง,กะพริบ

4.3)จำนวนภาพกราฟิก คือ ภาพที่อยู่บทเว็บไซต์ 1ภาพ,1เสียง

4.4)ตำแหน่งในการวางภาพ

4.5)ขนาดของภาพ ไฟล์รูปภาพ JPEG,GIFเป็นภาพลายเส้น

5). การใช้สื่อประสมสำหรับการออกแบบเว็บไซต์

5.1) การใช้ภาพเคลื่อนไหว มีส่วนของ LOGO Animatd มันต้องมี Intractive เช่น ปุ่ม แทบนำทาง ใช้ในส่วนของหน้าเว็บ แบบ Intro ใช้ Flash ทำภาพเคลื่อ้าไปในเนื้อหานไหวขึ้นมาก่อนที่จะเข

5.2) การใช้วิดีโอคลิป

5.3) การใช้เสียง

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

1. ลักษณะแบบแนวตั้ง
2. ขนาดของหน้าเว็บ 800 x 600 px
3. การจัดวางตำแหน่ง
3.1 ส่วนบน : LOGO , ชื่อเว็บ , แถบเมนู , ค้นหา , ข้อมูลผู้ใช้
3.2 ส่วนเนื้อหา : ตัวอักษร , ภาพ , ข้อความ
3.3 ส่วนท้าย : ข้อมูลเพิ่มเติม , ลิขสิทธิ์ , ข้อมูลวิธีใช้งาน , ติดต่อผู้จัดทำ
4. ตำแหน่งของเมนู : ส่วนเชื่อมโยง บนสุด , ซ้ายสุด , ล่างสุด
5. ลักษณะของเมนู : รูปแบบ ไอคอน , ตัวอักษร , ภาพแบบ Roll - Over
6. การแบ่งหมวดหมู่ :
-การอัพเดท
-ข้อความ
-กิจกรรม
-เพื่อน
-เกมส์
-แอพพลิเคชั่น

1. ลักษณะแบบแนวนอน
2. ขนาดของหน้าเว็บ xxxx px
3. การจัดวางตำแหน่ง
3.1 ส่วนบน : LOGO
3.2 ส่วนเนื้อหา : ข้อความ , แถบเมนู , ภาพ , ติดต่อผู้จัดทำ
3.3 ส่วนท้าย : ภาพ
4. ตำแหน่งของเมนู : ซ้ายสุด
5. ลักษณะของเมนู : ตัวอักษร , ภาพแบบ Roll - Over
6. การแบ่งหมวดหมู่ :
-รายละเอียดผู้จัดทำ
-ผลงาน
-ติดต่อผู้จัดทำ

Font [การใช้ตัวอักษร]

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


TYPO + ความหมาย
"TYPOGRAPHY"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร
"FONT(TYPEFACES)"
ชุดรูปทรางของตัวอักษร
"FONT FAMILIRS"
ตระกูลของชุดแบบตัวอักษร
ส่วนประกอบ
มีเชิง (serif)
ไม่มีเชิง (Sans serif)
ขนาด
หน่วย = points (72 point = 1 นิ้ว)
ตัวอักษรที่แตกต่างกัน มีขนาด point เท่ากันไม่จำเป็นต้องมีความสูงเท่ากัน
ประเภท
Sans Serif
Script Hand-lettered ลายมือเขียน
Monospace บล๊อกเท่าๆกัน(ดิจิตอล)
Novelty ประดับตกแต่ง
Dingbat ตัวประกอบของโลโก้
การผสมตัวอักษรTYPO + ความหมาย
"TYPOGRAPHY"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร
"FONT(TYPEFACES)"
ชุดรูปทรางของตัวอักษร
"FONT FAMILIRS"
ตระกูลของชุดแบบตัวอักษร
ส่วนประกอบ
มีเชิง (serif)
ไม่มีเชิง (Sans serif)
ขนาด
หน่วย = points (72 point = 1 นิ้ว)
ตัวอักษรที่แตกต่างกัน มีขนาด point เท่ากันไม่จำเป็นต้องมีความสูงเท่ากัน
ประเภท
Sans Serif
Script Hand-lettered ลายมือเขียน
Monospace บล๊อกเท่าๆกัน(ดิจิตอล)
Novelty ประดับตกแต่ง
Dingbat ตัวประกอบของโลโก้
การผสมตัวอักษร

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

ร่าเริง
บันเทิง
สุนกสนาน