WebsitE II *~

วันพฤหัสบดีที่ 30 กันยายน พ.ศ. 2553

หน้าเว็บ http://Starfighter-Talesrunner.com

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

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

4.การใช้ตัวอักษรและภาพกราฟฟิก
4.1 สีของตัวอักษร = อักษร พื้นเข้ม อ่อน/กลาง กลาง เข้ม/อ่อน อ่อน เข้ม/กลาง
4.2 ลักษณะของตัวอักษร = AgaraDull , Snap ITC / ขนาด 20 - 75 หนา
4.3 จำนวนของกราฟริก = 1 ภาพ 1 เสียง
4.4 ตำแหน่งในการวางภาพ = ซ้าย กลาง ขวา
4.5 ขนาดภาพ = Jpeg/bitmap , Gif/vector

5.การใช้สื่อประสม สำหรับออกแบบเว็บไซต์
5.1 การใช้ภาพเคลื่อนไหว = Logo animated,interactive,web (Flash)
5.2 การใช้วิดีโอคลิป = Flash , window Media,plug - in
5.3 การใช้เสียง = on - off

WebsitE*~

วันพฤหัสบดีที่ 23 กันยายน พ.ศ. 2553
โครงสร้างwebแนวนอน-แนวตั้ง-พอดีจอ
ลักษณะเป็นแบบ แนวตั้ง
ขนาดของหน้าเว็บ 800x600 px
การจัดวางตำแหน่ง

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

ส่วนกลาง : ตัวอักษร , ภาพ , ข้อความ

ส่วนท้าย : ข้อตกลงการใช้บริการ , ติดต่อเว็บไซต์ , แจ้งปัญหาการใช้งาน , ติดต่อโฆษณา

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

ลักษณะของเมนู : รูปแบบ ตัวอักษร

การแบ่งหมวดหมู่ : Hot Topic , Album Vote , Video , PicPost , เช็ครอบหนัง ภาพยนตร์ , เรื่องย่อละครดัง , ข่าวบันเทิง , Woman , Men , บอกเล่าเก้าสิบ , หาเพื่อน

!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*

ลักษณะเป็นแบบแนวนอน
ขนาดของหน้าเว็บ ยาวมาก การจัดวางตำแหน่ง

ส่วนหัว : แถบเมนู , แบคกราวภาพ

ส่วนกลาง : ตัวอักษร , ภาพ , ข้อความ

ส่วนท้าย : Myspace , Youtube , Forum

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

ลักษณะของเมนู : รูปแบบ ตัวอักษร

การแบ่งหมวดหมู่ : News , Biography , Discography , Music , Video , Photos , Link , Forum , Contract

!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*

ลักษณะเป็นแบบพอดีจอ
ขนาดของหน้าเว็บ 1024x768 px
การจัดวางตำแหน่ง

ส่วนหัว : LOGO , ชื่อเว็บ , แถบเมนู

ส่วนกลาง : ภาพ

ส่วนท้าย : Quick Links

ตำแหน่งของเมนู : ส่วนเชื่อมโยง บน , ขวา

ลักษณะของเมนู : รูปแบบ ตัวอักษร

การแบ่งหมวดหมู่ : News , Biography , Discography , Music , Video , Photos , Link , Forum , Contract

!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*!~*

LoGo*~

วันพฤหัสบดี ที่ 16 กันยายน 2553

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

โทนสีที่จะใช้ทำตัวอักษร มาจากเวบ www.colorblender.com

งานชิ้นที่ 3

( 1 สี )

( 2 สี )

( 3 สี )

( 4 สี )

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

วันพฤหัสบดี ที่ 2 กันยายน 2553

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

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

Element of Design*~

วันพฤหัสบดี ที่ 9 กันยายน 2553

องค์ประกอบการออกแบบ

Element of Design
หลักการของสี

วงจรสี คือ การแบ่งสีตามหลักการในระบบสี
Primary สีขั้นต้น : น้ำเงิน เหลือง แดง ( แม่สี )
Secondary สีขั้นที่สอง : ม่วง เขียว ส้มTertiary สีขั้นที่สาม :


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

Saturation เป็นเรื่องของความเข้มข้นและความจางของสี Saturation คือสัดส่วนของสี Hue ที่มีอยู่ในสีเทา วัดค่าเป็น % ดังนี้ คือจาก 0% (สีเทา) จนถึง 100% (full saturation สีที่มีความอิ่มตัวเต็มที่)

