# Neumorphism คืออะไร ปุ่มเงานุ่มที่กดแล้วแทบไม่เห็นว่ากด

> ที่มา: https://phygital.co.th/insights/neumorphism-soft-ui-design-trend-guide · เผยแพร่ 2 กันยายน 2566 · อ่าน 11 นาที · โดย PARANATH PANARATANA

Neumorphism คือสไตล์ UI เงานุ่มสองชั้นที่ Michał Malewicz ตั้งชื่อ และเขาเองเตือนว่าปุ่มตอนถูกกดแทบไม่ต่างจากตอนยังไม่กด ร้านเล็กใช้ได้ตรงไหน

## Key Takeaways

- **Neumorphism คือสไตล์หน้าจอที่ทำให้การ์ดและปุ่มดูดันตัวขึ้นจากพื้นหลังสีเดียวกัน ด้วยเงาสองชั้นที่ตั้งค่าบวกหนึ่งชั้นและค่าลบหนึ่งชั้น** — ตามคำอธิบายของ Michał Malewicz ผู้ตั้งชื่อ ซึ่งเขียนว่าพื้นหลังต้องมีสีเจือเล็กน้อย ห้ามขาวสนิทหรือดำสนิท
- **ปัญหาที่ผู้ตั้งชื่อเรียกว่า "ใหญ่จริง" คือปุ่มตอนถูกกด** — เพราะสถานะกดที่ทำด้วยเงาด้านในกลับทิศต่างจากตอนยังไม่กดน้อยเกินไป ผู้ใช้จึงอาจไม่รู้ว่าปุ่มทำงานแล้ว
- **ร้านเล็กใช้ลุคนี้ได้กับการ์ดที่แสดงข้อมูล แต่ปุ่มจอง ปุ่มจ่ายเงิน และสวิตช์ต้องมีสิ่งบอกสถานะที่ชัดกว่าเงา** — เช่น เติมสี เปลี่ยนไอคอนเส้นเป็นไอคอนทึบ หรือขีดเส้นใต้ ตามทางแก้ที่ผู้ตั้งชื่อเสนอไว้เอง

ร้านเล็กจำนวนไม่น้อยทำหน้าจองคิว หน้าสั่งอาหาร หรือหน้าสมัครสมาชิกเองด้วยเครื่องมือสร้างเว็บสำเร็จรูป เทมเพลตหลายชุดมีปุ่มแบบเงานุ่มที่ดูนูนจากพื้นหลังให้เลือก ลุคนี้มีชื่อเรียกว่า Neumorphism และคนที่ตั้งชื่อนี้เขียนคำเตือนไว้ตั้งแต่บทความแรกว่าปุ่มแบบนี้มีปัญหาตอนถูกกด

