การออกแบบ

ชื่อโครงการ Ning Fashion Desing

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

1 ผู้หญิง วัยรุ่น

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

สวมใส่ สบาย สไตล์แฟชั่น

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

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















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


4 การใช้ตัวอักษร และ ภาพกราฟฟิก
4.1 สีของตัวอักษร ควรใช้ สีเข้ม/กลาง/อ่อน แล้วแต่พื้นที่ที่จะวาง
-อักษรเข้มวางพื้นอ่อน หรือ กลาง
-อักษรสีกลางจะวางพื่นกลางไม่ได้
4.2 ลักษณะตัวอักษร Font[html][css]คือการใช้เขียนกำหนดสีใน[html]จะมีFontที่ใช้ในเนื้อหา คือ
- Ms san serif
- Arail
- Genava
4.3 จำนวนของภาพกราฟฟิก เป็นภาพที่ใช้ประกอบในเว็ปในเว็ปไซต์ จำนวนขึ้นอยู่กับความเหมาะสมในเนื้อหา
4.4 ตำแหน่งในการวางภาพ ขึ้นอยู่กับลักษณะของหน้าเว็ป ควรเริ่มจากซ้ายไปขวา
4.5 ขนาดของภาพ File ภาพมีรูปเป็น

- jpeg คือ ภาพจริง ภาพถ่าย เรียกว่า Big Mad
- gif คือ ภาพลายเส้น ลายน้ำ
*หมายเหตุ*
ถ้าเลือกFile ถูกลักษณะจะทำให้ Fileภาพเล็กลง

5 การใช้สื่อประสม [ สำหรับการออกแบบเว็ปไซต์]
5.1 การใช้ภาพเคลื่อนไหวเพื่อสร้างสีสัน
- Interactive [ botton Home Navigater]
- Logo Animate
- Web Intra ใช้ File พวก Flash
5.2 การใช้วีดีโอคลิป
- Flash
- Windows Media
- Plug-In เป็นการโหลดในการดูคลิป
5.3 การใช้เสียง ควรใช้ให้เหมาะสมกับหมวดหมู่และเนื้อหา
- ปุ่ม On/Off

1 ลักษณะและโครงสร้างหน้าเว็ป
-แนวตั้ง
-แนวนอน
-แบบพอดีหน้าจอ
2 ขนาดหน้าจอเว็ป
3 การจัดวางตำแหน่ง
-แนวตั้ง
3.1 Logo/ชื่อเว็ป/ระบบนำทาง
3.2 ส่วนเนื้อหา
-ตัวอักษร/รูปแบบ/การจัดวางตัวอักษร/ภาพ/เนื่อหา
3.3 ส่วนท้าย
-ข้อมูลเพิ่มเติม เช่น อาจมีระบบนำทาง/มีลิขสิทธิ์/ติดต่อผู้ดูแลระบบ
4 ตำแหน่งของเมนู ควรดูความเหมาะสม
-บนสุด
-ล่างสุด
5 ลักษณะของเมนู
- ตัวอักษร
- ภาพ
- ภาพเคลื่อนไหว
- เว็ปมีลักษณะแบบไหน
6 การแบ่งหมวดหมู่ แบ่งเป็น
- รายการ
- ข่าว
- บันเทิง
- ละคร
- ข้อมูลติดต่อ

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

วงจรสี

แนวนอน

แนวตั้ง

font

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

องค์ประกอบการออกแบบ (Element of Deslgn)
- สี
- The color Wheel ( หาภาพประกอบ เข้าหา แม่แบบสี) วงจรสี
- Hue คือ ตัวสี หรือ เนื้อสี
- Saturation คือ แบบว่า ขาวจั้ว เหลืองอ๋อย ดำปี้ ความจัดจ้านของตัวสี
- Value คือ ค่าน้ำหนักของสี

สี Color
- C M Y K ระรบการพิมพ์ 4 สี คือ
1. น้ำเงิน CYAN (c)
2. แดง MAGENTA ( M)
3. เหลือง YELLOW ( Y )
4. ดำ BLACK (K)
- R G B คือระบบแสงสี
แดง Red ( r )
เขียว Greem ( g )
น้ำเงิน Blue ( b )
หลักการเลือกสี ( Color Combination )
1.) Monochromatic คือ การใช้สีเดียว สร้างความแตกต่างด้วยระบบความมืด - สว่างของสี
2.) Triads คือ การใช้สี 3 สี ที่อยู่ตรงข้ามกัน เพื่อให้เกิดความแตกต่างของสีอย่างชัดเจน
3.) Analogous คือ การใช้สีที่อยู่ติดกันในวงจรสี สามารถสร้างความกลมกลืนได้
4.) Complementary คือ การใช้สีตรงข้ามกัน สามารถช่วยเน้นความโดดเด่นได้ดี ควรใช้สีดำ เพื่อลดความรุนแรงของสี
5.)Split - Complements คือ การใช้สีแบบผสม เป็นการผสมผสานระหว่างสี โทรร้อนและเย็น โดยเริ่มจากการเลือกสีใดสีหนึ่ง และจับคู่กันอีก 2 สี ในโทนสีที่ตรงข้ามกัน

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

