หน้าจอ Onboarding สำหรับ Mobile SaaS ของ NOVALITH

A premium Japanese mobile onboarding screen for a fictional data analytics SaaS, useful for landing page or app concept mockups.

เป้าหมาย: สร้างหน้าจอ Onboarding/หน้าแรกบนมือถือที่ดูเป็นมืออาชีพสำหรับแพลตฟอร์มข้อมูล B2B สมมติในชื่อ {argument name="brand name" default="NOVALITH"} โดยใช้สไตล์ภาพแบบ SaaS ระดับพรีเมียมของญี่ปุ่น

Canvas: ภาพหน้าจอสมาร์ทโฟนแนวตั้ง อัตราส่วน 9:16 พื้นหลังสีขาว มีแถบสถานะ iOS ด้านบนแสดงเวลา 9:41 พร้อมไอคอนสัญญาณ Wi-Fi และแบตเตอรี่ ใช้ระยะขอบที่กว้างและจัดวางองค์ประกอบแบบโฆษณาแอปที่สะอาดตา

เลย์เอาต์: วางโลโก้ NOVALITH ไว้ใกล้กับมุมซ้ายบน โดยมีสัญลักษณ์ตัว "N" สีฟ้าเทอร์ควอยซ์รูปทรงเรขาคณิตและตัวอักษรสีน้ำเงินเข้มที่เว้นระยะห่าง ด้านล่างให้ใส่หัวข้อภาษาญี่ปุ่นตัวหนาขนาดใหญ่ด้วยสีน้ำเงินเข้ม: {argument name="headline text" default="データを、未来の意思決定に変える。"} ใต้หัวข้อให้เพิ่มคำอธิบายภาษาญี่ปุ่นขนาดเล็กสองบรรทัด: {argument name="body text" default="開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。"} ที่ด้านล่างซ้าย ให้แสดงฟีเจอร์ 3 รายการพร้อมไอคอนเส้นขอบสีฟ้าไซแอนบางๆ: 1) ไอคอนเลเยอร์ซ้อนกัน หัวข้อ “統合された基盤” คำอธิบาย “データとシステムを一元的に統合”; 2) ไอคอนโล่พร้อมเครื่องหมายถูก หัวข้อ “堅牢なガバナンス” คำอธิบาย “セキュリティと品質を標準で確保”; 3) ไอคอนกราฟแท่งขาขึ้น หัวข้อ “高速な意思決定” คำอธิบาย “信頼できるデータで意思決定を加速”

ภาพ Hero: ทางด้านขวา ให้สร้างการ์ดสมาร์ทโฟน 3D ผิวมันวาวขนาดใหญ่ที่เอียงไปด้านหลังเล็กน้อย ซ้อนทับกับบล็อกสถาปัตยกรรมสีฟ้าอมเขียวโปร่งแสงและตัวอักษร N แบบ 3D ขนาดใหญ่ที่อยู่ด้านหลัง หน้าจอโทรศัพท์แสดง UI แดชบอร์ดภาษาญี่ปุ่นที่มีส่วนประกอบ 4 ส่วน: 1) การ์ดตัวเลขด้านบน พร้อมข้อความ “データパイプライン 128 +2.4%” และ “データ品質スコア 98.6% +2.4%”; 2) แถวสถานะไปป์ไลน์พร้อมไอคอนเชื่อมต่อกัน 3 ไอคอน ระบุว่า “データソース 24”, “処理中 128” และ “出力先 36” พร้อมจุดสถานะขนาดเล็ก; 3) กราฟเส้นหัวข้อ “データ量の推移” พร้อมวันที่ตั้งแต่ 5/06 ถึง 5/12; 4) กราฟโดนัทหัวข้อ “データソース健全性” แสดง “96% 健全” และคำอธิบาย “健全 46”, “警告 3”, “エラー 1” จัดข้อความในแดชบอร์ดให้มีขนาดเล็กแต่ดูสมจริงและจัดวางอย่างเป็นระเบียบ

การนำทางด้านล่างและการดำเนินการ: วางจุด Carousel เล็กๆ 3 จุดไว้ตรงกลางเหนือปุ่ม โดยจุดแรกเป็นสีฟ้าอมเขียวและแสดงสถานะใช้งาน ส่วนอีกสองจุดเป็นสีเทาอ่อน เพิ่มปุ่มทรงมน 2 ปุ่มที่ด้านล่าง: ปุ่มหลักแบบไล่เฉดสีฟ้าอมเขียวพร้อมข้อความ {argument name="primary button label" default="はじめる"} และไอคอนลูกศรชี้ไปทางขวา และปุ่มรองสีขาวที่มีเส้นขอบสีฟ้าอมเขียวพร้อมข้อความ {argument name="secondary button label" default="あとで始める"}

สไตล์ภาพ: การวิเคราะห์ข้อมูลองค์กรแห่งอนาคต UI แบบเวกเตอร์ที่คมชัดผสมผสานกับ Glassmorphism แบบ 3D ที่นุ่มนวล จานสีประกอบด้วยสีขาว สีน้ำเงินเข้ม สีไซแอน สีฟ้าอมเขียว และการไล่เฉดสีอควา เพิ่มเส้นโครงข่ายโพลีกอนที่ละเอียดอ่อน จุดเล็กๆ ลวดลายจุดจางๆ และการซ้อนทับทางเรขาคณิตที่เบาบางทั่วพื้นหลัง ใช้เงาที่นุ่มนวล การจัดวางตัวอักษรภาษาญี่ปุ่นที่สะอาดตา ความคมชัดสูง และให้ความรู้สึกเหมือนการตลาดบน App Store ระดับพรีเมียม หลีกเลี่ยงความรก หลีกเลี่ยงปุ่มที่ไม่จำเป็น หลีกเลี่ยงรายการฟีเจอร์ที่มากเกินไป และห้ามใส่ลายน้ำ

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

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