Value น้ำหนักสี หมายถึง น้ำหนักอ่อนแก่เฉพาะตัวของสี อาจจะ ใกล้เคียงกัน เหมือนกัน หรือ ต่างกัน น้ำหนักอ่อนแก่เฉพาะตัวนี้เรียกว่า น้ำหนักปกติ (normal) โดยเปรียบเทียบกับน้ำหนัก ขาว–ดำ

RGB และ CMYK คืออะไร

เมื่อทำงานเกี่ยวกับการออกแบบด้วยคอมพิวเตอร์ มักจะเจอคำว่า RGB และ CMYK แต่ความหมายของมันคืออะไรกันนะ

RGB และ CMYK ก็คือระบบการแทนค่าสีที่ใช้ในงานกราฟิก แบ่งเป็น 2 โหมด คือ RGB และ CMYK ซึ่งเหมาะกับงานคนละประเภทกัน

RGB มีแนวคิดมาจากการผสมแสงสีหลัก 3 สีเข้าด้วยกัน คือ แดง (RED) เขียว (GREEN) และน้ำเงิน (BLUE) ซึ่งเมื่อผสมกันจะทำให้เกิดสีจำนวนมากและเมื่อนำมารวมกันที่ความเข้มสูงสุด จะได้สีขาว ส่วนใหญ่การใช้สีลักษณะนี้จะใช้ในอุปกรณ์ที่เกี่ยวกับแสง เช่นจอภาพ กล้องดิจิตอล เป็นต้น

CMYK มีแนวคิดมาจากระบบการพิมพ์ โดยภาพจะถูกแยกออกเป็นแม่พิมพ์ของสีหลักเพียง 4 สี คือ ฟ้า (CYAN) ม่วงแดง (MAGENTA) เหลือง (YELLOW) ดำ (BLACK) ซึ่งเมื่อนำมารวมกันแล้วจะได้สีดำ

การแต่งตัว
หลักการเลือกสี

Color Combination

1. Monochromatic
คือการใช้สีเดียว เพื่อสร้างความแตกต่าง ด้วยระดับความมืด-สว่างของสี
2. Triads
คือการใช้สี 3 สีที่อยู่ตรงข้ามกัน ควรทดลองใช้หลายรูปแบบ เพื่อสร้างความแตกต่าง
3. Analogous
คือการใช้สีที่อยู๋ติดกันใกล้เคียงกัน โดยเืลือกจากสีที่อยู๋ถัดไป 2-3 สีสามารถสร้างความกลมกลืนได้ดี
4. Complementary
คือการใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี การใช้สีดำหรือเทา เพื่อลดความรุนแรงของสี นอกจากนั้นการใช้สี 2 สีที่แตกต่างกันมาก จะทำให้มีความสำคัญเท่ากันดังนั้นจึงควรลดความเข้มของสีหนึ่งลง
5. Split-Complements
คือการใช้สีผสม เป็นการผสมผสานระหว่างสีโทนร้อนและเย็น โดยเริ่มจากการเลือกสีใดสีหนึ่งและจับคู่กับอีก 2 สี ในโทนสีตรงข้ามกัน

Video Clip*~

ก็ไม่สวยมากมายอะไรนะ ใช้มือถือเครื่องเดียวถ่าย รีบๆทำ

ชื่อกลุ่ม ถึงเล็บจะขบ ตาจะแฉะ ก็ยังนั่งแหมะอยู่หน้าคอม

ชื่อผลงาน BlackBerry

แนวความคิดรวมเกี่ยวกับคลิปวีดีโอ

1. สาเหตุที่เลือกเรื่องนี้มาทำ เพราะว่า ในปัจจุบันสังคมมีแต่คนเล่น BB และเป็นอะไรที่ใกล้ตัวของเรามากที่สุด

2. วิธีการนำเสนอ จะนำเสนอผ่าน ชีวิตของวัยรุ่นสมัยนี้ ที่วันๆเอาแต่เล่น BB จนแทบไม่สนใจสิ่งรอบตัวทั้งการเรียน เพื่อน สังคม

Multimedia Design Brief*~

วันพฤหัสบดี ที่ 15 กรกฎาคม 2553

Multimedia Design Brief

ชื่อโครงการ

เกมส์ออนไลน์ TalesRunner

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

ปัญหา
เกมส์ออนไลน์ ก็มีเยอะนะ เราจะทำยังไงให้ตัวเกมส์เราน่าสนใจ ดึงดูดให้คนมาเล่นกัน ให้คุ้มกับทุนที่สร้างขึ้นมา

