
UI / UX 設計
SaaS AI 工作區登陸頁模型
生成帶有 AI 儀表板、工具整合連線與特色功能卡片的簡約 SaaS 登陸頁首屏。可調整主標題、品牌名稱與漸層配色。
saas儀表板登陸頁ui設計網頁設計毛玻璃首頁橫幅
提示詞
{
"type": "SaaS 落地頁首屏視覺圖",
"style": "現代 UI/UX、淺色主題、柔和投影、毛玻璃質感、[purple and blue gradients]",
"header": {
"headline": "[Run your work with AI clarity.]",
"subheadline": "在一個智慧工作空間中協同跨工具的任務、上下文與執行。"
},
"layout": {
"center_dashboard": {
"app_name": "[FlowBridge]",
"greeting": "[Good morning, Alex 👋]",
"sidebar_links": 8,
"top_metrics_cards": 4,
"recent_activity_items": 3,
"project_progress_bars": 3,
"floating_action_bar": "[Ask AI anything or type a command...]"
},
"left_integrations": {
"count": 4,
"style": "透過細線與中心儀表板相連的藥丸狀卡片",
"labels": [
"Google Calendar: Events & schedule",
"Notion: Docs & knowledge",
"Slack: Messages & updates",
"Google Drive: Files & assets"
]
},
"right_integrations": {
"count": 4,
"style": "透過細線與中心儀表板相連的藥丸狀卡片",
"labels": [
"Asana: Tasks & projects",
"GitHub: Code & commits",
"Figma: Design files",
"Microsoft Teams: Calls & meetings"
]
},
"bottom_feature_cards": {
"count": 3,
"style": "帶柔和陰影的矩形卡片",
"cards": [
{
"title": "AI-powered overview",
"description": "即時清晰掌握目標、進度以及需要重點關注的事項。",
"visuals": "顯示 24.6 小時專注時間的折線圖,以及底部 3 項指標(會議、深度工作、已完成任務)"
},
{
"title": "Connected execution",
"description": "跨工具保持任務、動態與依賴項實時同步。",
"visuals": "4 項待辦任務列表以及帶使用者頭像的 4 條團隊工作負荷進度條"
},
{
"title": "Insights that drive impact",
"description": "洞悉進度、化解風險並做出更明智的決策。",
"visuals": "按狀態顯示 18 個專案的環形圖,以及帶紅旗圖示的 3 個主要風險列表"
}
]
}
}
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[purple and blue gradients]佔位符[Run your work with AI clarity.]佔位符[FlowBridge]佔位符[Good morning, Alex 👋]佔位符[Ask AI anything or type a command...]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 16:9
- 收錄時間