web
Posted: 6 ตุลาคม 2553 by Narongpon AW` in
0
การใช้สีสำหรับการออกแบบเว็บไซต์
Posted: 30 กันยายน 2553 by Narongpon AW` in+ จำนวนสีหลัก
- เลือกสีหลัก โดยเลือกตาม concept + tone
+ การใช้สีพื้นหลัง
- อาจใช้รูปภาพ ลวดลาย หรือสี
+ โทนสีโดยรวม
- โทนร้อน กับโทนเย็น
+ สีกับหมวดหมู่
- การเลือกใช้สีตามหมวดหมู่ของเนื้อหา
@การใช้ตัวอักษรและภาพกราฟฟิกส์
+ สีของตัวอักษร
- เข้ม ใช้พื้น อ่อน/กลาง
- กลาง ใช้พื้น อ่อน/เข้ม
- อ่อน ใช้พื้น เข้ม/กลาง
+ ลักษณะตัวอักษร
- ตัวอย่าง (Font) เช่น ms san serif , arial , geneva
- อาจมีการเน้นในด้านของหัวข้อ เช่น หนา เอียง หรือ ขดเส้นใต้
- ขนาดของตัวอักษร
+ จำนวนของภาพกราฟฟิกส์
- อยู่ที่ลักษณะของเว็บ หรือประเภทเว็บ
+ ตำแหน่งในการวางภาพ
- อยู่ที่การออกแบบ
+ ขนาดของภาพ
- นามสกุลของภาพ
- รูปแบบของภาพ
- ไฟล์ภาพขนาดเล็กจะทำให้การโหลดหน้าเว็บได้เร็ว
@ การใช้สื่อประสมสำหรับออกแบบเว็บไซต์
+ การใช้ภาพเคลื่อนไหว
- ใช้เพื่อสร้างสีสัน
- การตอบสนอง เช่น button menu
- ภาพประเภท flash
+ การใช้วีดีโอคลิป
- เช่นเว็บเกี่ยวกับทีวีที่ต้องมี
- เว็บที่มี windows media player
- การใช้ plug-in ในการรับชม
+ การใช้เสียง
รูปแบบการนำเสนอและการนำเสนอหน้าเว็บไซต์
Posted: 23 กันยายน 2553 by Narongpon AW` in
เว็บแบบขนาดพอดีหน้าจอ ขนาด 1024 * 768
เว็บแบบแนวนอน ขนาด 1024 * 768
เว็บแบบแนวตั้ง ขนาด 1024 * 768
การจัดวางตำแหน่ง เว็บแนวตั้ง
+ส่วนหัว
- LOGO อยู่ตรงส่วนบนมุมซ้ายของเว็บไซต์
- ชื่อเว็บอยู่ถัดจาก LOGO มาทางขวา
- มี เมนู ที่เป็น Hyper - text แนวตั้งทางด้านซ้าย รวมถึงส่วนของการติดต่อ
+ ส่วนเนื้อหา
- มี web banner อยู่ทางด้านบน และด้านซ้าย - ขวาของเนื้อหา
- ตรงกลางมีเนื้อหาข่าว โดยแบ่งเป็น page โชว์แค่หัวข้อข่าว มีรูป สิงห์ หน้าหัวข้อข่าว
- เนื้อหาเป็นการอัพเดจข่าวเกี่ยวกับฟุตบอลตามสโมสรเว็บ โดยข่าวจากเว็บนอกแล้วมีสมาชิกมาแปลอีกที
- ถัดลงจากข่าว เป็นคลิปการไฮไลต์ การแข่งขัน แลงลงมาอีกจะเป็น เว็บบอร์ด
+ ส่วนท้าย
- เป็นเมนู ที่เป็น Hyper - text เรียงตามแนวนอน
การใช้สี Font
Posted: by Narongpon AW` inThe Color Wheel (วงจรสี) => คือการแบ่งสี หรือการนำสีหนึ่งไปผสมอีกสีหนึ่ง แล้วจะเกิดสีใหม่ขึ้น
Hue (ตัวสี หรือ เนื้อสี) => คือความแตกต่างของสีแต่ละสี โดยแบ่งเนื้อสีออกเป็น 2 ชนิด
- สีของแสง คือความแตกต่างสั้นยาวของคลื่นแสงที่เรามองเห็น แบบรุ้งกินน้ำ
- สีของสาร คือสีที่เรามองเห็นบนวัตถุต่างๆ ซึ่งเกิดจากการดูดซึมและสะท้อนความยาวคลื่นแสง
+ สรุปง่ายๆ หรือที่เราเรียกกันว่าแม่สี
Saturation (ความเข้มของสี)
Value (ค่าน้ำหนักของสี)
CMYK => คือระบบ 4 สีสำหรับงานพิมพ์ ได้แก่ Cyan , Magenta , Yellow , Black
RGB => เป็นระบบที่ใช้ทั่วไปในจอคอมพิวเตอร์ ซึ่งจะทำงานได้ดี และมองดูเป็นธรรมชาติ ประกอบด้วย 3 สี คือ Red , Green , Blue แต่ละสีมีค่าความแตกต่างกันถึง 256 สี สามารถผสมทั้ง 3 สีเป็นสีแบบต่างๆได้ถึง 16.7 ล้านสี
หลักการเลือกสี (Color Combination)
1. ใช้สีเดียว monochromatic โดยใช้ลูกเล่นของระดับแสง ทำให้เกิดความแตกต่าง
2. Triads การใช้สี 3 สี ตรงข้ามกัน เพื่อสร้างความแตกต่าง
3. Analogous การใช้สีใกล้เคียงกัน จากสีที่อยู่ถัดไปอีก 2-3 สี จะสร้างความกลมกลืนได้ดี
4. Complementary การใช้สีตรงกันข้าม จะสร้างความโดดเด่นได้ดี แต่สีจะรุงแรงเกินไป ควรใช้สี ดำ หรือ เทา เพื่อลดความรุนแรง
5. Split-Complements การใช้สีผสมระหว่างสีโทนร้อน และเย็น โดยเลือกสีใดสีหนึ่ง จับคู่อีก 2 สีในโทนตรงกันข้าม
การใช้ตัวอักษร
Posted: 7 กันยายน 2553 by Narongpon AW` inรูปแบบของ Font จะแตกต่างไปตามรูปแบบและแสดงถึงอารมณ์ได้ตามต้องการ
TYPO
+ ความหมาย
- "TYPOGRAPHY" => การใช้ตัวอักษรหรือการจัดวางตัวอักษร
- Font (TYPEFACES) => รูปแบบหน้าตาตัวอักษร
- Font Families => ตระกูลของชุดแบบตัวอักษร เช่น ตัวธรรมดา , ตัวหนา , ตัวเอียง
+ ส่วนประกอบ => ตัวอักษรที่มีฐาน กับไม่มีฐาน เช่น Serif , Sans Serif
+ ขนาด => มีหน่วยเป็น Points (pt) "แบบอักษรที่แตกต่างกันมีขนาด pt เท่ากัน ไม่จำเป็นต้องมีความสูงเท่ากัน" (72 Points = 1 นิ้ว)
+ ประเภท Font มีฐาน
- Script , Hand-lettered => Font ลายมือ
- Monospace => Font แบบดิจิตอล เป็นช่องๆ หรือบล็อก
- Novelty => Font ประดับตกแต่ง
- Dingbat => Font icon
+ การผสมตัวอกษร
- ต้องมีความแตกต่างอย่างชัดเจน หลากหลาย
- ต้องมีจุดเด่น
- ใช่ตัวหนาสลับกับตัวปกติ โดยอาจจะใช้ ตัวหนากับตัวอักษรที่มีฐานทำตัวขนาดใหญ่ แล้วตัวปกติเป็นแบบไม่มีฐานตัวเล็กไว้ข้างใต้