เครื่องสร้าง Glassmorphism

คู่มือ Glassmorphism (กลาสมอร์ฟิซึม)

Glassmorphism คือสไตล์การออกแบบ UI ที่ใช้เอฟเฟกต์กระจกฝ้า: เลเยอร์กึ่งโปร่งใส การเบลอพื้นหลัง และขอบบางเบาที่ให้สีพื้นหลังส่องผ่านออกมา Apple และ Microsoft ทำให้เป็นที่นิยม ปัจจุบันเป็นเทคนิคมาตรฐานในการออกแบบอินเทอร์เฟซสมัยใหม่

ปรับรัศมีการเบลอ ความโปร่งใสของสีขาว ความหนาของขอบ และรัศมีมุมโค้งเพื่อสร้างการ์ดแก้วของคุณ พรีวิวแสดงแผงกระจกฝ้าที่สมจริงบนพื้นหลังสีสันสดใส และโค้ด CSS ที่ได้มาพร้อมคำนำหน้า -webkit- เพื่อรองรับ Safari โดยอัตโนมัติ

Pro Tips

• เอฟเฟกต์แก้วต้องมีพื้นหลังสีสันจึงจะมองเห็น บนพื้นหลังสีขาวหรือดำล้วน Glassmorphism จะสูญเสียมิติ — ควรใช้คู่กับไล่เฉดสีสดใสเสมอ
• ตั้งความโปร่งใสระหว่าง 10% ถึง 30% หากทึบกว่านั้นแก้วจะกลายเป็นการ์ดสีขาวทึบและทำลายเอฟเฟกต์
• ใช้แผงแก้วกับแถบข้าง แถบนำทาง และโมดอล — ไม่ใช่กับย่อหน้าข้อความยาว ๆ พื้นผิวฝ้าเหมาะที่สุดสำหรับเป็นที่วางป้ายสั้น ไอคอน และปุ่ม