แบนเนอร์เปรียบเทียบก่อนและหลังการใช้งาน SaaS ของญี่ปุ่น

{ "type": "ข้อมูลแบนเนอร์อัปเดตฟีเจอร์ SaaS", "style": "ดีไซน์โดดเด่นด้วยสไตล์การตลาดเทคโนโลยีญี่ปุ่นที่สะอาดตาและทันสมัย ​​UI ที่ซับซ้อน พื้นหลังไล่ระดับสีน้ำเงินเข้ม พื้นผิวฮาล์ฟโทนแบบจุดละเอียดที่มุมบนซ้ายและล่างขวา เส้นโค้งที่นุ่มนวล และไฮไลท์สีฟ้านีออนที่โดดเด่น ส่งผลให้ได้ภาพการเปิดตัวผลิตภัณฑ์ที่ประณีตและมีคุณภาพสูง", "canvas": { "aspect_ratio": "1:1" }, "headline": { "icon": "ไอคอนแอปเป็นรูปสี่เหลี่ยมจัตุรัสโค้งมน มีสัญลักษณ์กล้องสีขาว พื้นหลังไล่ระดับสีฟ้า และตกแต่งด้วยกลิตเตอร์เล็กน้อย", "title": "{argument name=\"headline text\" default=\"ภาพถ่ายบันทึกและแสดงภาพการเปลี่ยนแปลง\"}", "subtitle": "{argument name=\"subtitle text\" default=\"เปรียบเทียบการจัดการก่อนและหลังตามไทม์ไลน์\"}", "language": "ภาษาจีน", "title_style": "แบบอักษร sans-serif ขนาดใหญ่และตัวหนา วลีแรกคือ "ข้อความแรกเป็นสีขาว และข้อความที่สองเป็นสีฟ้าสดใส", "subtitle_style": "แบบอักษร sans-serif สีขาวตัวหนาขนาดกลาง มีเส้นคั่นสีฟ้าและสีทองแวววาวอยู่ทั้งสองด้าน" }, "layout": { "sections": [ { "title": "Comparison Cards", "position": "center", "count": 2, "labels": [ "Before", "after" ] }, { "title": "Timeline entries", "position": "bottom", "count": 5, "labels": [ "04/01 10:30", "04/15 10:30", "04/29 10:30", "05/13 10:30", "05/27 10:30" ] } ], "centerpiece": "การ์ดภาพบุคคลก่อนและหลังที่วางเคียงข้างกันเชื่อมต่อกันด้วยปุ่มลูกศรสีฟ้ากลม", "bottom_panel": "โมดูลไทม์ไลน์รูปสี่เหลี่ยมผืนผ้าโค้งมนประกอบด้วยภาพขนาดย่อห้าภาพพร้อมวันที่ เชื่อมต่อกันด้วยแถบความคืบหน้าแนวนอนแบบเส้นประ" }, "การเปรียบเทียบ": { "หัวเรื่อง": "ผู้หญิงวัยผู้ใหญ่คนเดียวกัน มองจากด้านซ้าย ผมสีน้ำตาลเข้มมัดเป็นมวยต่ำเรียบร้อย ผิวขาว สวมเสื้อสายเดี่ยว แสงไฟในสตูดิโอ และพื้นหลังสีเทาอ่อน", "ความเป็นส่วนตัว": "บริเวณใบหน้าในภาพขนาดใหญ่และภาพขนาดย่อทั้งห้าภาพถูกปกคลุมด้วยบล็อกเบลอรูปสี่เหลี่ยมผืนผ้าแนวตั้ง", "ภาพก่อนทำ": { "ป้ายกำกับ": "ก่อน", "กรอบ": "สี่เหลี่ยมผืนผ้าโค้งมนมีขอบสีเทาอ่อนและเงาอ่อนๆ", "ภาพ": "ภาพถ่ายบุคคลสไตล์คลินิกที่เป็นกลาง" }, "ภาพหลังทำ": { "ป้ายกำกับ": "หลัง", "กรอบ": "สี่เหลี่ยมผืนผ้าโค้งมนมีขอบสีฟ้าอ่อนและเงาอ่อนๆ", "ภาพ": "ภาพถ่ายบุคคลที่คล้ายกัน มีการปรับปรุงเล็กน้อยที่รูปทรงกราม/คอ แสดงให้เห็นถึงการเปลี่ยนแปลงที่ชัดเจน", "การตกแต่ง": "จากนั้นมีดาวสีฟ้ากะพริบสองดวงที่มุมล่างขวาของภาพ" } }, "ตัวเชื่อมต่อ": "ปุ่มกลมเล็กสีฟ้าอมเขียวตรงกลางการ์ดมีลูกศรสีขาวชี้ไปทางขวา" }, "timeline": { "panel_style": "กรอบสีเข้ม โปร่งแสงเล็กน้อย ทรงโค้งมน มีเอฟเฟกต์เรืองแสงภายใน", "line": "เส้นประแนวนอนสีขาว", "entries": [ { "date": "04/01", "time": "10:30", "state": "จุดวงกลมสีน้ำเงินขนาดเล็กเหนือภาพขนาดย่อ", "thumbnail": "ภาพขนาดย่อของโปรไฟล์ผู้หญิง มีพื้นที่เบลอและปุ่มไอคอนกล้องขนาดเล็กที่มุมล่างขวา", "frame": "กรอบมุมโค้งมนสีเทาอ่อน" }, { "date": "04/15", "time": "10:30", "state": "จุดวงกลมสีน้ำเงินขนาดเล็กเหนือภาพขนาดย่อ", "thumbnail": "ภาพขนาดย่อของโปรไฟล์ผู้หญิง มีพื้นที่เบลอและปุ่มไอคอนกล้องขนาดเล็กที่มุมล่างขวา", "frame": "กรอบมุมโค้งมนสีเทาอ่อน" }, { "date": "04/29", { "เวลา": "10:30", "สถานะ": "ถูกเลือกอยู่ในขณะนี้ โดยมีวงแหวนสีฟ้าขาวเป็นสัญลักษณ์", "ภาพขนาดย่อ": "ภาพขนาดย่อของโปรไฟล์ผู้หญิง โดยมีพื้นที่เบลอและปุ่มไอคอนกล้องขนาดเล็กที่มุมล่างขวา", "กรอบ": "ขอบมุมโค้งมนสีฟ้าสดใส" }, { "วันที่": "05/13", "เวลา": "10:30", "สถานะ": "วงกลมสีน้ำเงินขนาดเล็กอยู่เหนือภาพขนาดย่อ", "ภาพขนาดย่อ": "ภาพขนาดย่อของโปรไฟล์ผู้หญิง โดยมีพื้นที่เบลอและปุ่มไอคอนกล้องขนาดเล็กที่มุมล่างขวา", "กรอบ": "ขอบมุมโค้งมนสีเทาอ่อน" }, { "วันที่": "05/27", "เวลา": "10:30", "สถานะ": "ไฮไลต์เหตุการณ์สำคัญ โดยมีวงแหวนสีทองและสีขาวเป็นสัญลักษณ์", "ภาพขนาดย่อ": "ภาพขนาดย่อของโปรไฟล์ผู้หญิง โดยมีพื้นที่เบลอและปุ่มไอคอนกล้องขนาดเล็ก" ในมุมล่างขวา", "กรอบ": "ขอบมุมโค้งมนสีทอง" } ], "ของตกแต่งเพิ่มเติม": "มีดาวสีทองกระพริบเล็กๆ สองดวงที่ขอบด้านขวาสุดของแผงไทม์ไลน์" }, "โทนสี": { "พื้นหลัง": "ไล่ระดับสีน้ำเงินเข้มไปเป็นสีคราม", "สีหลัก": "สีฟ้าสดใส", "สีรอง": "สีขาว", "สีเน้น": "สีทอง", "สีรอง": "สีเทาอ่อนและสีม่วงน้ำเงิน" }, "การแสดงผล": "กราฟิกเวกเตอร์ที่สะอาดตา ผสมผสานกับการออกแบบ UI ฝังด้วยภาพถ่ายบุคคลที่สมจริง ระยะห่างที่สมดุล และองค์ประกอบที่อยู่ตรงกลาง มอบคุณภาพของแบนเนอร์หน้า Landing Page สำหรับสตาร์ทอัพ" }