เส้น Gruid

โครงสร้างWEB แนวนอน

โครงสร้างแนวนอน





ขนาดของเว็บ 024 x 768
การจัดวางโลโก้ ด้านบนตรงกลางและแถบเมนูกับรูปภาพอยู่ตรงกลาง
ส่วนหัว www.lucuma.com.ar
ส่วนกลาง แถบเครื่องมือและรูปภาพ
ส่วนท้าย เป็นลิ้งค์ Design ของWebsit
ตำแหน่งข้อมูล อยู่ตรงกลาง
ลักษณะเมนู เป็นภาษาอังกฤษและภาษาอื่นๆ
ตำแหน่งหมวดหมู่ Video Clip

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

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

การใช้ตัวอักษร
Typo*+ ความหมาย "TYPOGRAPHY"
การใช้ตัวอักษรหรือการจัดวางตัวอักษร

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

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

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

Typo* + ขนาด

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

Typo* + การจัดตำแหน่ง

Typo* + การผสมอักษร

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

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

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

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

2.ลักษณะตัวอักษร
html (css) การกำหนดสีด้วยภาษาคอมพิวเตอร์ โดยการเขียนโปรแกรม
ฟอนต์มาตรฐานที่ใช้กับหน้าเว็บ Ms san serif,Arial,Geneva,
Helvetija 14-20 pt ซึ่งอ่านง่ายสุด

3.จำนวนของภาพกราฟฟิก
ภาพที่ใช้ประกอบในเว็บไซต์
ขึ้นอยู่กับความเหมาะสมของเนื้อหา

4.ต่ำแหน่งในการวางภาพ
ควรจะอยู่ด้านซ้าย ขวา หรือกลาง ขึ้นอยู่กับเนื้อหาของเรา

5.ขนาดของภาพ
ควรจะคำนึงถึงการโหลดภาพของภาพ
ขนาดภาพควรไม่เกิน150k
ไฟล์ที่ใช้ JPEG , GIF

6.หลักการใช้สีสำหรับการออกแบบเว็บไซต์
จำนวนของสีหลักให้เลือกตาม Concept + Mood Tone หรือ Theme เพื่อแสดงให้ถึงภาพลักษณ์
สีหลักควรจะมีอยู่4สี เป็นชุดเดียวกัน ส่งเสริมภาพลักษณ์ให้ดูเข้ากัน

6.1การใช้สีพื้นหลัง
ภาพ ลวดลาย สีควรใช้แต่พอดี ควรใช้ตามความจำเปน ไม่รบกวนสายตา
ควรจะเป็นสีโทนเย็น แต่ถ้าจะใช้สีโทรร้อน ตัวอักษรควรใช้สีอ่อน

6.2โทนสีโดยรวม
โทนร้อน โทนเย็น แบ่งเป็นเปอร์เซ็น

6.3สีกับหมวดหมู่
หมวดข่าว บันเทิงอยู่ลักษณะเนื้อหาของหมวดหมู่
เช่น เว็ปทีวี ข่าว ละคร บริการ แต่ละหมวดหมู่ก็จะมีสีประจำตัวอยู่

7.การใช้ภาพเคลื่อนไหว
ใช้เพื่อสร้างสีสันในส่วนของโลโก้ (LOGO Animated)
Interactive คลิกแร้วใหญ่ขึ้น อยู่ที่ปุ่มต่างๆ แถบเมนูนำทาง
วิเคราะห์ว่าเว็บมีภาพเคลื่อนไหวมั้ย มีลักษณะอย่างไร

7.1การใช้วีดีโอคลิป
อยู่ที่ความเร็วอินเตอร์เน็ตด้วย คิดว่ากลุ่มคนที่ดูเว็ปเราการโหลดเร็วแค่ไหน

7.2การใช้เสียง
เว็บที่เกี่ยวกับข่าว หรือไม่เกี่ยวกับบันเทิงก็ไม่ควรมี
แบ่งตามลักษณะหมวดหมู่ด้วยนึกถึงกลุ่มคนที่เข้ามาดูเว็ป

LOGO AND FONT

LOGO

แบบสีที่ใช้















รูปแบบ Font ทั้ง 4 สี

Baby Doll Font

ภาพสื่อโครงการมัลติมีเดีย

MultiMedia Desing @IT Siam University

ชื่อโครงการ The Sims 3
____________________________________________________________________

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

• เป็น เกมส์ที่นำมาจากชีวิตจริงแล้วมาจำลองเป็นเกมส์สร้างครอบครัวในจินตนาการของ เราเอง เกมส์ The Sims 3 นี้ ทำให้ผู้เล่นมีความเพลิดเพลินสนุกสนานพร้อมทั้งให้ประโยชน์ในด้านความคิด สร้างสรรค์อีกด้วย

