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

คู่มือเงากล่อง

เงาของกล่องเพิ่มความลึกให้กับองค์ประกอบ UI โดยการจำลองแสงและระดับความสูง เงาที่ได้รับการออกแบบมาอย่างดีจะสร้างลำดับชั้นของภาพและทำให้อินเทอร์เฟซรู้สึกสัมผัสได้มากขึ้น

ปรับออฟเซ็ตแนวนอน ออฟเซ็ตแนวตั้ง เบลอ กระจาย สี และความทึบ การแสดงตัวอย่าง Canvas อัปเดตแบบเรียลไทม์ คัดลอกโค้ด CSS เมื่อพอใจ

Pro Tips

• รักษาเงาให้ละเอียดอ่อน: เริ่มต้นด้วยค่าเบลอเล็กน้อย เงาที่ใหญ่เกินไปดูไม่เป็นธรรมชาติ
• ใช้เงาโทนสีอุ่น (สีน้ำตาลหรือสีเหลืองอำพัน) สำหรับการออกแบบที่ดูอบอุ่น และใช้เงาโทนสีเย็น (สีน้ำเงิน) สำหรับการออกแบบสมัยใหม่หรือเทคโนโลยี