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



ชมไม่ได้คลิ๊กที่นี่

เว็บไซด์โครงการ

1.แนวตั้ง




2.การจัดวางตำแหน่ง(แนวตั้ง)
2.1 ส่วนหัว = เว็บไซต์ช่อง 3 มีโล้โก้ประจำตัวที่เด่นชัดที่มุมซ้าย มีชื่อเว็บไซต์ด้านล่างโลโก้ , มีระบบนำทางแบบ dropdown , มี 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.การแบ่งหมวดหมูของเมนู = หมวดข่าว,หมวดละคร, บันเทิง , ข้อมูลติดต่อ

แนวตั้ง

แนวนอน

เต็มจอ

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

อักษร+รูป

Font logo


องค์ประกอบการออกแบบ(ELEMENT OF DESIGN)
สี
สีขั้นที่ 1 แดง น้ำเงิน เหลือง
สีขั้นที่ 2 ม่วง เขียว ส้ม เกิดจากการนำสีขั้นที่ 1 มาผสมกัน
สีขั้นที่ 3 แดงม่วง น้ำเงินม่วง คราม เขียวเหลือง แดงส้ม เหลืองส้ม เกิดจากการนำสีขั้นที่ 1 ผสมกับขั้นที่ 2

การผสมสี
จริง ๆแล้วสีต่าง ๆ ที่เรามองเห็นเกิดจากการผสมสีใน 2 รูปแบบ คือ

การผสมสีแบบบวก (Additive Color Mixing)เป็นการผสมสีของ "แสง" ซึ่งอาจเข้าใจยากสักหน่อย เพราะแตกต่างจากความคุ้นเคยที่เราเคยรู้กันมา แสงสีขาวที่เห็นทั่วไปนั่นประกอบดวยแสงที่มีความยาวคลื่นต่าง ๆ กันซ้อนทับรวมตัวกันเกิดเป็นสีสันต่าง ๆจึงเรียกว่า "สีแบบบวก"โดยมีแม่สีพื้นฐานคือ สีแดง สีเขียว และสีน้ำเงิน (Red Green and Blue) เมื่อสามสีนี้ผสมกันจะได้สีขาว (สังเกต ว่าจะต่างจากที่เคยเรียนมาตอนเด็ก ๆ ที่มีแม่สีคือ สีแดง เหลือง น้ำเงิน ผสมกันได้สีดำ) หลักการนี้นำไปใช้กับการมองเห็นสีที่เกิดจากการผสมกันของแสง เช่น จอมอนิเตอร์ จอโทรทัศน์ ที่เรียกว่า RGB Mode

การผสมสีแบบลบ (Subtractive Color Mixing) เป็นสีที่เกิดจากการดูดกลืนแสงสะท้อนจากวัตถุ คือเมื่อมีลำแสงสีขาวตกกระทบวัตถุสีต่าง ๆคลื่นแสงบางส่วนจะถูกดูดกลืนไว้ และสะท้อนเพียงบางสีออกมา จึงเป็นที่มาของชื่อ "สีแบบลบ" มีแม่สีคือ สีฟ้าแกมเขีว (Cyan) สีม่วงแดง (Magenta) และสีเหลือง (Yellow) เมื่อสามสีผสมกันจะเป็นสีดำเพราะแสงถูกดูดกลืนไว้หมด ไม่สีแสงสะท้อนมาเข้าตา จึงไม่เกิดสีอะ ตาจึงเห็นเป็นสึดำ หลักการนี้ได้นำไปใช้กับการผสมสี เพื่อใช้ในการพิมพ์ โดยใช้แม่สี แต่เพิ่มสีดำขึ้นมาอีกสีหนึ่งผสมกันเป็นโทนต่าง ๆ ด้วยใช้เม็ดสกรีน ทำให้ได้ภาพสีสันสมจริง ดังนั้น หากต้องทำงานเกี่ยวกับสิ่งพิมพ์ ต้องเตรียมภาพด้วยระบบสีนี้ ในโปรแกรมเรียกว่า CMYK Mode

องค์ประกอบของสีในงานออกแบบนั้น มีคุณสมบัติอยู่ 3 ประการคือ
1. สี,เนี้อสี (Hue)
2. น้ำหนักสี (Value / Brightness)
3. ความสดของสี (Intensity / Saturation)

