Introduction to Online Document Development

1. Web Design

2. กำำหนดสีที่ใช้
 โทนสีเดียว
 โทนสีผสม 2 สี
 โทนสีผสม 3 สี
 Color scheme, theme
 ดูสีของสิ่งพิมพ์, logo หัวจดหมำย หรือสื่อ
โฆษณำ ประชำสัมพันธ์อื่นๆที่มีอยู่ของบริษัท

3. โทนสีเดียว: สีฟ้า
 เป็นสีของท้องฟ้ำ นำำำ
ทำำให้รู้สึกสบำยใจ นุ่ม
นวล อบอุ่น
 มีสีฟ้ำหลำยโทน ให้
ควำมรูสึกต่ำงๆกัน
้

5. สีน้าเงิน
 ให้ควำมรู้สึกขึงขัง
จริงจัง น่ำเชื่อถือ
เป็นกำรเป็นงำน
ปลอดภัย หรูหรำ มีระดับ
มีรำคำ
 สีนำำเงินระดับต่ำงๆ ให้
ควำมรูสึกแตกต่ำงกัน
้

7. สีเขียว
 ให้ควำมรู้สึกเป็นอิสระ
สดชื่น เย็นสบำย
 สีเขียวระดับต่ำงๆ ให้
ควำมรูสึกแตกต่ำงกัน
้

9. สีแดง
 ให้ความร้้สึกร้อนแรง มี
พลัง
 สีแดงระดับต่างๆ ให้ความ
ร้้สึกแตกต่างกัน

11. สีสม-เหลือง
้
 ให้อำรมณ์สดใส ตื่นตัว
ดึงดูด เป็นสีของอำหำร
อำจกระตุ้นให้รู้สึกหิว
 สีเหลืองส้มระดับต่ำงๆ
ให้ควำมรู้สึกแตกต่ำงกัน

13. โทนสีเดียว: สีเทำ-ขำว
 สีเทำให้ควำมรูสึก สุขุม
้
สงบ มั่นคง อำจทำำให้รู้สึก
หม่นหมอง หรือเศร้ำ
 สีขำว ให้ควำมรูสึกสะอำด
้
บริสุทธิ์
 สีขำว-เทำหลำยโทน ให้
ควำมรูสึกต่ำงๆกัน
้

15. โทนสีแบบต่างๆ
 โทนสีแบบสีชุดเดียวกัน
 โทนสีแบบสีตัดกัน

16. Color Chart

17. Color Chart: Hue

18. Color Wheel

19. กำรเลือกใช้สี
สีรอน
้

20. กำรเลือกใช้สี
สีเย็น

21. การเลือกใช้สี
ชุดสีแบบเดียว

22. การเลือกใช้สี
สีคล้ำยคลึงกัน

23. การเลือกใช้สี
สีตรงข้ำมกัน

24. การเลือกใช้สี
สีตรงข้ำมกัน 2 ชุด

25. การเลือกใช้สี
สีตรงข้ำมกัน ข้ำงเคียง

26. สีตัวอักษร และสีพนหลัง
ืำ
สีตัวอักษร สีตัวอักษร สีตัวอักษร สีตัวอักษร
สีตัวอักษร สีตัวอักษร สีตัวอักษร สีตัวอักษร
สีตัวอักษร
สีตัวอักษร สีตัวอักษร สีตัวอักษร สีตัวอักษร

27. พฤติกรรมผู้ใช้เว็บ
 85% ของผ้้ใช้จะไม่อานข้อความจนจบ
่
 10% ของผ้้ใช้ ไม่เคยเล่ ือน scroll bar เพ่ ือด้
ส่วนล่างของจอ
 ผ้้ใช้ไม่ทนต่อการรอดาวน์โหลดหน้ าท่ีนานเกิน
ไป
 ผ้้ใช้ชอบให้จดหาตัวเลือก, navigation ท่ี
ั
ชัดเจน แต่มักจะไม่ค่อยใช้กนนั ก
ั

28. Web template design
 http://www.templatesbox.com/
 http://www.freephotosweb.com/
 http://www.templatemonster.com/

34. LOGO & SYMBOL