เว็บไซต์

ชุดสี

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

ชื่อเรื่อง = เลิกหมกมุ่น มุ่งกีฬาสู่ความสำเร็จ

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

3. หลักการใช้สีสำหรับการออกแบบเว็บไซต์
3.1 จำนวนของสีหลัก = เลือกตาม Concept+Tone
3.2 การใช้สีพื้นหลัง = ภาพ,ลวดลาย,สี ต้องเชื่อมโยงกับตัวอักษร ถ้าตัวอักษรเข้มพื้นหลังจะอ่อน
3.3 โทนสีโดยรวม = จะมีโทนร้อน และ โทนเย็น
3.4 สีกับหมวดหมู่


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

4.1 สีของตัวอักษร =อักษร พื้นเข้ม อ่อน/กลาง กลาง เข้ม/อ่อน อ่อน เข้ม/กลาง
4.2 ลักษณะของตัวอักษร=Ms san serif, Arial, Geneva, Helvetica, Verdana / ขนาด 14-20 หนา เอียง กระพริบ
4.3 จำนวนของกราฟริก=1 ภาพ 1 เสียง
4.4 ตำแหน่งในการวางภาพ=ซ้าย กลาง ขวา
4.5 ขนาดภาพ=Jpeg/bitmap, Gif/vector

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

5.1 การใช้ภาพเคลื่อนไหว = Logo animated,interactive,web (Flash)

5.2 การใช้วิดีโอคลิป = Flash,window Media,plug-in

5.3 การใช้เสียง= on-off

รูปแบบและการนำเสนอ (หน้าเว็บไซต์)

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

1.ลักษณะโครงสร้างของหน้าเว็บไซต์
1.1 แนวตั้ง

1.2 แนวนอน
1.3 พอดีหน้าจอ
2.การจัดวางตำแหน่ง(แนวตั้ง)

2.1 ส่วนหัว = เว็บไซต์ช่อง 3 มีโล้โก้ประจำตัวที่เด่นชัดที่มุมซ้าย มีชื่อเว็บไซต์ด้านล่างโลโก้ , มีระบบนำทางแบบ drop-down , มี Banner โฆษณาอยู่ด้านบนสุด

2.2 ส่วนเนื้อหา = เว็บไซต์ช่อง 3 มีเนื้อหาอยู่ช่วงกลางเว็บไซต์มีการจัดวางตัวหนังมีตัวอักษร hypertext , มีภาพประกอบเช่นภาพละครอัพเดทล่าสุดต่าง ๆ , มีเนื้อหาอัพเดทเกี่ย่วกับดารา ,ละครทีวี . รายการทีวีต่าง ๆ

2.3 ส่วนท้าย = มีข้อมูลเพิ่มเติมอยู่ด้านท้ายเป็นตัวอักษร hypertext , มีข้อมูลลิขสิทธิ์, มีการติดต่อผู้ดูแลเว็บไซต์ที่ด้านล่างสุด

3. การใช้ตัวอักษร ภาพ ออกแบบเว็บไซต์
3. 1.สีตัวอักษรเนื้อหา= เป็น สีดำ
3.2.ลักษณะตัวอักษร(Font) =อักษรบางตัวขึ้นอยู่กับ การเขียนโค้ดภาษา HTML ขนาดอยู่ที่ประมาณ 14 – 20
3.3.ภาพ =เป็นภาพต่าง ๆ ที่เหมาะกับเนื้อหาของข้อมูล
3.4.ตำแหน่งของภาพ =อยู่ตำแหน่งของข้อความต่าง ๆ
3.5.ขนาดของภาพ= ปานกลาง

4. ตำแหน่งของเมนู = อยู๋ในช่วงด้านบน

5. ลักษณะของเมนู = เป้นเมนูแบบ Drop-Down

6.การแบ่งหมวดหมูของเมนู = หมวดข่าว,หมวดละคร, บันเทิง , ข้อมูลติดต่อ

องค์ประกอบการออกแบบ(Element of design)

วงจรสี

