Font

โครงสร้างหน้าเว็บไซต์

เว็บแนวตั้ง

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

3.1 สีหลัก สีขาว

3.2 สีพื้นหลัง ลวดลาย สีสว่าง

3.3สีโดยรวม เข้ากับThemesหลัก

3.4 สีกับหมวดหมู่ เหมือนกันทุกหมวดหมู่

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

4.1 สีของตัวอักษร สีเข้ม

4.2ลักษณะตัวอักษร Tahoma ขนาด 16pt

4.3จำนวนภาพกราฟิก ภาพเยอะ

4.4ตำแหน่งในการวางภาพ กลาง,ขวา,ซ้าย

4.5ขนาดของภาพ ทั้ง JPEG และGIF

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

5.1การใช้ภาพเคลื่อนไหว แถบโฆษณา

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

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

คลิปภัยเงียบจากโลกไซเบอร์

หลักการใช้สีสำหรับการออกแบบเว็บไซต์ 3).หลักการใช้สีสำหรับการออกแบบเว็บไซต์
3.1) จำนวนของสีหลัก เป็นสีชุดที่ส่งเสริมภาพลักษณ์ เหมาะกับเว็บไซต์
3.2 )การใช้สีพื้นหลัง
3.3) โทนสีโดยรวม เข้ากับ Theme หลัก
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.พอดีจอ

1. ลักษณะแบบเต็มจอ

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

3. การจัดวางตำแหน่ง

3.1 ส่วนบน : LOGO , ชื่อเว็บ , แถบเมนู , ค้นหา , ข้อมูลผู้ใช้

3.2 ส่วนเนื้อหา : ตัวอักษร , ภาพ , ข้อความ

3.3 ส่วนท้าย : ข้อมูลเพิ่มเติม , ลิขสิทธิ์ , ข้อมูลวิธีใช้งาน , ติดต่อผู้จัดทำ

4. ตำแหน่งของเมนู : ส่วนเชื่อมโยง บนสุด , ซ้ายสุด , ล่างสุด

5. ลักษณะของเมนู : รูปแบบ ไอคอน , ตัวอักษร , ภาพแบบ Roll - Over

6. การแบ่งหมวดหมู่ :-การอัพเดท-ข้อความ-กิจกรรม-เพื่อน-เกมส์-แอพพลิเคชั่น

2.แนวนอน

แนวนอน

ขนาดยาว

ส่วนหัว-โลโก้ส่วนกลาง

-รูปภาพนิ่งใช้ตกแต่ง แบ่งเป็นส่วนต่างๆ เนื้อหาของเว็บส่วนท้าย

- contact Meตำแหน่งของเมนู

-อยู่ทางด้านซ้ายของเว็ปลักษณะของเมนู

-ตัวอักษรการแบ่งหมวดหมู่

3..แนวตั้ง

-แนวตั้ง
ขนาด 800*600

ส่วนหัว-ชื่อเว็ป โลโก้ มีเเถบnavigationส่วนกลาง

-รูปภาพนิ่ง-เคลื่อนไหว เว็บบอร์ดหัวข้อต่างๆ โฆษณาด้านซ้าย ขวา

- ติดต่อลงโฆษณา ติดต่อทีมงาน

-อยู่ทางด้านซ้ายของเว็ปลักษณะของเมนู

-ตัวอักษรมีภาพประกอบการแบ่งหมวดหมู่

การใช้ตัวอักษร ( TYPOGRAPHY )
รูปแบบของ Typef มักจะแตกต่างไปทางรูปแบบและอารมณ์ที่แตกต่างกัน และควรนำมาใช้ให้เข้ากับูปแบบงานของตนเอง
คำศัพท์
Typo + ความหมาย
'' TYOGRAPHY'' การใช้ตัวอักษรหรือการจัดการตัวอักษร
''FONT'' ( TYPEFACES ) ชุดรูปแบบตัวอักษร
''FONT FAMILIES ''ตระกูลของชุดรูปแบบตัวอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง ฯลฯ
ส่วนประกอบของ Font
1. มีเชิง
2. ไม่มีเชิง
3. แบบลายมือเขียน
4. Noverlty font ประเภท แฟชั่นๆ
5. Dingbat (Ornament)
ขนาด หน่วย = points ( 72 Ponits = 1 นิ้ว ) แบบตัวอักษรที่แตกต่างกัน มีขนาด Ponits เท่ากันไม่จำเป็น ต้องมีความสูงเท่ากัน
TYPO + การผสมตัวอักษร
1. ตักอักษรที่ไม่มีเชิงผสมกับตัวอักษรตัวหน้า มีขา ตัวอักษรแบบมีความแตกต่างด้วยน้ำหนักและขนาด ทำให้เกิดความโดดเด่นได้ง่าย
COMBLNING
2. ตัวอักษรที่่ไมามีขา ผสมกับตัวอัษรมีขาการผสมอักษรแบบนี้ไม่มีจุดเด่นเนื่องจากตัวอักษรมีสองแบบไม่มีควมแตกต่างกันด้วยน้ำหนัก
3. ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้เหมาะสำหรับงานพัฒนาแนวความคิด
4. การผสมแบบหลากหลาย สามารถสร้างความแตกต่างได้อย่างหลากหลาย

