
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
- 收录时间