Design · หนีลุค AI

10 สัญญาณ "AI Slop" + วิธีหนี

ทำไมเว็บที่ AI สร้างถึง หน้าตาเหมือนกันไปหมด? นี่คือ 10 สัญญาณที่บอกว่า "นี่มัน AI ปั๊ม" + วิธีแก้ให้งานดูมีแบรนด์ มีตัวตน

"AI Slop" คืออะไร

คำเรียกงานที่ AI สร้างแบบ "เกลื่อน ๆ เหมือนกันหมด" — ดูเร็ว ๆ ก็โอเค แต่ ไม่มีตัวตน ไม่มีแบรนด์เพราะมันคือ "ค่า default" ที่ AI ทุกตัวชอบทำเหมือนกัน. ข่าวดี: รู้สัญญาณแล้วหนีได้ง่ายมาก

1 gradient blob2 emoji3 สีม่วง4 เงาเบลอ5 hero โหล6 ฟอนต์ default7 คำฟุ่มเฟือย8 เอฟเฟกต์มั่ว9 เนื้อหาปลอม10 ไม่มีตัวตน
1

Gradient blob ม่วง-ฟ้า ลอยมุมจอ

สัญญาณคลาสสิกสุด — ก้อนสีไล่เฉดเรือง ๆ ลอยมุมบน-ล่าง. AI ชอบใส่เพราะมัน "ดูโมเดิร์น" แต่พอทุกเว็บใส่ มันเลยกลายเป็นเครื่องหมายของ "เว็บ AI"

✗ AI slop
gradient blob
✓ หนี
พื้นเรียบ + accent นิดเดียว
วิธีหนีใช้ พื้นเรียบ ๆ(ขาว/เทาอ่อน) + ถ้าจะใส่ accent ใช้ radial จาง ๆ ก้อนเดียวหรือเลือกพื้นผิวอื่น (เส้นกริด, สีทึบ)
2

Emoji เกลื่อนทุกหัวข้อ/ปุ่ม

ทุกหัวข้อ ทุกการ์ด ทุกปุ่ม. AI ใส่ emoji เพราะมัน "เติมพื้นที่ให้ดูมีชีวิต" ง่าย ๆ แต่เยอะไปกลายเป็นรก ดูเล่น ๆ ไม่โปร

✗ AI slop
🚀✨💡🔥🎯
✓ หนี
วิธีหนีใช้ ไอคอนเส้นชุดเดียว(เช่น Lucide) ทั้งเว็บ — สม่ำเสมอ ดูโปร · เก็บ emoji ไว้ใช้เน้นจุดเดียวพอ
3

สีม่วง (violet) เป็นค่า default

ม่วง-อินดิโก้คือสีที่ AI tool หยิบมาให้ตลอด (ทั้ง v0, shadcn default). ไม่ใช่ว่าม่วงไม่ดี แต่พอทุกเว็บม่วง มันเลย "ไม่ใช่ของคุณ"

✗ AI slop
ม่วง default
✓ หนี
สีแบรนด์คุณ
วิธีหนีเลือก สีแบรนด์ของตัวเองแล้วใช้ให้สม่ำเสมอ — แค่เปลี่ยนจากม่วง default ก็ดูไม่เหมือนใครแล้ว (เราเปลี่ยนเว็บนี้เป็น navy+ฟ้า ของจริง)
4

การ์ดเงานุ่มเบลอ ๆ เหมือนกันหมด

เงา drop-shadow ฟุ้ง ๆ สีม่วงจาง ๆ มุมโค้งเยอะ ๆ ทุกการ์ดเหมือนกัน. ดูนุ่มแต่ "ลอย" ไม่มีน้ำหนัก

✗ AI slop
✓ หนี
วิธีหนีใช้ เส้นขอบบาง (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 ไม่รู้จัก "พอ" เลยใส่ทุกเทรนด์

✗ AI slop
ยัดทุกเอฟเฟกต์
✓ หนี
ปุ่มเดียว สะอาด
วิธีหนีเลือก 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 หลักคิด

เช็กลิสต์: สแกนก่อนปล่อยงาน (10 ข้อ)

ไล่ติ๊กทีละข้อ — ติ๊กครบ = หนี slop พ้นแล้ว

พรอมต์สั่ง 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 อย่าง: เปลี่ยนสีเป็นแบรนด์ตัวเอง · เปลี่ยนฟอนต์ให้มีคาแรกเตอร์ · ใส่เนื้อหา/ตัวตนจริง
มือใหม่ที่ไม่ใช่ดีไซเนอร์ทำได้ไหม?
ได้ เริ่มจากหลีกเลี่ยง 10 สัญญาณนี้ก็ดีขึ้นเยอะ — อ่านต่อ Design Style (สี/ฟอนต์)และ หลักการออกแบบ

อยากออกแบบให้ดูโปร ไม่เหมือน AI?

เรียนหลักจัดสี ฟอนต์ เลย์เอาต์ แบบมีระบบ

ไปที่ Design Style
อ่านต่อจากแหล่งอื่น (บทความภายนอก)
บทความภายนอกเป็นของผู้เขียนแต่ละเว็บ (ไม่ใช่ของเรา) · เปิดในแท็บใหม่
พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์ ผู้คิดและเขียนเว็บ Skills Lab
คิด เขียน และเป็นเจ้าของไอเดียเว็บนี้โดย พี่ปุ้ย ปริวรรตน์ อรุโณทยานันท์
ผู้เชี่ยวชาญวางระบบองค์กร & AI — สอนเจ้าของกิจการสร้างระบบของตัวเองมากกว่า 400 คน
ประวัติพี่ปุ้ย ·  ดูคอร์ส →
กลับห้องสมุดออกแบบ