Logo

วงจรสี และ แม่สี


แม่สี คือ สีที่นำมาผสมกันแล้วทำให้เกิดสีใหม่ ที่มีลักษณะแตกต่างไปจากสีเดิม แม่สี มือยู่ 2 ชนิด คือ

1. แม่สีของแสง เกิดจากการหักเหของแสงผ่านแท่งแก้วปริซึม มี 3 สี คือ สีแดง สีเหลือง และสีน้ำเงิน อยู่ในรูปของแสงรังสี ซึ่งเป็นพลังงาน ชนิดเดียวที่มีสี คุณสมบัติของแสงสามารถนำมาใช้ ในการถ่ายภาพ ภาพโทรทัศน์ การจัดแสงสี ในการแสดงต่าง ๆ เป็นต้น

2. แม่สีวัตถุธาตุ เป็นสีที่ได้มาจากธรรมชาติ และจากการสังเคราะห์โดยกระบวน ทางเคมี มี 3 สี คือ สีแดง สีเหลือง และสีน้ำเงิน แม่สีวัตถุธาตุเป็นแม่สีที่นำมาใช้ งานกันอย่างกว้างขวาง ในวงการศิลปะ วงการอุตสาหกรรม ฯลฯ

แม่สีวัตถุธาตุ เมื่อนำมาผสมกันตามหลักเกณฑ์ จะทำให้เกิด วงจรสี ซึ่งเป็นวงสี
ธรรมชาติ เกิดจากการผสมกันของแม่สีวัตถุธาตุ เป็นสีหลักที่ใช้งานกันทั่วไป ใน
วงจรสี จะแสดงสิ่งต่าง ๆ ดังต่อไปนี้

วงจรสี ( Colour Circle)

สีขั้นที่ 1 คือ แม่สี ได้แก่ สีแดง สีเหลือง สีน้ำเงิน

สีขั้นที่ 2 คือ สีที่เกิดจากสีขั้นที่ 1 หรือแม่สีผสมกันในอัตราส่วนที่เท่ากัน จะทำให้ เกิดสีใหม่ 3 สี ได้แก่

สีแดง ผสมกับสีเหลือง ได้สี ส้ม
สีแดง ผสมกับสีน้ำเงิน ได้สีม่วง
สีเหลือง ผสมกับสีน้ำเงิน ได้สีเขียว

สีขั้นที่ 3 คือ สีที่เกิดจากสีขั้นที่ 1 ผสมกับสีขั้นที่ 2 ในอัตราส่วนที่เท่ากันจะได้สีอื่น ๆ อีก 6 สี คือ


สีแดง ผสมกับสีส้ม ได้สี ส้มแดง
สีแดง ผสมกับสีม่วง ได้สีม่วงแดง
สีเหลือง ผสมกับสีเขียว ได้สีเขียวเหลือง
สีน้ำเงิน ผสมกับสีเขียว ได้สีเขียวน้ำเงิน
สีน้ำเงิน ผสมกับสีม่วง ได้สีม่วงน้ำเงิน
สีเหลือง ผสมกับสีส้ม ได้สีส้มเหลือง

วรรณะของสี คือสีที่ให้ความรู้สึกร้อน-เย็น ในวงจรสีจะมีสีร้อน 7 สี และ สีเย็น 7 สี ซึ่งแบ่งที่ สีม่วงกับสีเหลือง ซึ่งเป็นได้ทั้งสองวรรณะ

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

1. มีพื้นที่ของสีหนึ่งมาก อีกสีหนึ่งน้อย
2. ผสมสีอื่นๆ ลงไปสีสีใดสีหนึ่ง หรือทั้งสองสี
3. ผสมสีตรงข้ามลงไปในสีทั้งสองสี

