1 / 1

空间资产库 UI

案列来源：Noa • Dev Web

App & 网页设计openai/gpt-image-2#App & 网页设计#极简主义#图解 & 图表#创意#AI

一个精致的 SaaS 风格资产上传库模型，包含六个航天缩略图和用于网站界面设计的删除控件。

9.6w人正在用

auto推荐尺寸

3.8w收藏人数

提示词模板

目标：创建一个简洁的网站 UI 资产管理面板，标题为 {argument name="headline text" default="Your Assets"}，展示一个已上传航天图像的网格。

画布：正方形的网页模型，背景为极浅的颜色，带有微妙的点状网格图案，右侧边缘有淡淡的弧形装饰线。采用现代 SaaS 风格，配以柔和的阴影、圆角和柔和的蓝灰色文本。

布局：在左上角放置一个小的圆形粉色方形图标，内含简单的轮廓图像/照片符号，后跟标题。在其下方，创建一个大的白色圆角矩形卡片，带有细浅灰色边框。在卡片内部，放置 6 个图像缩略图，排列为 2 列 3 行的网格，每个缩略图均带有圆角。每个缩略图的右上角都有一个悬浮的圆形删除按钮；共有 6 个删除按钮，均为白色，带有灰色 X 图标。在卡片底部，居中放置一行上传操作，包含一个加号和文本 {argument name="upload text" default="Upload more"}。

缩略图内容，共 6 个：1) 左上：一枚高耸的火箭矗立在日落时的发射台上，背景是橙色的云；2) 右上：同样的火箭发射台场景，带有明亮的爆炸/火焰和发光的圆形冲击波效果；3) 中左：一枚火箭在日落天空的背景下垂直升空，带有巨大的明亮烟柱；4) 中右：一枚火箭穿过厚厚的橙色云层，上升到深蓝色的高层大气中；5) 下左：从低轨道俯瞰地球，地平线弧线上方有一艘小型航天器；6) 下右：星光熠熠的深空全景，可见银河带，左上方可见地球。

视觉风格：精致的网页组件截图，逼真的电影级空间缩略图，清晰的 UI 边缘，宽敞的间距，16px 圆角缩略图，微妙的阴影，柔和的中性色调。小图标背景使用 {argument name="accent color" default="soft pink"}，标题和上传文本使用 {argument name="text color" default="slate blue-gray"}。

约束：保持所有文本为英文，不包含额外标签、水印、浏览器边框或光标。严格保持数量：1 个标题，1 个图标，1 个带边框卡片，6 个缩略图，6 个圆形 X 删除按钮，以及 1 个底部上传操作。