ดีไซน์ Modern Bento Grid สำหรับแสดงสินค้า

ดีไซน์การแสดงสินค้าแบบ Modern Bento Grid โดยใช้วัสดุอะคริลิกด้านโปร่งใส เหมาะสำหรับสินค้าทุกประเภท (อาหาร/ยา/เทคโนโลยี/ธาตุ เป็นต้น) 【โครงสร้างเลย์เอาต์】มี 8 โมดูล จัดเรียงแบบ Bento Grid ไม่สมมาตร ในรูปแบบแนวนอน (landscape): โมดูล 1: 【การแสดงสินค้าหลักแบบ 3D Glass】(ขนาดกลาง 1x1, ใช้พื้นที่ 20-25%) - รูปปั้น [ชื่อผลิตภัณฑ์] ทำจากแก้ว/อะคริลิกใสแบบ 3D - [คุณสมบัติผลิตภัณฑ์]: * อาหาร → แสดงหน้าตัด/โครงสร้างภายใน (เช่น ห้องเมล็ดมะเขือเทศ, แครอทหั่นขวาง) * ยา → รูปแบบยาเม็ด/แคปซูลแก้วใส * เทคโนโลยี → การนำเสนอผลิตภัณฑ์ในรูปแบบศิลปะแก้ว - เอฟเฟกต์วัสดุ: แก้วสีแดงส้ม/น้ำเงิน/เขียว หรือ [สีหลักของผลิตภัณฑ์] ที่โปร่งใส, พื้นผิวเงางาม, การหักเหของแสง, การสะท้อนแสงที่สมจริง - ข้อความกำกับด้านล่าง: "[ชื่อผลิตภัณฑ์ภาษาไทย] / [English Name]" - ไม่ใช้พื้นที่มากเกินไป เพื่อให้มีพื้นที่สำหรับโมดูลข้อมูล โมดูล 2: 【ประสิทธิภาพ/คุณสมบัติหลัก】(การ์ดมาตรฐาน 1x1) หัวข้อ: "ประสิทธิภาพหลัก" หรือ "คุณสมบัติหลัก" หรือ "ฟังก์ชันหลัก" เนื้อหา: 4 จุดเด่นหลัก คั่นด้วย "/" - อาหาร → "ต้านอนุมูลอิสระชะลอวัย / ช่วยบำรุงสุขภาพหัวใจและหลอดเลือด / บำรุงผิวขาวกระจ่างใส / ส่งเสริมการดูดซึม" - ยา → "ลดไข้แก้ปวด / ลดการอักเสบบวม / ต้านการจับตัวของเกล็ดเลือด / ป้องกันโรคหัวใจและหลอดเลือด" - เทคโนโลยี → "ระบบตัดเสียงรบกวนแบบแอคทีฟ / ระบบเสียงรอบทิศทาง / การปรับสมดุลเสียงอัตโนมัติ / แบตเตอรี่ใช้งานได้ 20 ชั่วโมง" พร้อมไอคอนที่เรียบง่าย โมดูล 3: 【วิธีการใช้งาน/สถานการณ์การใช้งาน】(การ์ดมาตรฐาน 1x1) หัวข้อ: "วิธีรับประทาน" หรือ "วิธีใช้" หรือ "สถานการณ์การใช้งาน" เนื้อหา: 4 วิธีการใช้งาน/สถานการณ์ - อาหาร → "ดิบ: สลัด / สุก: ผัดไข่ตุ๋นซุป / แปรรูป: ซอสคั้นน้ำ / จับคู่: ไข่เนื้อวัว" - ยา → "รับประทาน: หลังอาหารพร้อมน้ำอุ่น / ขนาด: ผู้ใหญ่ 100 มก. / ความถี่: วันละ 1-2 ครั้ง / ระยะเวลา: ตามคำแนะนำของแพทย์" - เทคโนโลยี → "ฟังเพลง / ตัดเสียงรบกวนขณะเดินทาง / ทำงานที่บ้าน / ความบันเทิงจากการชมภาพยนตร์" พร้อมไอคอนสถานการณ์ โมดูล 4: 【ข้อมูล/พารามิเตอร์สำคัญ】(การ์ดมาตรฐาน 1x1) หัวข้อ: "คุณค่าทางโภชนาการ" หรือ "พารามิเตอร์ทางเทคนิค" หรือ "ข้อมูลจำเพาะของผลิตภัณฑ์" เนื้อหา: 5 จุดข้อมูลสำคัญ - อาหาร → "พลังงาน [X] กิโลแคลอรี่/100 กรัม / วิตามินซี [X] มิลลิกรัม / [ส่วนผสมพิเศษ] อุดมสมบูรณ์ / ใยอาหาร [X] กรัม / โพแทสเซียม [X] มิลลิกรัม" - ยา → "ส่วนประกอบ: [สูตรเคมี] / ขนาด: [X] มก. / ระยะเวลาเริ่มออกฤทธิ์: [X] นาที / ครึ่งชีวิต: [X] ชั่วโมง / วิถีเมตาบอลิซึม: [วิถี]" - เทคโนโลยี → "ชิป: [รุ่น] / แบตเตอรี่: [X] ชั่วโมง / น้ำหนัก: [X] กรัม / ไดรเวอร์: [ข้อมูลจำเพาะ] / การชาร์จ: [X] ชั่วโมง" พร้อมกราฟแสดงข้อมูลที่เรียบง่าย โมดูล 5: 【กลุ่มเป้าหมาย/ผู้ใช้งาน】(การ์ดมาตรฐาน 1x1) หัวข้อ: "เหมาะสำหรับ" หรือ "กลุ่มเป้าหมาย" หรือ "สถานการณ์ที่เหมาะสม" เนื้อหา: แบ่งเป็นส่วนแนะนำ (✓) และข้อควรระวัง (⚠️) - อาหาร → "✓ ผู้ป่วยโรคหัวใจและหลอดเลือด / ✓ ผู้ที่ต้องการบำรุงผิวพรรณ / ✓ ผู้ที่ต้องการลดน้ำหนัก / ✓ ผู้ที่มีปัญหาท้องผูก/อาหารไม่ย่อย / ⚠️ ควรระวัง: ผู้ป่วยโรคไต / ผู้ที่มีกรดในกระเพาะอาหารมากเกินไป / การรับประทานขณะท้องว่าง" - ยา → "✓ ผู้ป่วยที่มีไข้ / ✓ อาการปวดเล็กน้อยถึงปานกลาง / ✓ โรคอักเสบ / ⚠️ ข้อห้ามใช้: สตรีมีครรภ์ / ผู้ป่วยหอบหืด / ผู้ป่วยแผลในกระเพาะอาหาร" - เทคโนโลยี → "✓ ผู้รักเสียงเพลง / ✓ นักธุรกิจ / ✓ ผู้เดินทาง / ✓ ผู้สร้างสรรค์เนื้อหา" แยกด้วยสีเขียว ✓ และสีเหลืองอำพัน ⚠️ โมดูล 6: 【ข้อควรทราบ/คู่มือการใช้งาน】(การ์ดมาตรฐาน 1x1) หัวข้อ: "ข้อควรระวังในการรับประทาน" หรือ "ข้อควรระวังในการใช้งาน" หรือ "ข้อสำคัญ" เนื้อหา: 4 ข้อเตือนความจำที่สำคัญ - อาหาร → "ไม่ควรรับประทานขณะท้องว่างเพื่อหลีกเลี่ยงการระคายเคืองเยื่อบุกระเพาะอาหาร / [ผลิตภัณฑ์] ที่ยังไม่สุกมี [สารพิษ] ห้ามรับประทาน / ไม่ควรปรุงด้วยความร้อนสูงเป็นเวลานานเพื่อรักษาสารอาหาร / [กลุ่มคนพิเศษ] ควบคุมปริมาณที่รับประทาน" - ยา → "ควรรับประทานหลังอาหารเพื่อหลีกเลี่ยงอาการไม่สบายท้อง / ห้ามใช้ร่วมกับ [ยาต้องห้าม] / หลีกเลี่ยงการดื่มแอลกอฮอล์ขณะรับประทานยา / หากเกิดอาการแพ้ ให้หยุดยาและไปพบแพทย์ทันที" - เทคโนโลยี → "การใช้งานครั้งแรกต้องจับคู่กับอุปกรณ์ / หลีกเลี่ยงสภาพแวดล้อมที่มีอุณหภูมิมากเกินไป / ทำความสะอาดและบำรุงรักษาเป็นประจำ / หากไม่ใช้งานเป็นเวลานาน ควรชาร์จแบตเตอรี่เพื่อจัดเก็บ" พร้อมไอคอนเตือน โมดูล 7: 【ตัวชี้วัดพิเศษ】(การ์ดมาตรฐาน 1x1) หัวข้อ: ปรับตามประเภทผลิตภัณฑ์ - อาหาร → "ปริมาณกรดยูริก" แสดง "[X] มิลลิกรัม/100 กรัม" + "อาหารกรดยูริกต่ำ ✓" + "ดีต่อผู้ป่วยเกาต์" - ยา → "อาการไม่พึงประสงค์" ระบุผลข้างเคียงที่พบบ่อย - เทคโนโลยี → "ความเข้ากันได้" แสดงระบบ/อุปกรณ์ที่รองรับ พร้อมตัวบ่งชี้หรือไอคอน โมดูล 8: 【เกร็ดความรู้/ข้อมูลเชิงลึกเกี่ยวกับผลิตภัณฑ์】(การ์ดมาตรฐาน 1x1) หัวข้อ: "เกร็ดน่ารู้" หรือ "เรื่องราวผลิตภัณฑ์" หรือ "ข้อเท็จจริงที่น่าสนใจ" เนื้อหา: 2-3 ข้อความรู้ที่น่าสนใจ - อาหาร → "เมื่อ [ผลิตภัณฑ์] ถูกความร้อน การดูดซึม [ส่วนประกอบ] เพิ่มขึ้น X เท่า / [ผลิตภัณฑ์] มีต้นกำเนิดใน [ภูมิภาค] มากว่า [X] ปี / [ผลิตภัณฑ์] ที่ยังไม่สุกมี [สารอันตราย]" - ยา → "[ผลิตภัณฑ์] เป็นหนึ่งใน [ประเภท] ที่ใช้กันอย่างแพร่หลายที่สุดในโลก / มีการผลิตทั่วโลกมากกว่า [X] ตันต่อปี / คิดค้นโดย [ชื่อบุคคล] ในปี [ปีที่คิดค้น]" - เทคโนโลยี → "[ผลิตภัณฑ์] ใช้เทคโนโลยีสิทธิบัตร [เทคโนโลยี] / [แบรนด์] เป็นเจ้าแรกที่นำ [ฟังก์ชัน] มาใช้ในผลิตภัณฑ์สำหรับผู้บริโภค / ยอดขายทั่วโลกทะลุ [X] ล้านเครื่อง" 【ข้อมูลจำเพาะของวัสดุอะคริลิกด้าน】(CRITICAL แกนหลัก): เอฟเฟกต์วัสดุการ์ด: - ความโปร่งใส: 80-85% โปร่งแสง (TRANSLUCENT) สามารถมองทะลุการ์ดไปยังพื้นหลังได้ - เอฟเฟกต์ด้าน: เบลอคล้ายกระจกฝ้า (frosted glass blur) สไตล์ backdrop-filter - โทนสีพื้น: ผลิตภัณฑ์สีขาว/ครีมเล็กน้อย (15-20% ความทึบ) เพื่อเพิ่มความสามารถในการอ่าน แต่ยังคงความโปร่งใส - ขอบ: ขอบเรืองแสงที่ละเอียดอ่อน จับแสงสะท้อน - เงา: เงาแบบเรียงชั้นที่นุ่มนวล สร้างความลึกแบบลอยตัว - คุณสมบัติทางฟิสิกส์ของแก้ว: ไฮไลท์ขอบแก้วที่สมจริง, การหักเหของแสง, เอฟเฟกต์การสะท้อนบนพื้นผิว - ลักษณะทางสายตา: การไล่ระดับสีพื้นหลังสามารถมองเห็นได้อย่างชัดเจนผ่านการ์ด เหมือนแผ่นอะคริลิกด้านจริง สำคัญ: การ์ดต้องคงความโปร่งแสง (TRANSLUCENT) ห้ามกลายเป็นการ์ดสีขาวที่ทึบแสง! 【โทนสี】: อัตราส่วนสีพื้นฐาน: 90% สีกลาง + 10% การตกแต่งด้วยสีหลักของผลิตภัณฑ์ - ชั้นพื้นฐาน: แก้วโปร่งใส, สีเทาอ่อน, สีขาวครีม - สีข้อความ: สีเทาเข้มปานกลาง #3A3A3A (นุ่มนวลแต่ชัดเจน เหมาะสำหรับพื้นหลังโปร่งใส) - การตกแต่งด้วยสีหลัก (ใช้ 10%): * อาหาร → สีธรรมชาติของผลิตภัณฑ์ (แดงส้มของมะเขือเทศ, ส้มของแครอท, เขียวของผักโขม เป็นต้น) * ยา → สีน้ำเงินทางการแพทย์, สีขาวของยา, สีของสัญลักษณ์กาชาด * เทคโนโลยี → สีหลักของแบรนด์ (เงินเทาฟ้าของ Apple, ส้มของ Xiaomi, แดงของ Huawei เป็นต้น) - ตำแหน่งการตกแต่ง: ใช้เฉพาะกับไอคอนสำคัญ, ตัวเลขสำคัญ, สัญลักษณ์เตือน, และตัวผลิตภัณฑ์ 3D - สีเตือน: สีส้มอำพัน #FF9800 สำหรับเนื้อหาเตือน ⚠️ - สียืนยัน: สีเขียว #4CAF50 สำหรับเนื้อหาแนะนำ ✓ 【การตั้งค่าพื้นหลัง】: - ประเภท: การไล่ระดับสีที่นุ่มนวล, 2-3 สีใกล้เคียงที่เปลี่ยนผ่าน - การปรับให้เข้ากับโทนสีผลิตภัณฑ์: * อาหาร → สีขาวครีม – ชมพูอ่อน – ส้มอ่อน (โทนอบอุ่น) * ยา → สีขาวเทาอ่อน – ฟ้าอ่อน – ขาวทางการแพทย์ (สะอาดเป็นมืออาชีพ) * เทคโนโลยี → สีเทาอวกาศ – ขาวเงิน – ฟ้าอ่อน (ให้ความรู้สึกเทคโนโลยี) - องค์ประกอบตกแต่ง: รูปร่างนามธรรมที่นุ่มนวลมาก สามารถมองเห็นลางๆ ผ่านการ์ดแก้วได้ - สำคัญ: พื้นหลังต้องนุ่มนวลไม่โดดเด่น สามารถมองเห็นผ่านการ์ดโปร่งใสได้แต่ไม่รบกวนการอ่าน 【การจัดวางเลย์เอาต์】: - รูปแบบ: แนวนอน (landscape) อัตราส่วน 16:9 หรือใกล้เคียง - ประเภทกริด: Bento Grid ไม่สมมาตร, ขนาดการ์ดไม่เท่ากัน - การจัดสรรพื้นที่: * ตัวผลิตภัณฑ์ 3D แก้ว: 20-25% (ขนาดปานกลาง ไม่กินพื้นที่มากเกินไป) * การ์ดข้อมูล: 75-80% (การ์ดมาตรฐาน 7 ใบ) - ระยะห่างระหว่างการ์ด: เว้นระยะห่างที่เหมาะสม ไม่แออัด ให้ความรู้สึกโปร่งโล่ง - ลำดับชั้นภาพ: สร้างลำดับความสำคัญของข้อมูลด้วยขนาดการ์ด, ตำแหน่ง, และการตกแต่งสี - ลำดับการอ่าน: เริ่มจากตัวผลิตภัณฑ์ 3D ด้านซ้ายบน แล้วไหลไปตามการ์ดข้อมูลต่างๆ อย่างเป็นธรรมชาติ 【ข้อกำหนดสำหรับการเขียน】: - ภาษา: เนื้อหาเป็นภาษาไทยทั้งหมด (ชื่อผลิตภัณฑ์สามารถระบุได้สองภาษา) - ลำดับชั้นของตัวอักษร: * หัวข้อโมดูล: ตัวหนา, ขนาดใหญ่ * เนื้อหาหลัก: ตัวปกติ, ขนาดกลาง * ตัวเลขข้อมูล: ตัวหนา, เน้นเป็นพิเศษ - ความสามารถในการอ่าน: ข้อความสีเทาเข้มปานกลางบนแก้วด้านโปร่งใส อ่านง่ายชัดเจน - ข้อกำหนดหน่วย: * น้ำหนัก: กรัม, กิโลกรัม, มิลลิกรัม * พลังงาน: กิโลแคลอรี่, แคลอรี่ * เวลา: นาที, ชั่วโมง, วัน * ปริมาตร: มิลลิลิตร, ลิตร 【รูปแบบไอคอน】: - ประเภท: ไอคอนเส้นโครงร่างที่เรียบง่าย (line icons) - ขนาด: เล็กกะทัดรัด ไม่เด่นเกินไป - สี: เส้นสีเทาอ่อน, ไอคอนสำคัญมีการตกแต่งด้วยสีหลักของธีม - การใช้งาน: ช่วยอธิบาย เสริมการจดจำด้วยภาพ 【วิธีการใช้งาน】: 1. แทนที่ [ชื่อผลิตภัณฑ์] ด้วยผลิตภัณฑ์จริง 2. เลือกตัวอย่างเนื้อหาที่เหมาะสมตามประเภทของผลิตภัณฑ์ (อาหาร/ยา/เทคโนโลยี) 3. กรอกข้อมูลเฉพาะสำหรับ 8 โมดูล 4. ปรับสีหลักของธีมให้เป็นสีประจำผลิตภัณฑ์ 5. ตรวจสอบให้แน่ใจว่ายังคงรักษาความเป็นอะคริลิกด้านโปร่งใส 【มาตรฐานคุณภาพ】: ✓ ความโปร่งใสถูกต้อง (80-85%, มองทะลุได้) ✓ เอฟเฟกต์เบลอแบบด้านชัดเจนแต่ไม่มากเกินไป ✓ พื้นหลังสามารถมองเห็นผ่านการ์ดได้ ✓ ตัวผลิตภัณฑ์ 3D ใช้พื้นที่เหมาะสม (20-25%) ✓ ข้อมูลครบถ้วน (เนื้อหาครบ 8 โมดูล) ✓ การแสดงผลภาษาไทยชัดเจน ✓ โทนสีสุภาพและสง่างาม (90% สีกลาง + 10% ตกแต่ง) ✓ การจัดวางสบายตา ไม่แออัด ✓ คุณสมบัติของแก้วสมจริง (ไฮไลท์ขอบ, การสะท้อน, การหักเห) 【ตัวอย่างการใช้งาน】: อาหาร: 🍅มะเขือเทศ, 🥕แครอท, 🍎แอปเปิล, 🥑อะโวคาโด ยา: 💊แอสไพริน, วิตามินซี, ไอบูโพรเฟน, เพนิซิลลิน เทคโนโลยี: 🎧AirPods Max, iPhone, MacBook, Tesla ธาตุ: ⚛️คาร์บอน, ออกซิเจน, ไฮโดรเจน, ไนโตรเจน