สีขึ้นที่1Primary -ประกอบด้วย สี แดง สีเหลือง และสีน้ำเงิน ซึ่งเมื่อนำแม่สีทั้งสามมาผสมกันในอัตราส่วนต่างๆก็จะเกิดสีขึ้นมามากมาย ซึ่งประโยชน์ จากการที่เรานำสีมาผสมกันทำให้เรา สามารถเลือกสีต่างๆมาใช้ได้ตามความพอใจ สร้างสรรค์ผลงานศิลปะที่งดงามตามความพอใจขอผู้สร้าง สีที่เกิดจากการนำเอาแม่สีมา ผสมกัน เกิดสีใหม่เมื่อนำมาจัดเรียงอย่างเป็นระบบ รวมเรียกว่าวงจรสี
สีขั้นที่ 2 (Binary Color)- เกิดจากการนำเอาสีขั้นที่ 1 (แม่สี ) มาผสมในอัตราส่วนเท่าๆกันประกอบด้วยสี เขียว สีส้ม และสีม่วง
สีขั้นที่ 3 (Intermediate Color)-เกิดจากการนำเอาสีขั้นที่ 2 ผสมกับสีขั้นต้นที่อยู่ใกล้เคียงกันได้สีแตกต่างออกไป ได้แก่ สีเหลืองแกมเขียว สีน้ำเงินแกมม่วง สีแดงแกมม่วง สีแดงแกมส้ม สีเหลืองแกมส้ม และสีน้ำเงินแกมเขียว

ศัพท์ที่เกี่ยวกับสี
1.Hue=ตัวสี,เนื้อสี
2.Saturation=ความเข้มข้นของสีสีเช่น ขาวจั้ว แดงแป๊ด ดำปี๋
3.Value=ค่านํ้าหนักของสี

ระบบสี
ระบบสีแบบ CMYK = (CYAN,MAGENTA,YELLOW,KEY)ระบบสีแบบ CMYK เป็นระบบที่นิยมใช้กันในเรื่องของการพิมพ์ การนำหมึกสีทั้งสี่ในระบบ CMYK มาผสมกัน จะทำให้เกิดสีได้หลากหลายสีเพื่อนำมาใช้ในการพิมพ์ภาพต่างๆ ถ้าคุณลองสังเกตุดีดีหรือลองใช้แว่นขยายส่องไปที่ภาพที่พิมพ์ด้วยระบบ CMYK คุณจะเห็นมีเม็ดสีเม็ดเล็กทั้งสี่สีอยู่เต็มไปหมด ในส่วนของการใช้งานนั้น ตามที่กล่าวไว้ข้างต้นว่าระบบ CMYK จะใช้สำหรับงานที่ออกแบบมาเพื่อ Print out เช่น งานโปสเตอร์ นามบัตร แผ่นพับ งานสิ่งพิมพ์ต่างๆ
ระบบสีแบบ RGB = (RED,GREEN,BLUE)สีที่แสดงในระบบสีแบบ RGB นั้นอธิบายสั้นๆให้เข้าใจง่ายคือ สีที่ใช้บนจอMonitor ของคอมพิวเตอร์นั้นเอง โดยหลักการของระบบสี RGB คือ แสงสีแดงแสงสีเขียว และแสงสีฟ้า ทำการผสมกันในอัตราส่วนที่แตกต่างจนเกิดเป็นสีต่างๆให้เรามองเห็น ส่วนในด้านของการใช้งานนั้น ระบบสีแบบ RGB เราจะใช้สำหรับภาพกราฟฟิกที่แสดงบนหน้าจอคอมพิวเตอร์ หรืออุปกรณ์แสดงผลในรูปแบบจอมอนิเตอร์ เช่น ภาพตามwebsiteต่างๆ ฯลฯ

