วันอังคารที่ 12 ตุลาคม พ.ศ. 2553

ตัวอย่าง WEB แนวนอน

ขนาดของหน้าเว็บ 1008*800px
การจัดวางตำแหน่ง
ส่วนบน
: LOGO , ชื่อเว็บ , แถบเมนู , ค้นหา , ข้อมูลผู้ใช้
ส่วนเนื้อหา : ตัวอักษร , ภาพ , ข้อความ
ส่วนท้าย : ข้อมูลเพิ่มเติม , ลิขสิทธิ์ , ข้อมูลวิธีใช้งาน , ติดต่อผู้จัดทำ
ตำแหน่งของเมนู : ส่วนเชื่อมโยง บนสุด , ซ้ายสุด , ล่างสุด
ลักษณะของเมนู : รูปแบบ ไอคอน , ตัวอักษร , ภาพแบบ Roll - Over
การแบ่งหมวดหมู่ :-การอัพเดท-ข้อความ-กิจกรรม-เพื่อน-เกมส์-แอพพลิเคชั่น

ตัวอย่าง WEB แนวตั้ง


การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ
ส่วนหัว : Logo i3 - Technology for Life : Hardware Software Mobile Gadget Apple Game Guide
ส่วนกลาง : สไลด์ภาพอัพเดทข่าวสาร ,ภาพเคลื่อนไหว ,โฆษณา ,review อุปกรณ์ไอที, ข่าวสารแบ่งหมวดหมูเป็น ข่าวIT Update ,ข่าว PC Zone ,ข่าว Notebook ,ข่าว Mobile ,ข่าว Gadget ,ข่าว Game และได้ทำการแบ่งเนื้อหาต่างๆเป็นบล็อคๆเรียงในแนวตั้งจากด้านบนลงล่าง
ส่วนท้าย : รวม Keyword สำคัญเกี่ยวกับเว็ป , ลิขสิทธิ์ , ชื่อที่อยู่เบอร์โทรสำหรับติดต่อทางเว็ป
ตำแหน่งของเมนู : อยู่ทางด้านบนของเว็ป
ลักษณะของเมนู : เป็นรูปแบบตัวอักษร

ตัวอย่าง WEB พอดีหน้าจอ

การจัดวางตำแหน่ง
ส่วนหัว : แถบเมนู , แบคกราวภาพ
ส่วนกลาง : ตัวอักษร , ภาพ , ข้อความ
ส่วนท้าย : Myspace , Youtube , Forum
ตำแหน่งของเมนู : ส่วนเชื่อมโยง ด้านซ้าย , ล่าง
ลักษณะของเมนู : รูปแบบ ตัวอักษร การแบ่งหมวดหมู่ : News , Biography , Discography , Music , Video , Photos , Link , Forum , Contract

หนังสั้นเรื่อง หนูไม่รู้ หนูเห็นเขาเล่น

LOGO


ตัวอย่างชุดสี


ชุดสี


แบบอักษร


วันจันทร์ที่ 4 ตุลาคม พ.ศ. 2553

หลักการใช้สีสำหรับการออกแบบเว็บไซต์
3).หลักการใช้สีสำหรับการออกแบบเว็บไซต์
  • จำนวนของสีหลัก
  • การใช้สีพื้นหลัง
  • โทนสีโดยรวม
  • สีกับหมวดหมู่
4).การใช้ตัวอักษรและกราฟิก
  • สีของตัวอักษร ในเว็บควรจะใช้สีไร ตัวอักษร เช่น เข้ม กลาง อ่อน พื้นหลัง อ่อน/กาง , เข้ม/อ่อน,เข้ม/กลาง
  • ลักษณะตัวอักษร html(CSS) ,Font MS sanser,Font Arial,Font Geneva,ขนาด14-20 pt,หนา/เอียง,กะพริบ
  • จำนวนภาพกราฟิก คือ ภาพที่อยู่บทเว็บไซต์ 1ภาพ,1เสียง
  • ตำแหน่งในการวางภาพ
  • ขนาดของภาพ ไฟล์รูปภาพ JPEG,GIFเป็นภาพลายเส้น
5). การใช้สื่อประสมสำหรับการออกแบบเว็บไซต์
  • การใช้ภาพเคลื่อนไหว มีส่วนของ LOGO Animatd มันต้องมี Intractive เช่น ปุ่ม แทบนำทาง ใช้ในส่วนของหน้าเว็บ แบบ Intro ใช้ Flash ทำภาพเคลื่อ้าไปในเนื้อหานไหวขึ้นมาก่อนที่จะเข
  • การใช้วิดีโอคลิป
  • การใช้เสียง