วันพฤหัสบดีที่ 7 ตุลาคม พ.ศ. 2553

การออกแบบ
ชื่อโครงการ Ning Fashion Desing
กลุ่มเป้าหมาย



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


















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














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



















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












วันอังคารที่ 5 ตุลาคม พ.ศ. 2553

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 การแบ่งหมวดหมู่ แบ่งเป็น
- รายการ
- ข่าว
- บันเทิง
- ละคร
- ข้อมูลติดต่อ