จุดมุ่งหมาย
เพื่อให้ความบันเทิงกับคนที่มาเล่น แหล่งรวมเพื่อนที่มากมาย

กลุ่มเป้าหมาย
ลักษณะทางกายภาพ เด็ก อายุ 13-18 ปี ลักษณะทางจินภาพ รวดเร็ว - ว่องไว - สดใส

แนวความคิด
" วิ่งให้ตายกันไปข้างนึง "

รูปแบบการนำเสนอ
เวบไซด์ของเกมส์

จำนวนและปริมาณงาน
http://Starfighter-TalesRunner.com แค่ตัวเว็ปไซด์เท่านั้น

งานออกแบบ*~

วันพฤหัสบดี ที่ 14 กรกฎาคม 2553

หากมองภาพไม่เห็นกรุณา คลิกที่ภาพ เพื่อดูภาพใหญ่นะครับ

" บันเทิง "

เกมส์ออนไลน์

http://Starfighter-TalesRunner.com [ Make ขึ้นมาเอง >_<"]

INDEX ประกอบไปด้วย

1) Text - ข้อความชื่อของเกมส์

2) Image - ภาพนิ่งตัวละครในเกมส์ + โลโก้เกมส์

3) Animation - Video Present ตัวละครอาชีพต่างๆในเกม

4) Sound - เสียงประกอบหน้าเว็บ เป็นพวก MIDI

ภายในเว็บไซด์ ประกอบด้วย

1) Index หน้าเปิดเวบ & HOME หน้ารวมเมนูต่างๆ

2) News ไว้ดูจดหมายข่าวของเกมส์ รวมถึงกิจกรรมภายในเกมส์

3) Game guide ก็จะบอกแนวทางการเล่นเกมคร่าวๆ ละก็ตัวละครภายในเกมส์

4) Download ตัวติดตั้งเกมส์ เราสามารถโหลดไป แล้วsetup ได้

5) Webbord ไว้สนทนากันเกี่ยวกับเรื่องในเกมส์ ฯลฯ
6) Service ไว้สำหรับเติมเงินเข้าเกมส์

Multimedia มีอิทธิพลต่อเราอย่างไร*~

วันพฤหัสบดี ที่ 1 กรกฎาคม 2553

Multimedia มีอิทธิพลต่อเราอย่างไร

Game Online

ซึ่งปัจจุบันนี้เกมออนไลน์เป็นที่แพร่หลายมากโดยเฉพาะสังคมวัยรุ่น ไม่เว้นแม้กระทั่งวัยทำงาน ซึ่งเกมออนไลน์นั้นทุกคนต้องเคยเล่น ไม่ว่าจะFlashเกมตามเวบต่างๆ เกมออฟไลน์
พูดถึงเกมออนไลน์ว่ามีอิทธิพลกับผมไหมมีเ้ยอะเลยทีเดียว เพราะวันๆนึงถ้าไม่มีเรียนก็เล่นแทบทั้งวัน เล่นเกมไป ฟังเพลงไป แชตSkypeกับเพื่อนในกลุ่มไป
(โปรแกรม Skype ดีมาก แนะนำ ไม่เสียตัง สัญญานไม่มีดีเร Confirm ) แล้วถ้าวันไหนมีเรียน พอกลับถึงบ้านสิ่งแรกคือเสียบปลั๊กคอม เปิดคอม แล้วค่อยไปอาบน้ำ คือมันติดเป็นนิสัยไปแล้ว อ่อ ปกติผมจะเล่นคอมวันที่ไม่มีเรียนก็12ชม.อย่างต่ำ วันที่มีเรียนก็ 6ชม.
แต่เราต้องแบ่งเวลาให้ถูกนะ ไม่งั้นจะกลายเป็นผลเสียแก่ตัวเราเอง การเล่นเกมใครใช่ว่าจะไม่ดีเสมอไป คือตอนนี้เกมที่เล่นของผมก็ Godswar

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

มันส์จิงๆแนะนำสำหรับพวกชอบ Free PK

-My ResumE -*~

-My ResumE -
ประวัติส่วนตัว

ชื่อ - นามสกุล : นายดิสพงษ์ เนื้อทอง
ชื่อเล่น : เพชร
วันเกิด : 10 ธันวาคม 2531
อายุ : 22 ปี
ที่อยู่ : 20/12 ถ.พระราม3 ซอย57 แขวงช่องนนทรี เขตยานนาวา กรุงเทพฯ 10120
MSN : phet_starfighter@hotmail.com
Skype : phet-starfighter