หน้าเว๊ป

ตัวอย่างที่นำมาใช้เป็นแบบ จากเวป main.luckysubs.com

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

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

TYPO+ความหมาย

"TYPOGRAPHY"

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

"FONT(TYPEFACES)"

ชุดรูปทรางของตัวอักษร

"FONT FAMILIRS"

ส่วนประกอบ

- มีเชิง

- ไม่มีเชิง

ขนาด

หน่วย = points (12 point = 1นิ้ว)

ตัวอักษรที่แตกต่างกัน มีขนาด point เท่ากันไม่จำเป็นต้องมีความสูงเท่ากัน

ประเภท

Sans Serif

Script Hand- lettered ลายมือเขียน

Monospace บล็กเท่า ๆ กัน (ดิจิตอล)

Novelty ประดับตกแต่ง

Dingbat ตัวประกอบของโลโก้

การผสมตัวอักษร

1.ตัวอักษรหลัก

- ตัวอักษรที่ไม่มีขาตัวหนา ผสมกับตัวอักษรที่มีขา ตัวบาง ตัวอักษร ทั้ง2 แบบมีความแตกต่าง

2.ตัวอักษรมีขา ตัวหนาผสมกับตัวอักษรไม่มีขาตัวหนา

3.ตัวอักษรไม่มีขาผสมกับตัวอักษรมีขาการผสมอักษรแบบนี้ไม่มีจุดเด่น

4.ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้เหมาะสำหรับคนที่มีการพัฒนาแนวความคิด

5.เช่นเดียวกับการผสมม่างอักษรสามารถสร้างความแตกต่างได้อย่างมากมาย

- ตัวอักษรแบบเป็นหลัก

- เลือกแบบฟ้อนต์รอง

องค์ประกอบสี

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

วงจรสี

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

สีขั้นที่ 2 เกิดจากการนำเอาสีขั้นที่ 1 มาผสมในอัตราส่วนเท่า ๆ กันประกอบด้วยสีเขียว ส้ม ม่วง

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

ศัพท์ที่เกี่ยวกับสี

Hue = ตัวสี,เนื้อสี

Saturation = ความเข้มข้นของสี เช่น ขาวจั้ว แดงแป๊ด ดำปี้

Value = ค่าน้ำหนักของสี

ระบบสี

ระบบสีแบบ CMYK (CYAN,MAGENT,YELLOW,KEY)ระบบสีแบบCMYK เป็นระบบที่นิยมใช้กันในเรื่องของการพิมพ์ การนำหมึกสีทั้ง 4 สีในระบบ CMYK มาผสมกัน จะทำให้เกิดสีได้หลากหลาย เพื่อนำมาใช้ในการพิมพ์ภาพต่าง ๆ ภ้าคุฯลองสังเกตดี ๆ หรือลองใช้แว่นขยายส่งไปที่ภาพที่พิมพ์ด้วยระบบ CMYK จะเห็นเม็ดสีเล็ก ๆ ทั้ง 4 อยู๋เต็มไปหมด ในส่วนของการใช้งานนั้น ตามที่กล่าวไว้ข้างต้นว่าระบบ CMYK จะใช้สำหรับงานที่ออกแบบมาเพื่อ Print out เช่นงานโปสเตอร์ และงานพิมพ์ต่าง ๆ

ระบบสีแบบ RGB คือ สีที่แสดงในระบบ นั้นอธิบายสั้น ๆ ให้เข้าใจง่าย ๆ คือ สีที่ใช้บนจอ ของคอมพิวเตอร์นั้นเอง โดยหลักการของระบบสี คือ แดงสีแดง เขียว และฟ้า ทำการผสมกันในอัตราส่วนที่แตกต่างจนเกิดเป็นสีต่าง ๆ ให้เรามองเห็นส่วนในด้านของการใช้งานนั้น ระบบสีแบบ RGB เราจะใช้สำหรับภาพการฟฟิกที่แสดงบนหน้าจอคอมพิวเตอร์ หรืออุปกรณ์แสดงผลในรูปแบบจอมอริเตอร์ เช่นภาพตาม website ต่าง ๆ ฯลฯ

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