รูปแบบของ TYPEF มันจะแตกต่างไปตามรูปแบบและอารมณ์ที่แตกต่างกันและควรนำมาใช้ให้เข้ากับรูปแบบงานของตนเอง
คำศัพท์
TYPO + ความหมาย
" TYPOGRAPHY" การใช้ตัวอักษร หือการจัดวางตัวอักษร
" FONT " (TYPEFACES) ชชุดรูบแบบของตัวอักษร
" FONT FAMILIES " ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา ตัวหนา ตัวเอียง
ตัวประกอบของ Font
1. มีเชิง
2. ไม่มีเชิง
3. แบบลายมือเขียน
4. Novelty font ประเภท แฟชั่นๆ
5. Dingbat ( Ornament )
ขนาด หน่วย = points ( 72 Ponits = 1 นิ้ว )
แบบตัวอักษรที่แตกต่างกัน มีขนาด point เท่ากันไม่จำเป็น ต้องมีความสูงเท่ากัน
TYPO + การผสมตัวอักษร
1. ตักอักษรไม่มีเชิงผสมกับตัวอักษรตัวหนา มีขา ตัวอักษร 2 แบบมีความแตกต่างด้วยน้ำหนักและขนาด ทำให้เกิดความโดเด่นได้ง่าย
2. ตัวอักษรไม่มีขาผสมกันตัวอักษรมีขาการผสมอักษรแบบนี้ไม่มีจุดเด่น เนื่่องจากตัวอัษรทั้ง 2 แบบไม่มีความแตกต่างกันด้วยน้ำหนัก
3. ความแตกต่างอย่างชัดเจนของตัวอักษรแบบนี้เหมาะสำหรับงานที่พัฒนาแนวความคิด
4. การผสมแบบหลากหลาย สามารถสร้างความแตกต่างได้อย่างหลากหลาย

คุณคิดว่าสื่อมัลติมิเดียอะไร?มีอิทธิพลต่อตัวเรามากที่สุด

hi 5
hi5 เป็นทางสื่อสารชนิดหนึ่งในโลกไซเบอร์ที่มีผู้คนส่วนใหญ่นิยมเล่นกันอย่างแพร่หลาย และยังทำให้เราได้พบสิ่งใหม่ๆเช่นได้พบเพื่อนใหม่ ได้รู้จักคนมากขึ้น ทำให้เรามีมนุษย์สัมพันธ์มากขึ้นแทนที่เราจะมีเพื่อนแค่ในห้องเรียนแต่เรากลับได้มีเพื่อนต่างจังหวัด หรือต่างประเทศเลยก็เป็นได้
ดิฉันเป็นคนหนึ่งที่เมื่อมีเวลาว่างเมื่อไหร่เป็นต้องเล่นอินเตอร์เน็ตและทุกครั้งที่เล่นอินเตอร์เน็ตก็จะเล่น hi5 ข้อดีของการเล่น hi5 ก็คือ ทำให้เราได้ผ่อนคลายจากความเครียดทำให้เราได้คุยกับเพื่อนๆและทำให้เราได้มีเพื่อนมากขึ้นแต่ในข้อดีก็มีข้อเสียอยู่ด้วยถ้าเราไม่รู้จักยับยั้งชั่งใจก็อาจเกิดผลเสียกับตัวเราได้ถ้าเราเกิดหลงใหลไปในสิ่งยั่วยุนั้น เพราะคนเรารู้หน้าไม่รู้ใจ เรารู้จักเค้าแค่ทางการพูดคุยแต่เราไท่สามารถรู้ได้ส่าเค้าคิดอย่างไรเค้าอาจคิดที่จะหลอกลวงเราก็ได้
ในโลกของอินเตอร์เน็ตมีทั้งประโยชน์และโทษเราครวรู้จักใช้ให้เกิดประโยชน์มากกว่าโทษและต้องไม่ตกอยู่ภายใต้อำนาจของมันเพราะมันจะทำให้เราเสียการเรียน เสียเงิน และอื่นๆอีกมากมายตามมา