Myweb - 4popmusic

Logo

วีดีโอแนะนำตัวเอง

การเลือฟอนต์

เว็ปแนวตั้ง-แนวนอน

เว็ปแนวตั้ง



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


เว็ปแนวนอน



ขนาดของหน้าเว็ป :1600 *800 px
การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ
ส่วนหัว : LoveBento - This what we love
ส่วนกลาง : เมนูทางด้านซ้ายสุด ,ข้อความ ,รูปภาพ ทำการแบ่งเนื้อหาต่างๆเป็นบล็อคๆเรียงในแนวนอนจากด้านซ้ายไปขวา
ตำแหน่งของเมนู : อยู่ทางด้านซ้ายของเว็ป
ลักษณะของเมนู : เป็นรูปแบบตัวอักษร แนวเฉียงลง45องศา

font 4แบบ

The Colors of The Web and Font

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

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

แม่สีวัตถุธาตุทั้ง 3 สีนี้ บางทีก็เรียกกันว่าสีขั้นที่ 1 ซึ่งสามารถทำให้เกิดสีขั้นที่ 2และที่ 3 ต่อไปได้อีก ด้วยวิทีการนำเอาเนื้อสีมาผสมกันในอัตราส่วนที่เท่ากัน

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

สิ่งที่ได้จากการผสมกันของแม่สีกับสีขั้นที่ 2 คือ
แดง ผสมกับ ส้ม เป็น ส้มแดง
เหลือง ผสมกับ ส้ม เป็น ส้มเหลือง
แดง ผสมกับ ม่วง เป็น ม่วงแดง
น้ำเงิน ผสมกับ ม่วง เป็น ม่วงน้ำเงิน
เหลือง ผสมกับ เขียว เป็น เขียวเหลือง
น้ำเงิน ผสมกับ เขียว เป็น เขียวน้ำเงิน
สีที่ได้จากการผสมกันของแม่สีกับสีขั้นที่ 2 คือ ส้มแดง ส้มเหลือง ม่วงแดง
ม่วงน้ำเงิน เขียวเหลือง เขียวน้ำเงิน เรียกว่าสีขั้นที่ 3

ถ้านำแม่สีทั้ง 3 สีมาผสมกัน ในอัตราส่วนเท่ากันจะเกิดสีกลาง ซึ่งมีลักษณะคล้ายสีเทา
การผสมกันของแม่สีกับสีขั้นที่ 1 และสีขั้นที่ 2 ทำให้เกิดสีขึ้นมาทั้งหมด 12 สีสีทั้งหมดนี้เมื่อนำมาเรียงกันเป็นวงกลมตามคู่ของการ
ผสมจะทำให้เกิดเป็นวงธรรมชาติ




สีต่างๆ ที่มีอิทธิพลต่อภาพลักษณ์ของแบรนด์



นี่คือการรวบรวมโลโก้เว็บไซต์ 100 แบรนด์ มาจำแนกแยกตามสีว่าสีใด ที่มีทรงพลังที่สุดบนเว็บ



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




การใช้ตัวอักษร (Typography)

Typography : การใช้อักษรหรือการจัดวางตัวอักษร
Font ( Typefaces ) : ชุดรูปแบบของตัวอักษร
Font Families : ตระกลูของชุดแบบอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง

ส่วนประกอบ
1. แบบมีเชิง ( Serlf )
2. แบบไม่มีเชิง ( Sans Serif )
3. แบบแฟชั่น ( Novelty )
4. แบบลายมือ ( Script )
5. แบบตัว ๆ ( Monospace )
6. แบบสัญลักษณ์ ( Dingbat , Ornament )

ขนาดตัวอักษร
มีหน่วยเป็น Points แบบอักษรที่มีความแตกต่างกันที่ขนาด Points ที่ไม่เท่ากัน ไม่จำเป็นต้องมีความสูงเท่ากันก็ได้ เช่น 72 Points เท่ากับ 1 นิ้ว

การจัดตำแหน่ง
1. แบบชิดขวา
2. แบบชิดซ้าย
3. แบบกระจายทั่ว
4. แบบตรงกลาง

การผสมตัวอักษร
- ตัวอักษรไม่มีขา ตัวหนา และตัวอักษรที่มีขา ตัวบาง ตัวอักษรทั้ง 2 แบบ มีความแตกต่างกัน ตรงที่ด้วนน้ำหนักและขนาดทำให้เกิดความโดดเด่นได้ง่าย

- ตัวอักษรมีขา ตัวหนา และตัวอักษรไม่มีขา ตัวบาง การผสมอักษรแบบนี้ทำให้เกิดจุดเด่นของสัญลักษณ์อักษรได้ง่าย

- คำเตือน
- ตัวอักษรไม่มีขา ผสมกับตัวอักษรมีขา การผสมแบบนี้จะทำให้ไม่มีจุดเด่น เนื่องจากตัวอักษรทั้ง 2 แบบไม่มีความแตกต่างกันด้วยน้ำหนัก
- ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้ เหมาะสำหรับงานที่มีการพัฒนาแนวความคิด
- การผสมอักษรสามารถสร้างความแตกต่างได้อย่างหลากหลาย

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

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

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


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

งานอาทิตย์ที่3 : แผนผังความคิด

งานอาทิตย์ที่5 : ภาพสื่อความหมาย

Pop ใสๆ หัวใจ 4 ดวง

กลุ่มเป้าหมาย : ผู้ที่ชื่นชอบหลงไหลในดนตรีแนวป๊อบ คอดนตรีป๊อบๆ
แนวความคิด : ใช้ภาพที่เกี่ยวกับดนตรี สีสันสดใส
สื่ออารมณ์และความรู้สึก : สดใส น่ารัก ลั่นล๊า

งานอาทิตย์ที่4 : โครงการ

ชื่อโครงการ : เครือข่ายสังคมคนรักดนตรีPop
ข้อมูลและลักษณะโครงการ : เป็นการสร้างสังคมออนไลน์สำหรับคนรักดนตรี เพื่อเปิดโอกาศให้คนที่รักดนตรีป๊อบ ได้เข้ามาพูดคุยแลกเปลี่ยนประสบการณ์ทางดนตรีกัน
ปัญหา : การทำให้สังคมออนไลน์แห่งนี้เป็นที่รู้จักของคนดนตรีป๊อบอย่างกว้างขวาง
จุดมุ่งหมาย : เพื่อให้เกิดมิตรภาพออนไลน์ของคนดนตรี และ เกิดสังคมที่มีการช่วยเหลือกัน
กลุ่มเป้าหมาย : วัยรุ่นที่ชื่นชอบในดนตรีป๊อบ
แนวความคิด : Pop ใสๆ หัวใจ 4 ดวง
รูปแบบและการนำเสนอ : นำเสนอผ่าน facebook เป็นการสร้างกลุ่ม"คนรักดนตรีPop" ขึ้นมาใน facebook และให้ผู้คนเข้ามาพูดคุยแลกเปลี่ยนความคิดกันผ่านทาง facebook กลุ่ม"คนรักดนตรีPop" หรือพูดคุยกันด้วยเสียงสดๆผ่านโปรแกรม TeamSpeaker(โปรแกรมสำหรับสนทนาออนไลน์ผ่านไมค์)
จำนวนและปริมาณงาน : facebook และ โปรแกรม TeamSpeaker