信息图 / 教育视觉 - 暗色 AI 聊天 4K 教程

返回灵感广场

1 / 1

信息图 / 教育视觉 - 暗色 AI 聊天 4K 教程

案列来源：唐华斑竹🦅

信息图 & PPTopenai/gpt-image-2#信息图#UI 设计#中国风#样机#diagram

创建暗色模式AI聊天教程，展示4K图像放大。

7.4w人正在用

4:5推荐尺寸

3.2w收藏人数

提示词模板

Using REFERENCE_0 as the source screenshot, create a clean dark-mode AI chat interface tutorial mockup that shows the same underwater photo being upscaled. Remove the Windows Photos app chrome, side information panel, filename details, and resolution callout from the reference; use only the underwater image content as the visual asset.

Layout: Place exactly 2 rounded-corner image previews of the underwater photo in the chat: 1 smaller uploaded-image preview near the upper right and 1 larger generated-result preview below it, slightly left of center. Keep the face-obscuring gray blur/block over the person in both previews.

Chat elements: Add exactly 1 user message bubble beside the upper preview with the Chinese text {argument name="user prompt text" default="将图片专为4K分辨率"}. Add exactly 1 assistant label reading “显示思路” with a small blue sparkle icon and a dropdown chevron. Under the larger image preview, add exactly 1 small rounded “来源” source button.

Callout: On the upper-right corner of the larger generated image preview, show the download icon and highlight it with exactly 1 red circular outline. Add exactly 1 thick red arrow pointing from the right side toward that circled download icon.

Bottom UI: Include a dark rounded message input bar at the bottom with placeholder text “描述你的图片”, small attachment/tool icons, a “制作图片” chip, a {argument name="model label" default="Pro"} dropdown, and a microphone icon.

Style and constraints: Match a modern Gemini/AI-chat dark theme with lots of empty black space, subtle gray UI controls, rounded corners, and a 16:9 screenshot composition. Do not add extra images, extra arrows, extra callouts, or additional explanatory text.