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 จนแทบไม่สนใจสิ่งรอบตัวทั้งการเรียน เพื่อน สังคม