深色系 AI 生成仪表盘截图
一个采用 HeliosGen 风格的宽屏深色模式仪表盘模型,展示了生成的图像缩略图以及用于演示图像生成工作流的 AI 提示词控制面板。
gpt-image-2 · App / 网页设计 · 产品 · 摘要 / 背景 · 极简主义
中文提示词
目标:为 {argument name="app name" default="HeliosGen"} 创建一张深色模式的桌面端网页应用截图,这是一个 AI 图像/视频生成仪表盘,以 16:9 的宽屏浏览器样式画布呈现。 画布:1200×675 尺寸的截图,采用深海军蓝/黑色界面,主工作区带有细微的点阵网格纹理。使用简洁现代的 SaaS UI 美学,搭配细分割线、小巧的柔和灰色文本以及青色点缀。 布局:左侧窄边栏占据约 10% 的宽度,其余部分为主要工作区。在工作区顶部,显示两个小标签:“已生成”(选中状态)和“已上传”(未选中状态)。在标签下方,水平排列显示 5 个生成的图像缩略图,顶部对齐,每个缩略图之间由细边框分隔。 边栏细节:左上角的 Logo 文本为“HeliosGen”,配有一个小的青色图标。包含 6 个带有图标的主要导航项:1) 图像(选中状态),2) 视频,3) 工作流,4) 资源,5) 聊天,6) 设置。下方显示一个小的“文件夹”区域,包含 1 行名为“所有作品”的文件夹,随后是一个显示“暂无聊天记录”的空状态区域。在左下角,添加两个类似“1.8k”和“220”的小型统计数据/图标。 缩略图行:从左到右显示 5 个缩略图:1) 日落时分金色沙漠中,黑色岩石上摆放着华丽的琥珀色奢华香水瓶;2) 日落时分沙漠沙丘的石板上,摆放着带有华丽金色瓶盖的圆形琥珀色香水瓶;3) 日落时分沙漠沙丘的黑色岩石上,摆放着带有新月形瓶盖的方形琥珀色香水瓶;4) 米白色摄影棚背景中心的一个红苹果;5) 极简白色摄影棚场景中,白色桌面上放置的一个较小的红苹果。前三个缩略图应具有电影感和暖色调;后两个应为极简产品摄影测试。 底部提示词面板:在工作区底部中心附近,包含一个圆角的悬浮生成控制面板。面板左侧显示一个标记为“IMAGE 1:1”的小型正方形预览图。在主要文本区域,包含提示词:“{argument name="generation prompt" default="Luxury Saudi perfume bottle on black stone, desert dunes in the background at sunset, premium commercial product"}”。在面板底部,显示紧凑的控制选项,依次为“Nano Banana Pro”、“2K”、“1:1”、“1/4”、“Multi”和“JSON (4.14k)”,右侧配有一个青色的发送/生成按钮。 视觉风格:清晰的 UI 截图,高对比度,极简光效,精细的点阵背景,逼真的生成图像缩略图,无浏览器边框,无额外弹窗,无人物,无水印。
原始提示词
Goal: Create a dark-mode desktop web app screenshot for {argument name="app name" default="HeliosGen"}, an AI image/video generation dashboard, shown in a wide 16:9 browser-like canvas. Canvas: 1200×675 style screenshot, very dark navy/black interface with subtle dotted grid texture across the main workspace. Use a clean modern SaaS UI aesthetic, thin dividers, small muted gray text, and teal accents. Layout: A narrow left sidebar occupies about 10% of the width, with the main workspace filling the rest. At the top of the main workspace, show two small tabs: “Generated” selected and “Uploaded” inactive. Beneath the tabs, display exactly 5 generated image thumbnails in one horizontal row, aligned along the top, each separated by thin borders. Sidebar details: Top-left logo text reads “HeliosGen” with a small teal emblem. Include exactly 6 primary navigation items with icons: 1) Image selected, 2) Video, 3) Workflow, 4) Assets, 5) Chat, 6) Settings. Below that, show a small “Folders” section with exactly 1 folder row labeled “All works,” then an empty-state area reading “No chats yet.” At the bottom-left, add two tiny stats/icons resembling “1.8k” and “220.” Thumbnail row: Show exactly 5 thumbnails from left to right: 1) an ornate amber luxury perfume bottle on a dark rock in a golden desert at sunset, 2) a rounded amber perfume bottle with ornate gold cap on a stone slab in desert dunes at sunset, 3) a square amber perfume bottle with a crescent-shaped cap on a black rock in desert dunes at sunset, 4) a single red apple centered on an off-white studio background, 5) a smaller red apple sitting on a white table in a minimal white studio scene. The first three thumbnails should feel cinematic and warm; the last two should be minimal product-photo tests. Bottom prompt panel: Near the bottom center of the workspace, include a floating generation control panel with rounded corners. On the left of the panel, show a small square preview tile labeled “IMAGE 1:1.” In the main text area, include the prompt: “{argument name="generation prompt" default="Luxury Saudi perfume bottle on black stone, desert dunes in the background at sunset, premium commercial product"}”. Along the bottom of the panel, show compact controls reading approximately “Nano Banana Pro,” “2K,” “1:1,” “1/4,” “Multi,” and “JSON (4.14k),” plus a teal send/generate button at the right. Visual style: Crisp UI screenshot, high contrast, minimal glow, fine dotted background, realistic generated-image thumbnails, no browser chrome, no extra popups, no people, no watermark.