วันพุธที่ 22 กันยายน พ.ศ. 2553

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

เว็ปแนวตั้ง



ขนาดของหน้าเว็ป 800 *600 px

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




เว็ปแนวนอน



ขนาดของหน้าเว็ป 1024*768 px

การจัดวางตำแหน่งของ LOGO เนื้อหา ภาพประกอบ
ส่วนหัว-ชื่อเว็ป โลโก้ Bandner navigator
ส่วนกลาง-ข่าวเด่น เนื้อหา ข้อความ
ตำแหน่งของเมนู-เปลี่ยนเว็ปเป็นภาษาอังกฤษ ที่ตั้งบริษัท เบอร์โทร อีเมล์ติดต่อ
ลักษณะของเมนู-เป็นแบบ pop-up อยู่ทางด้านบนของเว็ปไซต์
การแบ่งหมวดหมู่-ข่าว บันเทิง กีฬา ละคร การเมือง ...

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

Color Detail

วงจรสี ( Colour Circle)



สีขั้นที่ 1 คือ แม่สี ได้แก่ สีแดง สีเหลือง สีน้ำเงิน

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

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

-------------------------------------------------------------------------------------------------

ระบบสี RGB

ระบบสี RGB เป็นระบบสีของแสง ซึ่งเกิดจากการหักเหของแสงผ่านแท่งแก้วปริซึม จะเกิดแถบสีที่เรียกว่า สีรุ้ง ( Spectrum ) ซึ่งแยกสีตามที่สายตามองเห็นได้ 7 สี คือ แดง แสด เหลือง เขียว น้ำเงิน คราม ม่วง ซึ่งเป็นพลังงานอยู่ในรูปของรังสี ที่มีช่วงคลื่นที่สายตา สามารถมองเห็นได้ แสงสีม่วงมีความถี่คลื่นสูงที่สุด คลื่นแสงที่มีความถี่สูงกว่าแสงสีม่วง เรียกว่า อุลตราไวโอเลต ( Ultra Violet ) และคลื่นแสงสีแดง มีความถี่คลื่นต่ำที่สุด คลื่นแสง ที่ต่ำกว่าแสงสีแดงเรียกว่า อินฟราเรด ( InfraRed) คลื่นแสงที่มีความถี่สูงกว่าสีม่วง และต่ำ กว่าสีแดงนั้น สายตาของมนุษย์ไม่สามารถรับได้ และเมื่อศึกษาดูแล้วแสงสีทั้งหมดเกิดจาก แสงสี 3 สี คือ สีแดง ( Red ) สีน้ำเงิน ( Blue)และสีเขียว ( Green )ทั้งสามสีถือเป็นแม่สีของแสง เมื่อนำมาฉายรวมกันจะทำให้เกิดสีใหม่ อีก 3 สี คือ สีแดงมาเจนต้า สีฟ้าไซแอน และสีเหลือง และถ้าฉายแสงสีทั้งหมดรวมกันจะได้แสงสีขาว จากคุณสมบัติของแสงนี้เรา ได้นำมาใช้ประโยชน์ทั่วไป ในการฉายภาพยนตร์ การบันทึกภาพวิดีโอ ภาพโทรทัศน์ การสร้างภาพเพื่อการนำเสนอทางจอคอมพิวเตอร์ และการจัดแสงสีในการแสดง เป็นต้น RED BLUE GREEN

-------------------------------------------------------------------------------------------------
ระบบสี CMYK