现代Bento网格布局产品展示设计,采用磨砂亚克力透明玻璃材质。适用于任何产品类型(食物/药品/科技产品/元素等)。 【布局结构】8个模块,非对称Bento网格排列,横向landscape格式: 模块1: 【3D玻璃产品主体展示】(中等尺寸1x1,占20-25%空间) - 3D透明玻璃/亚克力材质的[产品名称]雕塑 - [产品特色]: * 食物 → 展示切面/内部结构(如番茄种子腔室、胡萝卜横切面) * 药品 → 药片/胶囊的透明玻璃形态 * 科技产品 → 产品外观的玻璃艺术化呈现 - 材质效果: 透明红橙/蓝色/绿色等[产品主色]玻璃,光泽表面,光线折射,真实反射 - 正下方文字标注: "[中文产品名] / [English Name]" - 不占用过多空间,为信息模块留足展示区域 模块2: 【核心功效/特点】(标准卡片1x1) 标题: "核心功效" 或 "核心特点" 或 "主要功能" 内容: 4个核心卖点,用 "/" 分隔 - 食物 → "抗氧化延缓衰老 / 保护心血管健康 / 美白护肤养颜 / 促进消化吸收" - 药品 → "解热镇痛 / 抗炎消肿 / 抗血小板聚集 / 预防心血管疾病" - 科技 → "主动降噪 / 空间音频 / 自适应均衡 / 20小时续航" 配合简洁图标 模块3: 【使用方法/应用场景】(标准卡片1x1) 标题: "食用方法" 或 "使用方法" 或 "应用场景" 内容: 4种使用方式/场景 - 食物 → "生食: 沙拉凉拌 / 熟食: 炒蛋炖汤 / 加工: 酱料榨汁 / 搭配: 鸡蛋牛肉" - 药品 → "口服: 餐后温水送服 / 剂量: 成人100mg / 频次: 每日1-2次 / 疗程: 遵医嘱" - 科技 → "音乐欣赏 / 通勤降噪 / 居家办公 / 观影娱乐" 配合场景图标 模块4: 【关键数据/参数】(标准卡片1x1) 标题: "营养价值" 或 "技术参数" 或 "产品规格" 内容: 5个关键数据点 - 食物 → "热量 [X]千卡/100克 / 维生素C [X]毫克 / [特色成分] 丰富 / 膳食纤维 [X]克 / 钾 [X]毫克" - 药品 → "成分: [化学式] / 规格: [X]mg / 起效时间: [X]分钟 / 半衰期: [X]小时 / 代谢途径: [途径]" - 科技 → "芯片: [型号] / 续航: [X]小时 / 重量: [X]克 / 驱动单元: [规格] / 充电: [X]小时" 配合简洁数据可视化图表 模块5: 【适用人群/目标用户】(标准卡片1x1) 标题: "适合人群" 或 "目标用户" 或 "适用场景" 内容: 分为推荐(✓)和警示(⚠️)两部分 - 食物 → "✓ 心血管疾病患者 / ✓ 美容养颜需求者 / ✓ 减肥瘦身人群 / ✓ 便秘消化不良 / ⚠️ 慎用: 肾功能不全 / 胃酸过多 / 空腹食用" - 药品 → "✓ 发热患者 / ✓ 轻中度疼痛 / ✓ 炎症性疾病 / ⚠️ 禁忌: 孕妇 / 哮喘患者 / 胃溃疡" - 科技 → "✓ 音乐发烧友 / ✓ 商务人士 / ✓ 通勤人群 / ✓ 内容创作者" 用绿色✓和琥珀色⚠️区分 模块6: 【注意事项/使用指南】(标准卡片1x1) 标题: "食用注意" 或 "使用注意" 或 "重要提示" 内容: 4条重要提醒事项 - 食物 → "不宜空腹食用以免刺激胃黏膜 / 未成熟[产品]含[有毒物质]禁食 / 不宜长时间高温烹煮保留营养 / [特殊人群]需控制摄入量" - 药品 → "需餐后服用避免胃部不适 / 不可与[禁忌药物]同服 / 服药期间避免饮酒 / 出现过敏反应立即停药就医" - 科技 → "首次使用需配对设备 / 避免极端温度环境 / 定期清洁保养 / 长期不用请充电保存" 配合警示图标 模块7: 【特殊指标】(标准卡片1x1) 标题: 根据产品类型调整 - 食物 → "嘌呤含量" 显示 "[X]毫克/100克" + "低嘌呤食物 ✓" + "痛风患者友好" - 药品 → "不良反应" 列举常见副作用 - 科技 → "兼容性" 显示支持的系统/设备 配合指示器或图标 模块8: 【趣味知识/产品洞察】(标准卡片1x1) 标题: "冷知识" 或 "产品故事" 或 "有趣事实" 内容: 2-3条有趣的知识点 - 食物 → "[产品]加热后[成分]吸收率提升X倍 / [产品]原产[地区]已有[X]年历史 / 未成熟[产品]含[有害物质]" - 药品 → "[产品]是世界上使用最广泛的[类别]之一 / 每年全球生产超过[X]吨 / [发明年份]年由[人名]发明" - 科技 → "[产品]采用[技术]专利技术 / [品牌]首次将[功能]应用于消费级产品 / 全球销量突破[X]万台" 【磨砂亚克力材质规格】(CRITICAL 核心灵魂): 卡片材质效果: - 透明度: 80-85% 半透明(TRANSLUCENT),可以看穿卡片看到背景 - 磨砂效果: 柔和的frosted glass blur模糊,backdrop-filter风格 - 底色调: 轻微白色/奶油色霜化效果(15-20%不透明度),提升可读性但保持透明 - 边框: 细致的发光边框,捕捉光线反射 - 阴影: 柔和的分层阴影,营造浮空深度感 - 玻璃物理: 真实的玻璃边缘高光、光线折射、表面反射效果 - 视觉特征: 背景渐变可以透过卡片清晰看见,像真实的磨砂亚克力板 重要: 卡片必须保持TRANSLUCENT透明质感,不能变成不透明白卡片! 【色彩方案】: 基础色彩配比: 90% 中性色 + 10% 产品主题色点缀 - 基础层: 透明玻璃、浅灰色、米白色 - 文字色: 中等深灰 #3A3A3A (柔和但清晰,适合透明背景) - 主题色点缀(10%使用): * 食物 → 产品天然色(番茄红橙、胡萝卜橙、菠菜绿等) * 药品 → 医疗蓝、药品白、红十字标志色 * 科技 → 品牌主色(Apple银灰蓝、小米橙、华为红等) - 点缀位置: 仅用于关键图标、重要数字、警示符号、3D主体 - 警示色: 琥珀橙 #FF9800 用于⚠️警告内容 - 肯定色: 绿色 #4CAF50 用于✓推荐内容 【背景设置】: - 类型: 柔和渐变,2-3个相近色过渡 - 产品色调适配: * 食物 → 奶油白-淡桃红-浅橙色(温暖色调) * 药品 → 浅灰白-淡蓝-医疗白(清洁专业) * 科技 → 太空灰-银白-淡蓝(科技感) - 装饰元素: 极度柔和的抽象形状,可透过玻璃卡片隐约看见 - 重要: 背景要柔和不抢眼,通过透明卡片可见但不干扰阅读 【排版布局】: - 格式: 横向 landscape 16:9 或类似比例 - 网格类型: 非对称Bento网格,卡片大小不一 - 空间分配: * 3D玻璃主体: 20-25% (中等尺寸,不过度占用) * 信息卡片: 75-80% (7个标准卡片) - 卡片间距: 适度留白,不拥挤,呼吸感良好 - 视觉层次: 通过卡片大小、位置、色彩点缀建立信息优先级 - 阅读流: 从左上3D主体开始,自然流向各信息卡片 【文字规范】: - 语言: 全中文内容(产品名可双语标注) - 字体层级: * 模块标题: 粗体,大号 * 正文内容: 常规体,中号 * 数据数字: 粗体,突出显示 - 可读性: 中等深灰文字在磨砂玻璃上清晰易读 - 单位规范: * 重量: 克、千克、毫克 * 能量: 千卡、卡路里 * 时间: 分钟、小时、天 * 容量: 毫升、升 【图标风格】: - 类型: 极简线条图标 (line icons) - 尺寸: 小巧不喧宾夺主 - 颜色: 浅灰线条,关键图标用主题色点缀 - 用途: 辅助说明,增强视觉识别 【使用方法】: 1. 将 [产品名称] 替换为实际产品 2. 根据产品类型(食物/药品/科技)选择对应的内容示例 3. 填充8个模块的具体信息 4. 调整主题色为产品代表色 5. 确保保持磨砂亚克力的透明质感 【质量标准】: ✓ 透明度正确(80-85%,可看穿) ✓ 磨砂模糊效果明显但不过度 ✓ 背景可透过卡片看见 ✓ 3D主体占比适中(20-25%) ✓ 信息完整(8个模块内容齐全) ✓ 全中文显示清晰 ✓ 色彩克制优雅(90%中性+10%点缀) ✓ 排版舒适不拥挤 ✓ 玻璃质感真实(边缘高光、反射、折射) 【典型应用示例】: 食物: 🍅西红柿、🥕胡萝卜、🍎苹果、🥑牛油果 药品: 💊阿司匹林、维生素C、布洛芬、青霉素 科技: 🎧AirPods Max、iPhone、MacBook、特斯拉 元素: ⚛️碳、氧、氢、氮