ในบทความนี้ (4 หัวข้อ)
สีและฟอนต์คือสิ่งแรกที่คนจำแบรนด์ได้ wdotech ให้คุณคุมทั้งสองอย่าง ทั้งเว็บในที่เดียว — เปลี่ยนแล้วมีผลกับทุกหน้า ทุกปุ่ม ทุกหัวข้อทันที และเห็นหน้าตาจริงก่อนกดบันทึก
เข้าไปปรับตรงไหน
- ตอนสร้างเว็บ — เลือกเทมเพลตพร้อมธีมตั้งแต่แรก
- หลังสร้างแล้ว — สตูดิโอ → ปุ่ม ⋯ ที่ชื่อเว็บ → แดชบอร์ด → แท็บ "ธีมสี"
ตั้งค่าได้อะไรบ้าง
| ช่อง | มีผลกับ |
|---|---|
| สีหลัก | ปุ่ม ลิงก์ หัวข้อที่เน้น |
| สีรอง | จุดเน้น ป้าย ไอคอน |
| พื้นหลัง | พื้นเว็บทั้งหมด — เลือกสีเข้มก็ได้เว็บโหมดมืด |
| สีตัวอักษร | เนื้อความหลัก |
| ฟอนต์เนื้อความ | ตัวหนังสือทั้งเว็บ |
| ฟอนต์หัวข้อ | หัวข้อใหญ่ — ตั้งให้ต่างจากเนื้อความเพื่อให้ดูมีมิติ |
เคล็ดลับเลือกสีให้เว็บดูแพง
- ใช้สีหลักสีเดียว ให้โดดเด่น แล้วปล่อยส่วนที่เหลือเป็นโทนกลาง ๆ (ขาว ครีม เทา)
- คอนทราสต์ต้องพอ ตัวอักษรบนพื้นหลังต้องอ่านง่าย ถ้าพื้นอ่อน ตัวหนังสือควรเข้มเกือบดำ
- สีรองใช้น้อย ๆ แค่ป้ายหรือไอคอน ไม่ใช่พื้นใหญ่
- ลองดูบนมือถือ ลูกค้าส่วนใหญ่เปิดจากมือถือ สีที่ดูดีบนจอใหญ่อาจจ้าไปบนจอเล็ก
จับคู่ฟอนต์ยังไงดี
| บุคลิกแบรนด์ | หัวข้อ | เนื้อความ |
|---|---|---|
| ทันสมัย มินิมอล | ฟอนต์ไม่มีหัว หนา | ฟอนต์ไม่มีหัว ปกติ |
| หรูหรา คลาสสิก | ฟอนต์มีหัว/มีเชิง | ฟอนต์ไม่มีหัว อ่านง่าย |
| สนุก เป็นกันเอง | ฟอนต์โค้งมน | ฟอนต์ไม่มีหัว ปกติ |
ฟอนต์ทั้งหมดรองรับภาษาไทยและโหลดจากเซิร์ฟเวอร์ของเราเอง เว็บจึงไม่ช้าลงเพราะไปดึงฟอนต์จากที่อื่น
ใช้ร่วมกับ พอร์ตโฟลิโอสำหรับฟรีแลนซ์ หรือ เว็บบริษัทในวันเดียว ได้ดีมาก