รู้จักกลิ่นงาน AI ที่ดูสำเร็จรูป
เรียนรู้ รู้จักกลิ่นงาน AI ที่ดูสำเร็จรูป โดยเปลี่ยนความรู้สึกเป็น specification และ QA
เป้าหมาย: อธิบายและปรับงานออกแบบ AI ด้วยหลักฐานที่ทีมไทยตรวจร่วมกันได้ · ใช้เวลาประมาณ 16 นาที
Intent → Hierarchy → System → Review
เปลี่ยนรสนิยมเป็นเหตุผลและเกณฑ์ที่ทีมใช้ร่วมกัน
Intent
ระบุผู้ใช้ งาน อารมณ์ และสิ่งสำคัญที่สุดหนึ่งอย่าง
Hierarchy
งานดูเป็น AI เมื่อทุกส่วนเด่นเท่ากัน ใช้ gradient/glow/card มากเกิน copy กว้าง ภาพ stock คล้ายกัน และไม่มีร่องรอยผู้ใช้หรือบริบท แก้ด้วยเป้าหมาย ลำดับ เนื้อหาจริง และข้อจำกัดแบรนด์
System
ใช้ token, grid, type scale, component และ responsive rule ที่จำกัด
Review
ตรวจเนื้อหาจริง ภาษาไทย contrast focus mobile และภาพเทียบ reference
ภาษาที่ใช้วิจารณ์งาน
generic AI design
วิจารณ์ generic AI design ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้
แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม
content specificity
วิจารณ์ content specificity ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้
แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม
visual hierarchy
วิจารณ์ visual hierarchy ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้
แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม
brand constraint
วิจารณ์ brand constraint ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้
แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม
คำสั่งที่ทำให้งานไม่ converge
ขอ modern และ premium อย่างเดียว
AI เติม pattern ทั่วไป
ให้ reference intent และ specification
แก้จุดเดียวโดยไม่ดูระบบ
หน้าใหม่ดีแต่ทั้งเว็บไม่สม่ำเสมอ
แก้ token/component และตรวจทุก state
ตรวจเฉพาะ desktop กับข้อความสั้น
ภาษาไทยและ mobile แตก
ใช้ real content หลายความยาวและ viewport
ทำ Visual Review Sheet
หน้าแรกคอร์สไทยมีการ์ดสิบใบ gradient หลายสีและทุกปุ่มเขียนว่าเริ่มเลย
เขียน intent, hierarchy, layout, spacing, type, color, component/image specification, responsive และ acceptance
ดูคำตอบตัวอย่าง
กำหนด primary user/task และ reading order ใช้ grid กับ spacing scale เดียว เลือก Thai typeface ที่อ่านวรรณยุกต์ชัด จำกัดสีและน้ำหนักด้วย token ระบุ default/hover/focus/disabled/error ตรวจ contrast และ 390/768/1440px สำหรับภาพให้บอก subject เชียงใหม่ที่เป็นจริง composition/light/palette/negative space ตรวจข้อความ โลโก้ anatomy และ cultural stereotype ก่อนใช้
- one primary intent
- hierarchy/grid
- spacing/type/color tokens
- all component states
- Thai/mobile/accessibility
- reference comparison
บันทึกช่วยจำ
- reference ใช้เพื่อวิเคราะห์หลักการ ไม่คัดลอกทรัพย์สินเฉพาะของผู้อื่น
- ภาพบุคคล สถานที่ เครื่องหมาย และวัฒนธรรมไทยต้องตรวจสิทธิ์และความเหมาะสม
สรุปบทเรียนนี้
- หนึ่ง intent หลัก
- จำกัดด้วยระบบ
- ตรวจภาษาไทยและทุก viewport