การแต่งตัว(หลักการเลือกสี)
Color Combination
1.monochromatic คื่อการใช้สีเดียว เพื่อสร้างความแตกต่าง ด้วยระดับความมือสว่างของสี (โมโนโทน)
2.triads คือการใช้สีตามสีที่อยู่ตัดกันใกล้เคียงกัน เพื่อให้เกิดความแตกต่างของสี อย่างชัดเจน ลดระดับของความเข้มก็ได้
3.analogous คือการใช้สีที่อยู๋ติดกันใกล้เคียงกัน โดยเืลือกจากสีที่อยู๋ถัดไป 2-3 สีสามารถสร้างความกลมกลืนได้ดี
4.complementary คือการใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี การใช้สีดำหรือเทา เพื่อลดความรุนแรงของสี นอกจากนั้นการใช้สี 2 สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากันดังนั้นจึงควรลดความเข้มของสีหนึ่งลง
5.split-complements คือการใช้สีผสม เป็นการผสมผสานระหว่างสีโทนร้อนและเย็น โดยเริ่มจากการเลือกสีใดสีหนึงและจับคู่กับอีก 2 สี ในโทนสีตรงข้ามกัน

------------------------------------www.Colorblender.com----------------------------------

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

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

Multimedia Design Brief

Multimedia Design Brief

1. ชื่อโครงการ=DooDoo-Online
2.ข้อมูลเบื้องต้นและลักษณะของโครงการ=การดูภาพยนตร์เป็นการผ่อนคลายวิธีหนึ่งที่ให้มนุษย์ไม่ฟุ้งซ่านมีการฉายทางทีวีและซื้อในรูปแบบ CVD,DVD มาดูที่บ้าน นาน ๆเข้าอาจจะเบื่อหน่ายกับเรื่องเดิม ๆ ทางเว็บไซต์เราจึงมีการเปิดดูภาพยนตร์ทุก 24 ชั่วโมง และมีหลายโหมดหลายเรื่องที่ให้เลือกชมภาพยนตร์
3. ปัญหา=การชมภาพยนตร์ บางครั้งเราต้องสิ้นเปลืองเงินเพื่อนใช้จ่ายกับการซื้อสินค้าในรูปแบบ CD,DVD
และบางครั้งต้องรอชมรายการทางสถานีโทรทัศน์ เพื่อจะรอชมภาพยนตร์
4.จุดมุ่งหมาย=เพื่อชมภาพยนตร์เราต้องเสียค่าใช้จ่ายในการเสียเงิน เพื่อซื้อหนังในรูปแบบ CD,DVD เราจึงนำช่องทางทาง Internet ได้เลือกชมหลาย ๆเรื่องหลาย ๆ แนว และเปิดทุก 24 ชั่วโมง แบบไม่ต้องรอชม
5.กลุ่มเป้าหมาย=5.1.ทางกายภาพ
5.1.1 เพศ=ทุกเพศ
5.1.2 อายุ=ทุกวัย
5.1.3 สถานภาพ= ไม่จำกัด

5.1.4 อาจจะต้องเสียค่าใช้จ่ายในการใช้ Internet
5.2.ทางจินตภาพ = มีหลาย ๆ แนวให้เลือกไม่ว่าจะเป็น บู๊,ซึ้ง,สนุก,กวน ๆ

5.2.1 อารมณ์ความรู้สึก = โน้มน้าว รู้ใจ ชักชวน (อยากรู้อยากเห็น)

6.แนวความคิด= "ว่างไหม...หนังใหม่เพียบ"

7.รูปแบบการนำเสนอ=เป็นเว็บไซต์ที่ใช้เชื่อมต่อกับ www.udoo24hr.com หรือที่ www.youtube.comเพื่อนชมไตเติ้ล หรือต้องค้นหาและชมอย่างง่ายดาย โดยเข้าเว็บไซต์ www.DooDoo-Online.com
8.จำนวนและปริมาณงาน=www.DooDoo-Online.comและwww.youtube.com อีก 1 ช่องทาง

"ภาพสามเหลี่ยมวิเคราะห์หลักการออกแบบ"

งานออกแบบ

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

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

Web ดาวโหลด (คุ้มดอทเน็ต)

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

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

ชื่อ - นามสกุล = วีรยุทธ กลิ่นกระจาย

ชื่อเล่น = เบิร์ด

วันเกิด = 14 มีนาคม 2534

อายุ = 19

ที่อยู่ = 41 หมู่14 แขวงบางหว้า เขตภาษีเจริญ หมู่บ้านอินทราวิลล่า กรุงเทพฯ 10160

E-MAIL = weerayut_24807@hotmail.com