บทนี้ใช้บทความ [Neumorphism in user interfaces](https://hype4.academy/articles/design/neumorphism-in-user-interfaces) ของ Michał Malewicz เป็นแหล่งหลัก บทความนี้ลงครั้งแรกใน UX Collective ก่อนต้นปี 2020 แล้วเขาลงซ้ำในเว็บ hype4.academy ของบริษัทตัวเองพร้อมส่วนทบทวนเกือบสองปีให้หลัง ข้อมูลทุกข้อในบทนี้มาจากฉบับที่ลงซ้ำ เพื่อให้เจ้าของร้านตัดสินได้ว่าจะใช้เงานุ่มกับส่วนไหนของหน้า โดยที่ลูกค้ายังรู้ว่ากดปุ่มไปแล้ว

## Neumorphism คืออะไร

Neumorphism คือสไตล์หน้าจอที่การ์ด ปุ่ม และแผงควบคุมทำจาก "วัสดุเดียวกับพื้นหลัง" แล้วดูนูนขึ้นมาหรือยุบลงไป แทนที่จะลอยอยู่เหนือพื้นหลังแบบการ์ดทั่วไป ภาพรวมจึงดูนุ่มคล้ายพลาสติกขึ้นรูป ใช้สีโทนเดียวทั้งหน้า และอาศัยเงาเป็นตัวบอกขอบของทุกชิ้น

Malewicz อธิบายความต่างไว้ด้วยการเทียบกับการ์ดสมัยใหม่ การ์ดทั่วไปเป็นพื้นผิวที่ลอยอยู่เหนือพื้นหลังและทอดเงาลงไป เงานั้นให้ความลึกและหลายครั้งเป็นตัวกำหนดรูปทรงของการ์ดเอง เพราะการ์ดไม่มีเส้นขอบ ส่วนการ์ดแบบ Neumorphic "ทำทีเป็นดันตัวออกมาจากพื้นหลัง" เมื่อมองจากด้านข้างจะเห็นว่ามันไม่ได้ลอย

### ชื่อ Neumorphism มาจากไหน

ชื่อนี้มาจากคอมเมนต์ในโลกออนไลน์ Malewicz เล่าว่าสไตล์ที่ได้รับความสนใจบน Dribbble และ Instagram ถูกเรียกว่า New skeuomorphism แล้ว Jason Kelley ย่อเป็น Neuomorphism ในคอมเมนต์ Malewicz ตัดตัว o ออกจนได้คำว่า Neumorphism กระแสทั้งหมดเริ่มจากภาพงานออกแบบภาพเดียวบน Dribbble ของผู้ใช้ชื่อ alexplyuto ที่ได้ไลก์กว่า 3,000 ครั้ง ก่อนมีงานแนวเดียวกันตามมาอีกมาก รวมถึงงานของทีม hype4 เอง

Skeuomorphism ที่เป็นรากของชื่อ คือแนวทางที่ทำให้ของบนจอเหมือนของจริงทุกจุด ซึ่งมีบทอธิบายแยกใน[Skeuomorphism](https://phygital.co.th/insights/skeuomorphism-realistic-icon-design-history-guide) ส่วนฝั่งตรงข้ามที่ทิ้งเงาและพื้นผิวออกเกือบหมดอยู่ใน[Flat Design](https://phygital.co.th/insights/flat-design-ui-history-guide) Malewicz มองว่า Neumorphism อยู่ "ครึ่งทางกลับ" ไปหาความสมจริง คือกลับมามีความลึกแต่ไม่มีพื้นผิวไม้หรือหนัง

## สูตรเงาสองชั้นที่ทำให้การ์ดดันขึ้นจากพื้น

ลุค Neumorphism ทำได้ด้วยเงาสองชั้นบนชิ้นเดียว Malewicz เขียนว่าเอฟเฟกต์นี้ "ทำได้ไม่ยาก" ด้วยการเล่นกับเงาสองชั้น ชั้นหนึ่งตั้งค่าตำแหน่งเป็นลบ อีกชั้นเป็นบวก ชั้นหนึ่งสว่าง อีกชั้นมืด ผลที่ได้คือด้านหนึ่งของการ์ดเหมือนรับแสง อีกด้านเหมือนมีเงาตก

ในโค้ดหน้าเว็บ เงาทั้งสองชั้นเขียนรวมในคำสั่ง box-shadow คำสั่งเดียวโดยคั่นด้วยจุลภาค บทความชี้ไปยังเครื่องมือสร้างโค้ดที่นักพัฒนาคนหนึ่งทำไว้ที่ neumorphism.io สำหรับคนที่ไม่อยากปรับค่าเอง ร้านที่ใช้เครื่องมือสร้างเว็บแบบลากวางก็มักมีช่องตั้งเงาหลายชั้นอยู่แล้ว

| ส่วนประกอบ    | สิ่งที่ Malewicz กำหนด                                         | ผลต่อหน้าจอ                                 |
| -------------- | --------------------------------------------------------------- | ---------------------------------------------- |
| พื้นหลัง      | ห้ามดำสนิทหรือขาวสนิท ต้องมีสีเจืออย่างน้อยเล็กน้อย | เงาสว่างและเงามืดจึงมองเห็นได้ทั้งคู่ |
| สีพื้นหลัง   | ใช้เฉดใดก็ได้ อุ่นหรือเย็นตามที่เลือก                   | ทั้งหน้าเป็นโทนเดียว                       |
| เงาชั้นที่ 1 | ค่าตำแหน่งเป็นบวก                                            | ขอบด้านหนึ่งดูมีเงาตก                    |
| เงาชั้นที่ 2 | ค่าตำแหน่งเป็นลบ                                             | ขอบอีกด้านดูรับแสง                        |
| สถานะกด       | เงาด้านในกลับทิศ (inner shadow)                             | ชิ้นดูยุบลงไปในพื้น                      |

### ทำไมพื้นหลังห้ามขาวสนิทหรือดำสนิท

เพราะเงาชั้นสว่างจะหายไปบนพื้นขาวสนิท และเงาชั้นมืดจะหายไปบนพื้นดำสนิท Malewicz เขียนว่าเงาทั้งสองสีต้องมองเห็นได้บนพื้นหลัง แม้จะเห็นเพียงเล็กน้อยก็ตาม เงื่อนไขนี้ทำให้หน้าจอแบบ Neumorphism ส่วนใหญ่เป็นสีเทาอ่อน ฟ้าอ่อน หรือครีม ร้านที่มีสีแบรนด์เป็นขาวล้วนจึงต้องยอมเปลี่ยนพื้นเป็นขาวเจือสีก่อน ถ้าอยากได้ลุคนี้

## ปัญหาอยู่ที่ปุ่มตอนถูกกด

ปัญหาหลักของ Neumorphism อยู่ที่ปุ่ม Malewicz ระบุปัญหาสองข้อที่ทีมเจอในตอนนั้น คือวิธีเขียนโค้ดให้มีประสิทธิภาพ กับการมองเห็น และแยกการ์ดออกจากปุ่มอย่างชัดเจน

สำหรับการ์ด เขามองว่าการ์ดจะจางหายไปบ้างก็ไม่เป็นไร ถ้าส่วนอื่นของหน้าจอทำหน้าที่ครบ เพราะการ์ดไม่ใช่สิ่งที่ผู้ใช้กด ขอให้ไอคอนและตัวหนังสือบนการ์ดเห็นชัดพอ ผู้ใช้ก็ยังใช้งานได้แม้มองไม่เห็นเงานุ่ม ส่วนปัญหาจะชัดขึ้นทันทีเมื่อนำชิ้นแบบเดียวกันไปทำเป็นปุ่ม

สถานะกดของปุ่มแบบนี้ทำได้ง่ายด้วยเงาด้านในที่กลับทิศ แต่ Malewicz เขียนตรง ๆ ว่า "ปัญหานี้ใหญ่จริง" เพราะสถานะกดต่างจากสถานะปกติน้อยเกินกว่าจะบอกความต่างได้ เขาสรุปว่าการ์ดจะหายไปได้ถ้าส่วนอื่นทำงาน แต่ **ส่วนที่ผู้ใช้กดต้องบอกสถานะของตัวเองได้ตลอดเวลา**

### ทำไมลูกค้าอาจไม่รู้ว่ากดปุ่มไปแล้ว

เพราะสิ่งเดียวที่เปลี่ยนตอนกดคือทิศของเงาอ่อน ๆ บนพื้นสีเดียวกัน Malewicz อธิบายว่าสถานะกดแบบเงาด้านในมีความต่างน้อยเกินจะสื่อว่าปุ่มเปลี่ยนสถานะแล้ว ในหน้าจองคิวหรือหน้าจ่ายเงิน ลูกค้าที่ไม่แน่ใจว่ากดติดหรือไม่มักกดซ้ำ หรือเลิกกลางทาง ปัญหานี้หนักขึ้นกับสวิตช์เปิด-ปิดและปุ่มเลือกตัวเลือก เพราะผู้ใช้ต้องดูออกว่าตอนนี้เปิดอยู่หรือปิดอยู่ ไม่ใช่แค่ว่ากดไปแล้วหรือยัง

## สี่วิธีบอกสถานะที่ไม่ต้องพึ่งเงา

ทางแก้คือให้สิ่งอื่นนอกจากเงาเป็นตัวบอกสถานะ Malewicz เสนอไว้หลายแบบในบทความเดียวกัน และย้ำว่าถ้าจะใช้สไตล์นี้ ต้องทำให้ส่วนสำคัญทั้งหมดบนหน้าจอเห็นชัดพอ

| วิธี                             | ทำอย่างไร                                                            | เหมาะกับปุ่มแบบไหน                  |
| -------------------------------- | --------------------------------------------------------------------- | --------------------------------------- |
| ไอคอนเส้นกับไอคอนทึบ         | ปกติแสดงไอคอนแบบเส้น พอกดแล้วเปลี่ยนเป็นไอคอนแบบทึบ        | ปุ่มบันทึกรายการโปรด ปุ่มเลือกเมนู |
| ขีดเส้นใต้                     | เพิ่มเส้นใต้ปุ่มหรือใต้ป้ายชื่อเมื่อถูกเลือก                | แถบเมนูด้านบน แท็บเลือกหมวด        |
| เติมสีตอนกด                   | ปุ่มที่ถูกกดเปลี่ยนจากสีพื้นเป็นสีแบรนด์                    | ปุ่มจอง ปุ่มยืนยัน สวิตช์เปิด-ปิด    |
| ทำปุ่มสำคัญให้ต่างจากการ์ด | ใช้เงานุ่มกับการ์ด แต่ปุ่มสำคัญใช้สีเต็มและตัวหนังสือชัด | ปุ่มจ่ายเงิน ปุ่มหลักของทั้งหน้า  |

สามแถวแรกเป็นทางแก้ที่ Malewicz เสนอตรง ๆ ส่วนแถวสุดท้ายมาจากคำแนะนำของเขาที่ว่า ปุ่มควรเด่นและเห็นชัด แล้วค่อยใช้เงานุ่มกับส่วนที่ไม่ใช่ปุ่ม เรื่องการเลือกคู่สีให้อ่านง่ายบนจอเป็นอีกหัวข้อหนึ่ง ซึ่งมีรายละเอียดใน[ทฤษฎีสี (Color Theory) และจิตวิทยาสี บนป้ายร้านและบนจอ](https://phygital.co.th/insights/color-theory-psychology-branding-guide)

### การ์ดกับปุ่มควรใช้เงานุ่มต่างกันอย่างไร

การ์ดใช้เงานุ่มได้เต็มที่ ส่วนปุ่มควรใช้เงานุ่มเป็นแค่ส่วนประกอบ แล้วให้สีหรือไอคอนทำหน้าที่บอกสถานะ Malewicz ให้เหตุผลว่าการ์ดทำหน้าที่จัดกลุ่มข้อมูล ถ้าจางไปบ้าง ลำดับความสำคัญของตัวหนังสือ ระยะห่าง และสีของส่วนสำคัญยังพาผู้ใช้ไปถูกทาง แต่ปุ่มต้องสื่อสารสถานะตลอดเวลา เขาเขียนไว้ด้วยว่าปุ่มควรดูเป็นปุ่ม และปุ่มที่ออกแบบด้วยโค้ดล้วนนำไปวางคู่กับการ์ดแบบเงานุ่มได้ผลดีโดยไม่ต้องกลับไปใช้ภาพบิตแมป

## สองปีให้หลัง Neumorphism เหลืออะไรไว้

สิ่งที่ Neumorphism ทิ้งไว้ให้วงการคือเทคนิคเงาด้านใน ตัวสไตล์เองไม่ได้อยู่เป็นเทรนด์ใหญ่ ส่วนทบทวนที่ Malewicz เขียนเพิ่มเกือบสองปีหลังบทความแรก เล่าการใช้งานจริงไว้สามกรณี

1. **สถาบันการเงินแห่งหนึ่ง** นำสไตล์นี้ไปใช้ในผลิตภัณฑ์ Malewicz เขียนว่า "น่าเสียดายที่ไม่ค่อยสำเร็จ" หน้าจอนั้นใช้งานได้ค่อนข้างดี แต่ดูน่าเบื่อเพราะพึ่งเอฟเฟกต์เดียวมากเกินไป เขาไม่ได้ระบุชื่อสถาบัน
2. **โลโก้งานเปิดตัวสินค้า Galaxy Unpacked ของ Samsung** ใช้บล็อกแบบ Neumorphic ซึ่งเขายกเป็นตัวอย่างที่เด่นที่สุดของการใช้งานในกระแสหลัก
3. **ช่วงเปิดคลิปของ Marques Brownlee** ยูทูบเบอร์สายเทคโนโลยีที่รู้จักในชื่อ MKBHD

Malewicz เขียนว่าเขาคาดไว้ตั้งแต่แรกว่า Neumorphism ลำพังตัวเองมีโอกาสสำเร็จน้อย เพราะต้องอาศัยรายละเอียดเพิ่มถึงจะดูดี ในมุมของเขา งานบน Dribbble ชิ้นแรกที่จุดกระแสดูดีเพราะมีสวิตช์กึ่งสมจริงและชิ้นส่วนสีสดผสมอยู่ด้วย ขณะที่นักออกแบบจำนวนมากหยิบไปเฉพาะส่วนที่นูนและยุบ

### ทำไม Neumorphism ไม่กลายเป็นเทรนด์ของตัวเอง

เพราะลุคที่ใช้เอฟเฟกต์เดียวทั้งหน้าดูจืดเร็ว และปุ่มแบบนี้ต้องแก้เรื่องสถานะเพิ่มทุกครั้ง Malewicz สรุปว่าวิธีทำ Neumorphism แบบเดิมไม่ได้อยู่รอด แต่มันพาเงาด้านใน (inner shadow) ซึ่งเคยถูกมองว่าแทบไร้ประโยชน์กลับมาเป็นเครื่องมือของนักออกแบบ ทีมของเขาใช้เงาด้านในกับงานหลายชิ้นในภายหลัง และเตือนว่าถ้าใส่มากเกินหรือใส่ทุกชิ้นจะดูไม่ดี กระแสที่ต่อจากนี้คือการกลับมาของความลึกในหน้าจอ ซึ่งสไตล์กระจกฝ้าใน[Glassmorphism](https://phygital.co.th/insights/glassmorphism-frosted-glass-ui-design-guide) ก็เป็นอีกทางหนึ่ง

## ใช้เงานุ่มกับหน้าจองของร้านเล็กอย่างไรให้ลูกค้ากดถูก

ร้านเล็กใช้ Neumorphism ได้ ถ้าแยกให้ชัดว่าเงานุ่มเป็นของตกแต่ง ส่วนการบอกสถานะเป็นหน้าที่ของสีและไอคอน ขั้นตอนด้านล่างทำได้เองในเครื่องมือสร้างเว็บที่ร้านใช้อยู่ และใช้เวลาไม่มาก

1. **ตั้งพื้นหลังเป็นสีเจืออ่อน** ไม่ใช้ขาวสนิทหรือดำสนิท เลือกเฉดที่เข้ากับสีร้าน
2. **ใช้เงาสองชั้นกับการ์ดข้อมูลก่อน** เช่น การ์ดเมนู การ์ดเวลาเปิดปิด การ์ดคะแนนสะสม
3. **ทำปุ่มจอง ปุ่มยืนยัน และปุ่มจ่ายเงินเป็นสีเต็ม** พร้อมตัวหนังสือบอกหน้าที่ของปุ่ม
4. **กำหนดสิ่งที่เปลี่ยนตอนกดให้ทุกปุ่ม** เติมสี เปลี่ยนเป็นไอคอนทึบ หรือขีดเส้นใต้ อย่างน้อยหนึ่งอย่าง
5. **ลองกดบนมือถือกลางแดดและในร้านที่ไฟสลัว** ถ้ามองไม่ออกว่าปุ่มไหนถูกกด ให้กลับไปแก้ข้อ 4
6. **ให้ลูกค้าประจำสองสามคนลองจองจริง** แล้วดูว่ามีใครกดซ้ำหรือถามว่าจองติดหรือยัง

ถ้าอยากได้หน้าจอที่มีความลึกแต่ไม่ต้องพึ่งเงาทั้งหน้า สไตล์ที่ใช้สีจัดและเส้นขอบหนาแบบ[Neobrutalism](https://phygital.co.th/insights/neobrutalism-bold-raw-web-design-guide) เป็นอีกทางหนึ่ง ส่วนหลักที่ระบบปฏิบัติการใหญ่ใช้บอกว่าอะไรกดได้ อยู่ใน[Material Design](https://phygital.co.th/insights/material-design-google-system-guide)

## สรุป

Neumorphism คือสไตล์หน้าจอโทนเดียวที่ชิ้นส่วนดูดันขึ้นจากพื้นด้วยเงาสองชั้น ชื่อนี้ Michał Malewicz ตั้งจากคำว่า New skeuomorphism หลังงานบน Dribbble ชิ้นหนึ่งได้กว่า 3,000 ไลก์ เขาเองเตือนว่าปุ่มตอนถูกกดด้วยเงาด้านในต่างจากตอนปกติน้อยเกินไป และสองปีต่อมาเขียนว่าสไตล์นี้ไม่ได้กลายเป็นเทรนด์ของตัวเอง ร้านเล็กใช้ลุคนี้ได้กับการ์ดข้อมูล แต่ปุ่มจอง ปุ่มยืนยัน และปุ่มจ่ายเงินต้องบอกสถานะด้วยสี ไอคอน หรือเส้นใต้ แล้วลองกดกับลูกค้าจริงก่อนเปิดใช้

## คำถามที่พบบ่อย (FAQ)

### Neumorphism กับ Soft UI เป็นอย่างเดียวกันหรือไม่

ในการใช้งานทั่วไปสองคำนี้หมายถึงลุคเดียวกัน คือหน้าจอโทนเดียวที่ชิ้นส่วนนูนหรือยุบจากพื้นด้วยเงาอ่อน คำว่า Neumorphism เป็นชื่อที่ Malewicz ตั้งจาก New skeuomorphism ส่วน Soft UI เป็นคำบรรยายลักษณะที่นักออกแบบใช้กันทั่วไป

### ทำ Neumorphism ในโปรแกรมทำสไลด์หรือโปสเตอร์ได้หรือไม่

ได้ ถ้าโปรแกรมตั้งเงาได้สองชั้นบนรูปทรงเดียว ตั้งพื้นหลังเป็นสีเจืออ่อน ใช้รูปทรงสีเดียวกับพื้น แล้วใส่เงาสว่างด้านหนึ่งและเงามืดอีกด้าน งานพิมพ์และสไลด์ไม่มีปัญหาเรื่องสถานะกด ข้อจำกัดของสไตล์นี้จึงน้อยกว่าบนหน้าจอที่ต้องกด

### แอปที่ผู้ใช้สูงอายุใช้เยอะควรเลี่ยง Neumorphism หรือไม่

ควรระวังเป็นพิเศษกับส่วนที่ต้องกด ขอบของชิ้นแบบนี้อาศัยเงาอ่อนบนพื้นสีเดียวกัน คนที่มองเห็นความต่างของสีอ่อน ๆ ได้ยากจะหาขอบปุ่มยากขึ้น ทางที่ปลอดภัยคือใช้เงานุ่มกับการ์ดข้อมูล แล้วทำปุ่มหลักเป็นสีเต็มพร้อมตัวหนังสือบอกหน้าที่

### ต้องจ้างนักพัฒนาเขียนโค้ดเงาสองชั้นเองหรือไม่

ไม่จำเป็น Malewicz เขียนว่าการทำลุคพลาสติกนุ่มด้วย CSS ง่ายกว่าที่คิด และชี้ไปยังเครื่องมือสร้างค่าที่ neumorphism.io เครื่องมือสร้างเว็บหลายตัวมีช่องตั้งเงาหลายชั้นให้ด้วย สิ่งที่ยังต้องใช้คนตัดสินคือจะใช้ลุคนี้กับส่วนไหน และปุ่มแต่ละปุ่มบอกสถานะด้วยอะไร

### บทความต้นฉบับของ Malewicz หาอ่านได้ที่ไหน

ฉบับที่เปิดอ่านได้ทั้งบทอยู่ที่ hype4.academy ในชื่อ Neumorphism in user interfaces ฉบับแรกลงใน UX Collective บนแพลตฟอร์ม Medium ซึ่งปัจจุบันให้อ่านเต็มเฉพาะสมาชิก ฉบับที่ hype4.academy มีส่วนทบทวนเกือบสองปีให้หลังเพิ่มเข้ามาด้วย

### Neumorphism เหมาะกับธุรกิจประเภทไหน

เหมาะกับหน้าจอที่มีการ์ดข้อมูลมากและมีปุ่มสำคัญไม่กี่ปุ่ม เช่น หน้าสรุปสถานะการจอง หน้าแสดงคะแนนสะสม หรือหน้าควบคุมอุปกรณ์ในร้าน ส่วนหน้าที่ต้องกรอกและกดหลายขั้นติดกัน เช่น หน้าชำระเงิน ควรใช้เงานุ่มแค่เป็นฉากหลัง แล้วให้ปุ่มทุกปุ่มบอกสถานะด้วยสีหรือไอคอน

## หน้าจองที่สวยแต่ลูกค้าไม่แน่ใจว่ากดติดหรือยัง มักได้การจองซ้ำ หรือไม่ได้การจองเลย

ให้ PHYGITAL AGENCY ตรวจหน้าจองและหน้าสั่งซื้อของร้าน แล้วทำต้นแบบปุ่มที่บอกสถานะชัด ก่อนนำขึ้นใช้งานจริง

- [นัดประชุมผ่าน Google Meet](https://calendar.app.google/DotQdE7Ca8LZG6Us5)
- [เพิ่มเพื่อนใน LINE](https://lin.ee/J8Qq8Do)