Color Combination

1.monochromatic คือการใช้สีเดียว เพื่อสร้างความแตกต่าง ด้วยระดับความมืด สหว่าของสี (โมโนโทน)

2.triads คือการใช้สีตามสีที่อยู่ตัดกันใกล้เคียงกัน เพื่อให้เกิดความแตกต่างของสี อย่างชัดเจน ลดระดับของความเข้นได้

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

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

-Credit http://www.colorblender.com/

โลโก้ ชื่อเว็บไซต์

ลักษณะโครงสร้างของหน้าเว็ป

พอดีจอ

แนวตั้ง

http://www.thaimanga.net/

ขนาด 720 x 90

แนวนอน

www.sursly.com/#home

ขนาด width = 326 height = 237

1.การจัดวางตำแหน่ง

- ส่วนหัว = เว็บไซต์ การ์ตูน มีโล้โก้ประจำตัวอยู่บนซ้ายและชื่อเว็บต่อท้าย มีระบบนำเสนอข้อมูลข่าวสารเป็นหัวข้อ

-ส่วนเนื้อหา = มีเนื้อหาจะเป็นออกเป็นหัวข้อให้ผู้ใช้เลือกดู และหัวข้อไหนมีการอัพเดท จะมีคำว่าnew ต่อท้าย

-ส่วนท้าย = จะเป็นการแสดงรายการการ์ตูนที่อัพเดทใหม่ต่อวัน

2.ตำแหน่งของเมนู = ด้านบนจะเป็นหัวข้อแนะนำการ์ตูนต่าง ๆ ส่วนด้านข้างจะเป็นรายการการ์ตูนที่ได้รับความนิยม

3.ลักษณะของเมนู = Drop - Down

4.การแบ่งหมวดหมู่ของเมนู = การ์ตูนยอดนิยม การ์ตูนมาใหม่ การ์ตูนทั่วไป

Multimedia Design Brief

Multimedia Design Brief

1. ชื่อโครงการ anime-mangaonline

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

3. ปัญหา ปัญหาในส่วนนี้คง เป็นเรื่องของโปรแกรมหรือanime ที่ผิดกฏหมายและละเมิคลิขสิทธิ์ ซึ่งในส่วนนี้จะมี ทีมงานในการดูแล และตรวจสอบ ทุกวัน และได้ทำการแจ้งให้สมาชิกทุกท่านทราบถึงกฏการใช้บริการทางเว๊ปของเรา และอีกปัญหาก็คงเป็นปัญหาด้านการเงินที่ใช้ ในการพัฒนาเว็ปไซต์

4. จุดมุ่งหมาย เพื่อต้องการให้กลุ่มผู้ที่มีใจรักในการ์ตูนanime และสื่อประสมในรูปแบบของ 3D และ2D เข้ามาแชการ์ตูน รวมถึงแบ่งปันโปรแกรมสร้าง ๆ ให้กลับสมาชิกทุกท่านที่มีความสนใจ

5. กลุ่มเป้าหมาย

5.1 ทางกายภาพ

5.1.1 เพศ ทุกเพศ

5.1.2 อายุ 6ปีขึ้นไป

5.1.3 อาจจะมีการใช้งานในการทำสมาชิก VIP

5.2 ทางจินตภาพ หลายแนว ทั้งรัก ต่อสู่ กวนประสาท ฯลฯ

5.2.1 อารมณ์ความรู้สึก นิ่ง เฮฮา กวน ๆ

6. แนวความคิด อัพโหลด ฟรี

7. รูปแบบการนำเสนอ เป็นรูปแบบของบล๊อกหรือเว็ปบอร์ด จะเป็นการแลกเปลี่ยนและพูดคุย โดยให้เพือน ๆ เข้ามาโหลดการ์ตูน อัพโหลดการ์ตูนของเพือน ๆ แบ่งให้สมาชิกท่านอื่น ๆ ได้ชม

8. จำนวนและปริมาณงาน www.anime-mangaonline.com

งานออกแบบ