________________________________________
ปัญหา

• บุคลที่เล่นเกมส์ The Sims 3 มีสื่อออนไลน์ ไม่มากนัก บางคนไปเล่นเกมส์ประเภท Online ใหม่ ๆ ไม่ค่อยมาสนใจในเกมส์ประเภท Offline ทำให้เกมส์ไม่มีการออกแบบใหม่ เล่นแต่ของเดิมๆ ที่เกมส์นำมาให้ ไม่มีการ Dowload สิ่งของใหม่ ๆ มาเพิ่มเติมเลย

________________________________________
จุดมุ่งหมาย

• เพื่อ สร้างชุมชนเครือข่ายออนไลน์ในการแลกเปลี่ยนความคิดสร้างสรรค์ในการออกแบบตัว ละคร หรือสิ่งต่าง ๆ ให้ทันสัมยขึ้น โดยที่ไม่ต้องลอกเลียนแบบใคร

______________________ __ _____________________
กลุ่มเป้าหมาย

• ด้านกายภาพ คือ ทุกเพศ ทุกวัย สถานภาพ ทุกสถานภาพ
• ด้านจิตภาพ คือ พฤติกรรมของบุคคลจะเพลิดเพลินและสนุกสนาน มีความคิดเป็นของตนเอง

________________________________________________
แนวความคิด (Concept)

• สร้างบ้าน สร้างเมือง เพียงแค่ Click เดียว

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

• เราจะนำเสนอรูปแบบของเวปไซต์เป็นหน้าเวป

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

• ใช้Web Site 1 Web คือ www.thaithesims3.com
• Web Link 5 Link คือ www.simsworld.info, www.simswonderland.net, www.simslovelygang.com, www.ilovesims.co.cc, www.sims3mix.unbbz.com
  

ภาพสามเหลี่ยมหลักการออกแบบจะเน้นเรื่อง Function หรือ ประโยชน์ใช้สอยเฉพาะเจาะจง เช่น Website
ต้องคำนึงถึงความสามารถในการเอาไปใช้ได้จริงของงานออกแบบ ถ้าสวยแต่ไม่สามารถใช้งานได้ งานออกแบบก็ไม่มีคุณค่า

สื่ออารมณ์และความรู้สึกของงาน (Mood and Tone)

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

คุณคิดว่าสื่อมัลติมีเดียอะไร มีอิทธิพลต่อตัวคุณมากที่สุด
แนวคิด มัลติมีเดียมีประโยชด์ถ้าหากใช้ให้เป็น รู้จักการแบ่งเวลาให้เหมาะสม

เกมส์ เพราะว่าเล่นแทบทุกวัน แล้วทุกครั้งที่เปิดคอมจะออน MSN ไว้ด้วยไว้คุยงาน คุยเรื่อยเปลื่อย และเปิดเพลงฟังไปด้วย
เกมส์ ที่เล่นส่วนมากจะเป็นเกมออฟไลน์ เช่น สร้างเมือง ฟุตบอลป่าเถื่อน เกมที่เล่นตอนนี้ก็มี THESIMS3,Urban Soccer เวลาในการเล่น1ชั่วโมงขึ้นไป แบบบ้าๆก็ทั้งวันแต่ใช่จะอยู่แต่หน้าจอคอมตลอด บางทีก็เปิดบอรด์หาของดาวน์โหลดเพื่อจะที่ใช้เล่นในเกมส์(โหลดเพลงฟัง) แต่ที่ชอบสนทนาก็เปิดHi5,facebookประมาณ1ชั่วโมงอาจจะว่าติดคอมพิวเตอร์ก็ว่าน่าจะใช่ แต่ก็ไม่ถึงขาดและกระสับกระส่ายไม่ได้ลงแดง จริงๆแล้วที่เล่นเกมส์ คุยแชต ก็ใช่ว่าจะไม่มีข้อดี ได้ความสามัคคี ได้พบเพื่อนใหม่ๆ โดยส่วนตัวก็ไม่ค่อยออกไปไหน เพราะไม่รู้จะไปไหนนั่นเอง

ภาพตัวอย่างเกมส์ที่เล่นอยู่

TESIMS 3 เป็นเกมส์ออกแบบสร้างบ้าน สร้างครอบครัว Urban Soccer เป็นเกมส์เตะบอล โดยที่เราเป็นตัวกำหนดว่าจะทำอะไรบ้างในแต่ละวันเวลาในเกมส์ โดยแบบเถื่อนตามสถานที่ไม่น่าที่
แล้วก็จะมีสูตรเพิ่มเงินให้เราแล้วสูตรทำให้เราไม่ตายด้วย จะเตะบอลได้ มีสูตรท่าไม้ตาย