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

Posted: 30 กันยายน 2553 by Narongpon AW` in
0

+ จำนวนสีหลัก
- เลือกสีหลัก โดยเลือกตาม concept + tone

+ การใช้สีพื้นหลัง
- อาจใช้รูปภาพ ลวดลาย หรือสี

+ โทนสีโดยรวม
- โทนร้อน กับโทนเย็น

+ สีกับหมวดหมู่
- การเลือกใช้สีตามหมวดหมู่ของเนื้อหา

@การใช้ตัวอักษรและภาพกราฟฟิกส์
+ สีของตัวอักษร
- เข้ม ใช้พื้น อ่อน/กลาง
- กลาง ใช้พื้น อ่อน/เข้ม
- อ่อน ใช้พื้น เข้ม/กลาง

+ ลักษณะตัวอักษร
- ตัวอย่าง (Font) เช่น ms san serif , arial , geneva
- อาจมีการเน้นในด้านของหัวข้อ เช่น หนา เอียง หรือ ขดเส้นใต้
- ขนาดของตัวอักษร

+ จำนวนของภาพกราฟฟิกส์
- อยู่ที่ลักษณะของเว็บ หรือประเภทเว็บ

+ ตำแหน่งในการวางภาพ
- อยู่ที่การออกแบบ

+ ขนาดของภาพ
- นามสกุลของภาพ
- รูปแบบของภาพ
- ไฟล์ภาพขนาดเล็กจะทำให้การโหลดหน้าเว็บได้เร็ว

@ การใช้สื่อประสมสำหรับออกแบบเว็บไซต์
+ การใช้ภาพเคลื่อนไหว
- ใช้เพื่อสร้างสีสัน
- การตอบสนอง เช่น button menu
- ภาพประเภท flash

+ การใช้วีดีโอคลิป
- เช่นเว็บเกี่ยวกับทีวีที่ต้องมี
- เว็บที่มี windows media player
- การใช้ plug-in ในการรับชม

+ การใช้เสียง

รูปแบบการนำเสนอและการนำเสนอหน้าเว็บไซต์

Posted: 23 กันยายน 2553 by Narongpon AW` in
0



เว็บแบบขนาดพอดีหน้าจอ ขนาด 1024 * 768




เว็บแบบแนวนอน ขนาด 1024 * 768




เว็บแบบแนวตั้ง ขนาด 1024 * 768



การจัดวางตำแหน่ง เว็บแนวตั้ง

+ส่วนหัว

- LOGO อยู่ตรงส่วนบนมุมซ้ายของเว็บไซต์

- ชื่อเว็บอยู่ถัดจาก LOGO มาทางขวา

- มี เมนู ที่เป็น Hyper - text แนวตั้งทางด้านซ้าย รวมถึงส่วนของการติดต่อ



+ ส่วนเนื้อหา

- มี web banner อยู่ทางด้านบน และด้านซ้าย - ขวาของเนื้อหา

- ตรงกลางมีเนื้อหาข่าว โดยแบ่งเป็น page โชว์แค่หัวข้อข่าว มีรูป สิงห์ หน้าหัวข้อข่าว

- เนื้อหาเป็นการอัพเดจข่าวเกี่ยวกับฟุตบอลตามสโมสรเว็บ โดยข่าวจากเว็บนอกแล้วมีสมาชิกมาแปลอีกที

- ถัดลงจากข่าว เป็นคลิปการไฮไลต์ การแข่งขัน แลงลงมาอีกจะเป็น เว็บบอร์ด



+ ส่วนท้าย

- เป็นเมนู ที่เป็น Hyper - text เรียงตามแนวนอน

font2

Posted: 22 กันยายน 2553 by Narongpon AW` in
0



Font

Posted: 12 กันยายน 2553 by Narongpon AW` in
0



การใช้สี Font

Posted: by Narongpon AW` in
0

The 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
0

รูปแบบของ 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

+ การผสมตัวอกษร
- ต้องมีความแตกต่างอย่างชัดเจน หลากหลาย
- ต้องมีจุดเด่น
- ใช่ตัวหนาสลับกับตัวปกติ โดยอาจจะใช้ ตัวหนากับตัวอักษรที่มีฐานทำตัวขนาดใหญ่ แล้วตัวปกติเป็นแบบไม่มีฐานตัวเล็กไว้ข้างใต้