
UI / UX 設計
日系SaaS前後對比時間軸橫幅
生成展示前後相片對比與多節點時間軸的日系科技行銷橫幅。可自訂標題文案、日期或卡片影像,適用於醫美與健康應用。
saas橫幅ui設計前後對比日系科技時間軸視覺行銷資訊圖
瀏覽相似提示詞UI 介面設計 AI 提示詞
提示詞
{
"type": "SaaS功能更新資訊圖橫幅",
"style": "精緻現代的日式科技營銷風格,高階UI質感,深海軍藍漸變背景,左上角和右下角有細微的半色調點狀紋理,柔和曲線點綴,高光青綠色霓虹強調",
"canvas": {
"aspect_ratio": "1:1"
},
"headline": {
"icon": "青綠漸變底色帶白色相機圖示的圓角應用圖示,帶微光閃爍裝飾",
"title": "[寫真で記録、変化を視覺化]",
"subtitle": "[ビフォーアフターを時系列で管理]",
"language": "Japanese",
"title_style": "大號粗體無襯線字型,前半句白色,後半句亮青綠色",
"subtitle_style": "中號白色粗體無襯線字型,兩側帶青綠與金色閃光分隔裝飾"
},
"layout": {
"sections": [
{
"title": "對比卡片",
"position": "居中",
"count": 2,
"labels": [
"Before",
"After"
]
},
{
"title": "時間線節點",
"position": "底部",
"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": "圓角矩形時間線面板,含五個由白色虛線連線的帶日期縮圖"
},
"comparison": {
"subject": "同一位面朝左側側臉的成年女性,深棕色整潔低髮髻,淺膚色,細吊帶上衣,影棚布光,淺灰色背景",
"privacy": "兩張大圖和五個縮圖的面部均覆有垂直矩形打碼模糊條",
"before_card": {
"label": "Before",
"frame": "帶淺灰邊框和柔和投影的圓角矩形",
"image": "中性客觀的診療記錄風格人像"
},
"after_card": {
"label": "After",
"frame": "帶亮青綠邊框和柔和投影的圓角矩形",
"image": "下頜輪廓明顯提升精緻的改善人像",
"decorations": "右下角有兩顆青綠色閃光星芒"
},
"connector": "卡片居中位置帶白色向右箭頭的圓形青綠按鈕"
},
"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",
"time": "10:30",
"state": "當前選中狀態,青白相間環形節點",
"thumbnail": "打碼女性側臉縮圖及右下角小相機圖示",
"frame": "亮青綠色圓角邊框"
},
{
"date": "05/13",
"time": "10:30",
"state": "上方帶微小藍色圓形節點",
"thumbnail": "打碼女性側臉縮圖及右下角小相機圖示",
"frame": "淺灰色圓角邊框"
},
{
"date": "05/27",
"time": "10:30",
"state": "金色里程碑高亮環形節點",
"thumbnail": "打碼女性側臉縮圖及右下角小相機圖示",
"frame": "金色圓角邊框"
}
],
"extra_decorations": "時間線面板右側邊緣有兩顆金色微光星芒"
},
"color_palette": {
"background": "深海軍藍至靛青色漸變",
"primary": "亮青綠色",
"secondary": "純白",
"accent": "金色",
"support": "淺灰與藍紫色"
},
"rendering": "向量UI結合寫實攝影的高畫質精緻渲染,間距勻稱,居中排版"
}可以替換的部分
生成前,把提示詞裡的這些部分換成你自己的主題或文案。
[寫真で記録、変化を視覺化]佔位符[ビフォーアフターを時系列で管理]佔位符
提示詞資訊
- 模型
- GPT IMAGE 2
- 每張圖消耗
- 1K:43 點數 · 2K:86 點數 · 4K:143 點數
- 畫幅比例
- 1:1
- 收錄時間