ระบบสี CMYK เป็นระบบสีชนิดที่เป็นวัตถุ คือสีแดง เหลือง น้ำเงิน แต่ไม่ใช่สีน้ำเงิน ที่เป็นแม่สีวัตถุธาตุ แม่สีในระบบ CMYK เกิดจากการผสมกันของแม่สีของแสง หรือ ระบบสี RGB คือ แสงสีน้ำเงิน + แสงสีเขียว = สีฟ้า (Cyan) แสงสีน้ำเงิน + แสงสีแดง = สีแดง (Magenta) แสงสีแดง + แสงสีเขียว = สีเหลือง (Yellow) สีฟ้า (Cyan) สีแดง (Magenta) สีเหลือง (Yellow) นี้นำมาใช้ในระบบการพิมพ์ และ มีการเพิ่มเติม สีดำเข้าไป เพื่อให้มีน้ำหนักเข้มขึ้นอีก เมื่อรวมสีดำ ( Black = K ) เข้าไป จึงมีสี่สี โดยทั่วไปจึงเรียกระบบการพิมพ์นี้ว่าระบบการพิมพ์สี่ สี ( CMYK ) ระบบการพิมพ์สี่ส ี( CMYK ) เป็นการพิมพ์ภาพในระบบที่ทันสมัยที่สุด และได้ภาพ ใกล้เคียงกับภาพถ่ายมากที่สุด โดยทำการพิมพ์ทีละส ีจากสีเหลือง สีแดง สีน้ำเงิน และสีดำ ถ้ลองใช้แว่นขยายส่องดู ผลงานพิมพ์ชนิดนี้ จะพบว่า จะเกิดจากจุดสีเล็ก ๆ สี่สีอยู่เต็มไปหมด การที่เรามองเห็นภาพมีสีต่าง ๆ นอกเหนือจากสี่สีนี้ เกิดจากการผสมของเม็ดสีเหล่านี้ใน ปริมาณต่าง ๆ คิดเป็น % ของปริมาณเม็ดสี ซึ่งกำหนดเป็น 10-20-30-40-50-60-70-80-90 จนถึง 100 %

----------------------------------------------------------------------

หลักการเลือกสี (COLOR COMBINATION)

1.MONOCHROMATIC
-การใช้สีเดียว แต่สร้างความแตกต่างด้วยความ เข้ม-อ่อน
2.TRIADS
-การใช้สี 3สี จากคู่สีตรงข้ามกันในวงจรสี เพื่อสร้างความแตกต่าง
3.ANALOGOUS
-การใช้สีใกล้เคียงกัน โดยเลือกจากคู่สีที่ถัดไป2-3ช่องเพื่อสร้างความแตกต่าง
4.COMPLEMENTARY
-การใช้สีที่ตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี
5.SPLIT-COMPLEMENTS
-การใช้สีผสมผสานระหว่างสีโทนร้อนกับโทนเย็น

วันพุธที่ 15 กันยายน พ.ศ. 2553

TYPOGRAPHY

Typography - การใช้ตัวอักษรหรือการจัดวางตัวอักษร

Font(Typefaces) คือ ชุดรูปแบบของตัวอักษร

Font Families คือ ตระกูลของรูปแบบตัวอักษร เช่นตัวเอียง ตัวหนา

ส่วนประกอบ
มีเชิง (serif)
ไม่มีเชิง (Sans serif)
ขนาดหน่วย = points (72 point = 1 นิ้ว)
script,hand-letter ลายมือเขียน
dingbat ornament สัญลักษณ์
monospace เป็นช่องๆเท่าๆกัน
novelty แนวตกแต่ง

การผสมตัวอักษร
1. ตัวอักษรตัวหลัก - ตัวอักษรที่ไม่มีขาตัวหนาผสมกับตัวอักษรที่มีขาตัวบางตัวอักษรทั้ง 2 แบบมีความแตกต่าง
2. ตัวอักษรมีขาตัวหนาผสมกับตัวอักษรไม่มีขาตัวหนา
3.ตัวอักษรไม่มีขาผสมกับตัวอักษรมีขาการผสมอักษรแบบนี้ไม่มีจุดเด่น
4.ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้เหมาะสำหรับคนที่มีการพัฒนาแนวความคิด
5.เช่นเดียวกันบการผสม่างอักษรสามารถสร้างความแตกต่างได้อย่างมากมาย-ตัวอักษรแบบเป็นหลัก-เลือกแบบฟ้อนต์รอง

-----------------------------------------------------------------------------
รูปแบบ Front ต่างๆ



-----------------------------------------------------------------------------
Front ที่เลือก

ภาพสื่อแนวความคิด

ความจงรักภัคดี



เด็กๆมีเมตตา



รักธรรมชาติ

รูปสื่ออารมณ์และความรู้สึก

เครียด


ดีใจ


เศร้า-ผิดหวัง