UI แกลเลอรีสินทรัพย์อวกาศ

A polished SaaS-style asset upload gallery mockup with six spaceflight thumbnails and delete controls for website interface design.

เป้าหมาย: สร้างแผงจัดการสินทรัพย์ UI เว็บไซต์ที่ดูสะอาดตา โดยมีหัวข้อคือ {argument name="headline text" default="สินทรัพย์ของคุณ"} และแสดงตารางรูปภาพการบินในอวกาศที่อัปโหลดไว้

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

เลย์เอาต์: ที่ด้านซ้ายบน ให้วางไอคอนสี่เหลี่ยมสีชมพูขอบมนขนาดเล็กที่มีสัญลักษณ์รูปภาพ/ภาพถ่ายแบบเส้นขอบ ตามด้วยหัวข้อ ด้านล่างให้สร้างการ์ดสี่เหลี่ยมผืนผ้าสีขาวขอบมนหนึ่งใบที่มีเส้นขอบสีเทาอ่อน ภายในบัตรให้วางภาพตัวอย่าง 6 ภาพในตารางขนาด 2 คอลัมน์ 3 แถว แต่ละภาพมีมุมโค้งมน ภาพตัวอย่างแต่ละภาพจะมีปุ่มลบวงกลมลอยอยู่เหนือมุมขวาบน โดยมีปุ่มลบทั้งหมด 6 ปุ่ม แต่ละปุ่มเป็นสีขาวพร้อมไอคอนกากบาทสีเทา ที่ด้านล่างของการ์ด ให้จัดแถวการดำเนินการอัปโหลดไว้ตรงกลางพร้อมเครื่องหมายบวกและข้อความ {argument name="upload text" default="อัปโหลดเพิ่ม"}

เนื้อหาภาพตัวอย่าง 6 ภาพ: 1) ซ้ายบน: จรวดทรงสูงตั้งอยู่บนฐานปล่อยในช่วงพระอาทิตย์ตกดินพร้อมเมฆสีส้ม; 2) ขวาบน: ฉากฐานปล่อยจรวดเดียวกันพร้อมการระเบิด/เปลวไฟที่สว่างไสวและเอฟเฟกต์คลื่นกระแทกวงกลมที่เรืองแสง; 3) ซ้ายกลาง: จรวดกำลังทะยานขึ้นในแนวตั้งพร้อมกลุ่มควันขนาดใหญ่ที่สว่างไสวตัดกับท้องฟ้าช่วงพระอาทิตย์ตก; 4) ขวากลาง: จรวดกำลังขึ้นเหนือชั้นเมฆสีส้มหนาทึบเข้าสู่ชั้นบรรยากาศตอนบนที่เป็นสีน้ำเงินเข้ม; 5) ซ้ายล่าง: โลกที่มองเห็นจากวงโคจรต่ำพร้อมยานอวกาศขนาดเล็กเหนือขอบฟ้าที่โค้งมน; 6) ขวาล่าง: ภาพพาโนรามาอวกาศลึกที่เต็มไปด้วยดวงดาวพร้อมแถบทางช้างเผือกและโลกที่มองเห็นได้ใกล้กับด้านซ้ายบน

สไตล์ภาพ: ภาพหน้าจอคอมโพเนนต์เว็บที่ดูเป็นมืออาชีพ ภาพตัวอย่างอวกาศที่สมจริงแบบภาพยนตร์ ขอบ UI ที่คมชัด การเว้นระยะห่างที่เหมาะสม มุมภาพตัวอย่างโค้งมน 16px เงาที่นุ่มนวล และโทนสีกลางที่สบายตา ใช้ {argument name="accent color" default="สีชมพูอ่อน"} สำหรับพื้นหลังไอคอนรูปภาพขนาดเล็ก และ {argument name="text color" default="สีน้ำเงินอมเทา"} สำหรับชื่อเรื่องและข้อความอัปโหลด

ข้อจำกัด: เก็บข้อความทั้งหมดเป็นภาษาอังกฤษ ห้ามใส่ป้ายกำกับเพิ่มเติม ไม่มีลายน้ำ ไม่มีส่วนประกอบของเบราว์เซอร์ และไม่มีเคอร์เซอร์ รักษาจำนวนที่แน่นอนดังนี้: 1 หัวข้อ, 1 ไอคอน, 1 การ์ดที่มีเส้นขอบ, 6 ภาพตัวอย่าง, 6 ปุ่มลบรูปกากบาทวงกลม และ 1 การดำเนินการอัปโหลดที่ด้านล่าง

แปลด้วยเครื่อง — ต้นฉบับคือพรอมต์ที่สร้างผลงานนี้

✨ สร้าง บันทึก คัดลอกพรอมต์ แชร์ โพสต์ต้นฉบับ เปิดใน Hitboard