"AI Slop" คืออะไร
คำเรียกงานที่ AI สร้างแบบ "เกลื่อน ๆ เหมือนกันหมด" — ดูเร็ว ๆ ก็โอเค แต่ ไม่มีตัวตน ไม่มีแบรนด์ เพราะมันคือ "ค่า default" ที่ AI ทุกตัวชอบทำเหมือนกัน. ข่าวดี: รู้สัญญาณแล้วหนีได้ง่ายมาก
1
Gradient blob ม่วง-ฟ้า ลอยมุมจอ
สัญญาณคลาสสิกสุด — ก้อนสีไล่เฉดเรือง ๆ ลอยมุมบน-ล่าง. AI ชอบใส่เพราะมัน "ดูโมเดิร์น" แต่พอทุกเว็บใส่ มันเลยกลายเป็นเครื่องหมายของ "เว็บ AI"
✓ หนี
พื้นเรียบ + accent นิดเดียว
วิธีหนี ใช้ พื้นเรียบ ๆ (ขาว/เทาอ่อน) + ถ้าจะใส่ accent ใช้ radial จาง ๆ ก้อนเดียว หรือเลือกพื้นผิวอื่น (เส้นกริด, สีทึบ)
2
Emoji เกลื่อนทุกหัวข้อ/ปุ่ม
ทุกหัวข้อ ทุกการ์ด ทุกปุ่ม. AI ใส่ emoji เพราะมัน "เติมพื้นที่ให้ดูมีชีวิต" ง่าย ๆ แต่เยอะไปกลายเป็นรก ดูเล่น ๆ ไม่โปร
วิธีหนี ใช้ ไอคอนเส้นชุดเดียว (เช่น Lucide) ทั้งเว็บ — สม่ำเสมอ ดูโปร · เก็บ emoji ไว้ใช้เน้นจุดเดียวพอ
3
สีม่วง (violet) เป็นค่า default
ม่วง-อินดิโก้คือสีที่ AI tool หยิบมาให้ตลอด (ทั้ง v0, shadcn default). ไม่ใช่ว่าม่วงไม่ดี แต่พอทุกเว็บม่วง มันเลย "ไม่ใช่ของคุณ"
วิธีหนี เลือก สีแบรนด์ของตัวเอง แล้วใช้ให้สม่ำเสมอ — แค่เปลี่ยนจากม่วง default ก็ดูไม่เหมือนใครแล้ว (เราเปลี่ยนเว็บนี้เป็น navy+ฟ้า ของจริง)
4
การ์ดเงานุ่มเบลอ ๆ เหมือนกันหมด
เงา drop-shadow ฟุ้ง ๆ สีม่วงจาง ๆ มุมโค้งเยอะ ๆ ทุกการ์ดเหมือนกัน. ดูนุ่มแต่ "ลอย" ไม่มีน้ำหนัก
วิธีหนี ใช้ เส้นขอบบาง (hairline) + เงาเบา ๆ ที่เป็นสีเทากลาง ไม่ใช่ม่วงฟุ้ง · มี "ระบบ" เงา 2-3 ระดับใช้ซ้ำ ไม่สุ่ม
5
Hero กลางจอ + 2 ปุ่ม เป๊ะ ๆ ทุกเว็บ
หัวข้อใหญ่กลางจอ → ประโยครอง → 2 ปุ่ม (ปุ่มทึบ + ปุ่มขอบ) → โลโก้ลูกค้าเรียงข้างล่าง. โครงนี้ AI ทำเหมือนกันเป๊ะจนจำได้
วิธีหนี จัดเลย์เอาต์ให้มีบุคลิก — asymmetry (เนื้อหาเยื้องซ้าย), ใส่ภาพ/ของจริงประกอบ, ใช้ตัวเลข/ข้อความเฉพาะธุรกิจ แทนประโยคโหล ๆ
6
ฟอนต์ default (Inter ทุกที่)
ฟอนต์เดียวทั้งเว็บ ไม่มีคาแรกเตอร์ — Inter/system font เป็นค่าเริ่มต้นที่ AI ชอบ. ปลอดภัยแต่ "ไม่มีเสียง"
✗ AI slop
หัวข้อแบบ default
✓ หนี
หัวข้อมีคาแรกเตอร์เนื้อหาอ่านสบาย อีกฟอนต์
วิธีหนี จับคู่ ฟอนต์หัวข้อ (มีบุคลิก) + ฟอนต์เนื้อหา (เรียบ) — แค่ 2 ฟอนต์ก็เปลี่ยน "เสียง" ของเว็บได้เลย
7
ข้อความการตลาดฟุ่มเฟือย
"Unlock the power of...", "Seamlessly elevate your...", "ปลดล็อกศักยภาพ...สู่อีกระดับ" — คำสวยแต่ว่างเปล่า AI ชอบเขียน เพราะมัน "ฟังดูดี" โดยไม่ต้องรู้เนื้อหาจริง
✗ AI slop
"ปลดล็อกศักยภาพธุรกิจคุณสู่อีกระดับ"
✓ หนี
"สร้างระบบร้านเองด้วย AI ไม่ต้องจ้าง"
วิธีหนี เขียน ตรง เป็นภาษาคน บอกสิ่งที่ได้จริง — ถ้าตัดคำออกแล้วความหมายไม่หาย แปลว่าคำนั้นไม่จำเป็น
8
ผสมเอฟเฟกต์มั่ว (glass + neon + gradient ทุกอย่าง)
กระจกฝ้า + ขอบเรืองแสง + gradient ข้อความ + เงานีออน ใส่มาหมดในหน้าเดียว. AI ไม่รู้จัก "พอ" เลยใส่ทุกเทรนด์
วิธีหนี เลือก 1 ภาษาการออกแบบ แล้วอยู่กับมัน — ความสม่ำเสมอ = ดูตั้งใจ · "น้อยแต่ชัด" ดูแพงกว่าใส่ทุกอย่าง
9
เนื้อหาปลอม — Lorem / ตัวเลขมั่ว / รูป stock AI
"Lorem ipsum", ตัวเลขสุ่ม "+247%", รูปคนยิ้มที่ดูเป็น AI gen. ทำให้รู้ทันทีว่า "ยังไม่ใช่ของจริง"
✗ AI slop
Lorem ipsum dolor · +247% · [รูป AI gen]
✓ หนี
ร้านกาแฟ 3 สาขา · ลดของเสีย 12% · รูปหน้าร้านจริง
วิธีหนี ใส่ ข้อมูลจริง ตัวอย่างจริง รูปจริง — แม้แต่ตอนทำตัวอย่าง ก็ใช้ชื่อ/ตัวเลขที่สมจริง (เหมือนทุกบทความในเว็บนี้มี ตัวอย่างจริง)
10
ไม่มีตัวตน — ไม่รู้ว่าใครทำ แบรนด์อะไร
สัญญาณที่ลึกสุด: เปิดดูแล้ว ไม่รู้สึกว่ามี "คน" อยู่เบื้องหลัง ไม่มีเรื่องราว ไม่มีคนเขียน ไม่มีรายละเอียดเฉพาะตัว — เหมือนเครื่องผลิต
วิธีหนี ใส่ ตัวตน — ใครทำ (ชื่อ/รูปผู้เขียน), เรื่องราว, มุมมองเฉพาะ, รายละเอียดเล็ก ๆ ที่มีแต่คุณรู้ · นี่คือสิ่งที่ AI ลอกไม่ได้
สรุป: หนี AI slop = 3 หลักคิด
มี Taste — เลือกให้น้อยแต่ตั้งใจ ไม่ใส่ทุกอย่างที่ AI ให้มา
มีแบรนด์ — สี/ฟอนต์/เสียงของตัวเอง ไม่ใช้ค่า default
มีตัวตน — เนื้อหาจริง คนจริง รายละเอียดเฉพาะตัว
เช็กลิสต์: สแกนก่อนปล่อยงาน (10 ข้อ)
ไล่ติ๊กทีละข้อ — ติ๊กครบ = หนี slop พ้นแล้ว
สีหลักไม่ใช่ม่วง/อินดิโก้ default เป็นสีแบรนด์ตัวเอง
ไม่มี gradient blob ม่วง-ฟ้าลอยมุมจอ
ไอคอนเส้นชุดเดียว ทั้งเว็บ ไม่ใช่ emoji เกลื่อน
มีฟอนต์หัว + ฟอนต์เนื้อ คนละตัว (ไม่ใช่ Inter ล้วน)
เงา/ขอบการ์ดเป็นระบบเดียว เทาเบา ไม่ฟุ้งม่วง
คำพาดหัวบอกสิ่งที่ได้จริง ไม่ใช่ "ปลดล็อกศักยภาพ…"
ไม่มี Lorem / ตัวเลขมั่ว / รูป AI gen
เลือก 1 ภาษาออกแบบ ไม่ผสม glass+neon+gradient
เลย์เอาต์มีบุคลิก ไม่ใช่ hero กลางจอ + 2 ปุ่มโหล ๆ
เปิดดูแล้วรู้ว่า ใครทำ — มีชื่อ/เรื่องราว/ตัวตน
พรอมต์สั่ง AI ให้หนี slop ตั้งแต่แรก
ก๊อปวางต่อท้ายคำสั่งสร้างเว็บ/หน้า แล้วแทนค่าใน [ ] เป็นแบรนด์คุณ
ออกแบบให้หลีกเลี่ยง "AI slop" ตามนี้:
- ห้าม gradient blob ม่วง-ฟ้าลอยมุมจอ ใช้พื้นเรียบ
- สีหลัก: [navy #1a2032 + ฟ้า #2563eb] ห้ามม่วง default
- ฟอนต์หัว: [Bai Jamjuree] / เนื้อหา: [Anuphan] ห้าม Inter ล้วน
- ไอคอนเส้นชุดเดียว (Lucide) ห้าม emoji เกลื่อน
- การ์ด: ขอบ hairline + เงาเทาเบา ห้ามเงาม่วงฟุ้ง
- คำพาดหัวบอกสิ่งที่ได้จริง ห้ามคำการตลาดลอย ๆ
- ใช้ข้อมูล/ตัวเลขจริงที่ฉันให้ ห้าม Lorem หรือเลขมั่ว
- เลือก 1 ภาษาออกแบบ ห้ามผสม glass+neon+gradient
คำถามที่พบบ่อย
AI slop คืออะไร? งานที่ AI สร้างแบบเกลื่อน ๆ หน้าตาเหมือนกันหมด ไม่มีตัวตน/แบรนด์ เพราะเป็น "ค่า default" ที่ AI ทุกตัวชอบทำเหมือนกัน
ใช้ AI ออกแบบแล้วยังไงไม่ให้ดู slop? ใช้ AI เป็นจุดเริ่ม แล้วปรับ 3 อย่าง: เปลี่ยนสีเป็นแบรนด์ตัวเอง · เปลี่ยนฟอนต์ให้มีคาแรกเตอร์ · ใส่เนื้อหา/ตัวตนจริง
มือใหม่ที่ไม่ใช่ดีไซเนอร์ทำได้ไหม?
🎓
เรียนกับพี่ปุ้ย
อยากทำระบบแบบนี้เป็น — ด้วยมือคุณเอง?
บทความนี้เห็นภาพแล้ว ที่เหลือคือลงมือ ในเวิร์กชอป Claude Code สำหรับเจ้าของกิจการ พี่ปุ้ยพาคนที่ไม่ใช่สายเทค สร้างระบบของธุรกิจตัวเองจนใช้งานได้จริงภายในวันเดียว ไม่ต้องเขียนโค้ดเป็น
✓ ลงมือทำจริง 6 ชม.
✓ ได้ระบบกลับบ้าน 1 ตัว
✓ ดูย้อนหลัง 90 วัน
✓ การันตีคืนเงิน 7 วัน
อยากออกแบบให้ดูโปร ไม่เหมือน AI?
เรียนหลักจัดสี ฟอนต์ เลย์เอาต์ แบบมีระบบ
ไปที่ Design Style
อ่านต่อจากแหล่งอื่น (บทความภายนอก)
บทความภายนอกเป็นของผู้เขียนแต่ละเว็บ (ไม่ใช่ของเรา) · เปิดในแท็บใหม่
คิด เขียน และเป็นเจ้าของไอเดียเว็บนี้โดย พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
ผู้เชี่ยวชาญวางระบบองค์กร & AI — สอนเจ้าของกิจการสร้างระบบของตัวเองมากกว่า 400 คน
ประวัติพี่ปุ้ย ·
ดูคอร์ส →
กลับห้องสมุดออกแบบ