ข้ามไปยังเนื้อหาบทเรียน
เมนู
เข้าสู่ระบบ — เร็ว ๆ นี้
สารบัญบทที่ 307/8

พื้นฐานการใช้ AIการเขียน Prompt

สั่ง AI สร้างภาพด้วย Composition, Light และ Color

เรียนรู้ สั่ง AI สร้างภาพด้วย Composition, Light และ Color โดยเปลี่ยนความรู้สึกเป็น specification และ QA

เป้าหมาย: อธิบายและปรับงานออกแบบ AI ด้วยหลักฐานที่ทีมไทยตรวจร่วมกันได้ · ใช้เวลาประมาณ 16 นาที

Intent → Hierarchy → System → Review

เปลี่ยนรสนิยมเป็นเหตุผลและเกณฑ์ที่ทีมใช้ร่วมกัน

Intent

ระบุผู้ใช้ งาน อารมณ์ และสิ่งสำคัญที่สุดหนึ่งอย่าง

Hierarchy

บอก subject/action, environment ของประเทศไทยที่เจาะจง, framing, camera, depth, light direction/quality, palette, material, negative space, aspect ratio และสิ่งที่ห้าม แล้วตรวจมือ ตัวอักษร แบรนด์ และความเหมาะสมทางวัฒนธรรม

System

ใช้ token, grid, type scale, component และ responsive rule ที่จำกัด

Review

ตรวจเนื้อหาจริง ภาษาไทย contrast focus mobile และภาพเทียบ reference

ภาษาที่ใช้วิจารณ์งาน

composition

วิจารณ์ composition ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้

แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม

lighting

วิจารณ์ lighting ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้

แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม

palette

วิจารณ์ palette ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้

แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม

negative space

วิจารณ์ negative space ด้วยสิ่งที่มองเห็น ผลต่อผู้ใช้ และข้อเสนอที่วัดได้

แทนคำว่าไม่สวยด้วยความสัมพันธ์ ขนาด ระยะ contrast และพฤติกรรม

คำสั่งที่ทำให้งานไม่ converge

ขอ modern และ premium อย่างเดียว

AI เติม pattern ทั่วไป

ให้ reference intent และ specification

แก้จุดเดียวโดยไม่ดูระบบ

หน้าใหม่ดีแต่ทั้งเว็บไม่สม่ำเสมอ

แก้ token/component และตรวจทุก state

ตรวจเฉพาะ desktop กับข้อความสั้น

ภาษาไทยและ mobile แตก

ใช้ real content หลายความยาวและ viewport

ทำ Visual Review Sheet

ต้องสร้าง hero ภาพเจ้าของร้านกาแฟเชียงใหม่ใช้ AI โดยไม่ให้เหมือนภาพท่องเที่ยวสำเร็จรูป

เขียน 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