กลาง คือ สีที่เข้าได้กับสีทุกสี สีกลางในวงจรสี มี 2 สี คือ สีน้ำตาล กับ สีเทา
สีน้ำตาล เกิดจากสีตรงข้ามกันในวงจรสีผสมกัน ในอัตราส่วนที่เท่ากัน สีน้ำตาลมี คุณสมบัติสำคัญ คือ ใช้ผสมกับสีอื่นแล้วจะทำให้สีนั้น ๆ เข้มขึ้นโดยไม่เปลี่ยน แปลงค่าสี ถ้าผสมมาก ๆ เข้าก็จะกลายเป็นสีน้ำตาล

สีเทา เกิดจากสีทุกสี ๆ สีในวงจรสีผสมกัน ในอัตราส่วนเท่ากัน สีเทา มีคุณสมบัติ ที่สำคัญ คือ ใช้ผสมกับสีอื่น ๆ แล้วจะทำให้ มืด หม่น ใช้ในส่วนที่เป็นเงา ซึ่งมีน้ำหนัก อ่อนแก่ในระดับต่าง ๆ ถ้าผสมมาก ๆ เข้าจะกลายเป็นสีเทา

Concept

กลุ่มเป้าหมาย: ผู้หญิงอายุ 25-35 ปี ,ผู้สนใจทั่วไป
แนวความคิด: นี่แหละหนังสือ Update ดีๆที่อยากบอกต่อ
อารมณ์และความรู้สึก: เพลิดเพลิน ใหม่ กระฉับกระเฉง

โครงการ ระบบห้องสมุดเสมือนจริง

Mind Maps

Present by Daruwan

ประวัติส่วนตัว

ชื่อ นางสาวดรุวรรณ วันสำเริง

ชื่อเล่น ก้อย

ที่อยู่ 262 ซอย ตากสิน 18 แขวงบุคคโล เขตธนบุรี กรุงเทพฯ

เบอร์โทร 0820935742

E-mail ky_redhot@hotmail.com

นิสัย ร่าเริง สดใส

ประสบการณ์ ฝึกงานธนาคารออมสิน

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

สื่อมัลติมีเดียที่มีอิทธิพลมากที่สุด คือ เว็บไซด์ที่เกี่ยวกับแฟชั่น การแต่งตัว ดูหนัง ฟังเพลง ซึ่งสื่อมัลติมีเดียเหล่านี้เข้ามามีบทบาทในชีวิตประจำวันมากขึ้น ไม่ว่าจะเป็นการซื้อขายของต่างๆ เหล่านี้ก็มักจะซื่อขายผ่านทางเว็บไซด์กันมากขั้น
การซื่อขายผ่านทางเว็บไซด์นั้นสะดวก รวดเร็ว ไม่ต้องสิ้นเปลืองค่าใช่จ่ายในการเดินทาง ไม่ต้องขึ้นรถหลายต่อ ไม่ต้องเดินทางให้ลำบาก และในปัจจุบันนี้สินค้าเหล่านี้มักจะถูกใจผู้ซื้อมากขึ้น มีการปรับปรุงสื่อมัลติมีเดียให้น่าซื้อมากขึ้น บวกกับปัจจัยหลายด้านที่สะดวก สบาย และราคาก็เท่ากันกับที่ร้านขายส่งอีกด้วย อย่างเช่นที่บ้านของดิฉันที่ทำอาชีพค้าขายเสื้อผ้า รองเท้า กระเป๋า ก็ได้สั่งซื้อของจากเว็บไซด์เหล่านี้เหมือนกัน ซึ่งสินค้าเหล่านี้ก็ได้ตามที่สั่ง ถ้ามีของเสียหายเนื่องจากการส่ง ทางบริษัทก็มันจะรับเปลี่ยน ซึ่งถ้าไปซื้อที่ร้านขายส่งนั้น ถ้าซื่อกลับมาและจะไม่รับเปลี่ยน สื่อมัลติมีเดียเหล่านี้จึงมีบทเข้ามามีอิทธิพลกับชีวิตประจำวันของเรามากขั้น ไม่ว่า จะอยู่ต่างจังหวัดก็สามารถสั่งซื้อทางเว็บไซด์ได้เลย ถ้าซื้อในปริมาณมากๆ เสียค่าจัดส่งไม่มากนั้น รับของสั่งทางไปรษณีย์ตามสถานที่ๆ ใกล้บ้านได้เลย