สี,เนื้อสี (Hue)
เนื้อสี หรือ Hue คือความแตกต่างของสีบริสุทธิ์แต่ละสี ซึ่งเราจะเรียกเป็นชื่อสี เช่น สีแดง สีน้ำตาล สีม่วง เป็นต้น โดยแบ่งเนื้อสีออกเป็น 2 ชนิด
1. สีของแสง (Coloured Light)
สีของแสง คือความแตกต่างสั้นยาวของคลื่นแสงที่เรามองเห็น เริ่มจากสีม่วงไปสีแดง(เหมือนรุ่งกินน้ำที่เรามองเห็นหลังฝนตก)
2. สีของสาร (Coloured Pigment)
สีของสาร คือสีที่เรามองเห็นบนวัตถุต่าง ๆ ซึ่งเกิดจากการดูดซืมและสะท้อนของความยาวคลื่นแสง จากการที่เรามองเห็นสีของสารต่าง ๆ นี่เองจึงค้นพบว่ามีสีอยู่ 3 สี ที่เป็นต้นกำเนิดของสีอื่น ๆ ที่ไม่สามารถสร้างหรือผสมให้เกิดจากสีอื่นได้ หรือที่เรียกกันว่า " แม่สี " ได้แก่ แดง,เหลือง,น้ำเงิน

น้ำหนักสี (Value)
จะว่าไปแล้วแน้ำสีก็คือเรื่องของความสว่างของสี หรือการเพิ่มขาว เติมดำลงในเนื้อสีที่เรามีอยู่และการปรับเปลี่ยนน้ำหนักสีนี่เองที่ทำให้ภาพดูมีมิติ ดูมีความลึก หรือที่เราเรียกวันว่า โทน Tone ซึ่งบางครั้งสร้างความน่าสนใจ ดึงดูดและความสมจริงให้กับงานที่เราออกแบบได้

ความสดของสี (Intensity/Saturation)
ความสดของสีหรือบางคนอาจเรียกว่า ความอิ่มตัวของสี เป็นเรื่องสำคัญอีกเรื่องหนึ่งในการออกแบบ การใช้สีบางครั้งเราอาจจะต้องลดหรือเพิ่ม ความสดของสีใดสีหนึ่ง หรือ ทั้ง 2 สีเลยก็ได้ในกรณีลดความสดของสีก็เพื่อไม่ให้ภาพงานที่ออกมานั้นดูฉูดฉาดจนเกินไป ลดความสดของสีจะเรียกอีกอย่างว่า เป็นการเบรกสีก็ได้ ในการเบรกสีของงานศิลปะ ศิลปินมักจะใช้สีน้ำตาลซีเปียมาเติมลงในสีที่เขาต้องการเพื่อให้สีที่ได้ออกมามีเนื้อสีเดิมแต่ดูหม่นลง


หลักการเลือกสี(Color Combination)
1.MONOCHROMATIC
การใช้สีเดียว สร้างความแตกต่างด้วยระดับ ความมืด-สว่าง ของสี

2.COLOR COMBINATION
การใช้สี 3 สีจากคู่สีที่อยู่ตรงข้ามกัน ควรทดลองใช้หลายรูปแบบ เพื่อสร้างความแตกต่าง
3.ANALOGOUS
การใช้สีที่อยู่ใกล้เคียงกัน โดยเลือกจากสีที่อยู่ถัดไป อีก 2-3 สี สามารถสร้างความกลมกลืนได้ดี

4.COMPLEMENTARY
การใช้สีตรงข้ามกันอย่างสินเชิง สามารถช่วยเน้นความโดดเด่นได้ดี ควรใช้สีดำหรือเทา เพื่อลดความรุนแรงของสี นอกจากนั้นการใช้สี 2 สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากัน ดังนั้นจึงควรลดความเข้มของสีหนึ่งลง

5.SPLIT-COMPREMENTS
การใช้สีแบบผสม เป็นการผสมผสานระหว่างสีโทนร้อนและโทนเย็น โดยเริ่มจากการเลือกสีใดสีหนึ่ง
และจับคู่กันอีก 2 สี ในโทนตรงกันข้าม ควรเพิ่มความสว่าง,ความเข้ม ขึ้นเพื่อความลดหลั่นกันของสี

การใช้อักษร

การใช้ตัวอักษร
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.เช่นเดียวกันบการผสม่างอักษรสามารถสร้างความแตกต่างได้อย่างมากมาย
-ตัวอักษรแบบเป็นหลัก
-เลือกแบบฟ้อนต์รอง

ภาพงาน



















โครงการ


งานออกแบบ


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




1.ชื่อ นายชินกร โพทา

2.อยู่บ้านเลขที่ 1 ซ.เพชรเกษม 56 แยก 4 แขวงบางหว้า เขตภาษีเจริญ กรุงเทพฯ

เบอร์โทร. 0861379845 E-Mail Chin_na_gone@hotmail.com

3.มีความสนใจในเรื่องกีฬา ฟุตบอล

4.จุดมุ่งหมายในชีวิต คือ อยากประสบความสำเสร็จ เช่น นักกีฬาที่ได้เหรียญทอง

5.ประสบการทำงาน ยังไม่มี