首页/UI 与社交媒体截图案例/type

UI 与社交媒体截图案例

type

type 是一个来自 @coder_left 的 UI 与社交媒体截图案例,收录了可直接复用的完整 Prompt、来源链接和输出示例。

案例媒体

案例说明

这个页面把案例媒体、完整 Prompt 和出处放在一起,方便你先看结果,再判断这条 Prompt 是否值得复制、收藏或加入对比。

案例解读

为了方便搜索、引用和后续复用,这里会把案例的适用场景、画面重点和 Prompt 结构拆成更容易浏览的说明。

这类案例适合用在什么场景

  • 把它当作 UI 与社交媒体截图 的基准案例最合适,先看成片方向,再决定自己的 Prompt 要往哪边改。
  • 如果你的目标也落在 UI、截图、产品图 这些方向,这条案例特别适合先看图判断风格,再回头微调描述。
  • 做 Prompt 对比时,也很适合作为控制组,只改一个变量去看结果变化。

画面重点与风格信号

  • 这条案例最明显的风格信号集中在 UI、截图、产品图,所以第一次改写时最好先保留这些关键词。
  • 这类案例更值得先看界面密度、卡片层级,以及屏幕内容有没有先于文字讲清故事。
  • 当前只有一张主图,所以第一张结果图就是最核心的参考基准。

Prompt 结构可以怎么理解

  • 这条 Prompt 整体属于一条比较长、约束条件很多的 Prompt,很适合拿来判断这类方向到底需要写到多细。
  • 关键词簇主要围绕 UI、截图、产品图 展开,所以复用时可以先保留这组风格词,再替换主体、镜头、环境或文案信息。
  • 最稳的改写方式通常是先保留结果方向和最强风格信号,只替换主体设定与场景块。

如果你是带着问题来的,可以先看这些角度

  • 如果保留 UI、截图、产品图,只换主体题材,结果最先变化的会是哪一部分?
  • 这条结果里,哪些特征更像是 UI 与社交媒体截图 的结构特征,哪些又是标签风格本身带来的?
  • 同分类的相关案例里,哪几条能给你更克制或更极致的相邻变体?

完整 Prompt

{ "type": "e-commerce livestream screenshot mockup", "scene": { "subject": "{argument name=\"main subject\" default=\"Caucasian male resembling Sam Altman\"}", "clothing": "dark green crewneck sweater", "action": "holding a black product box in one hand and pointing at it with the other", "setting": "dark studio with a microphone on the left, faint 'AI' text in the background", "props": [ "black mug with white OpenAI logo", "stack of 4 black product boxes on the right" ] }, "product_design": { "box_color": "black", "logo": "orange asterisk or sunburst", "text": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}" }, "ui_overlays": { "top_left_product_info": { "brand_tag": "Anthropic 官方旗舰店", "title": "{argument name=\"product name\" default=\"Claude Opus 4.7\"}", "subtitle": "{argument name=\"main headline\" default=\"更强推理·更高智能\"}", "sub_subtitle": "最强大模型: Opus 4.7 重磅发布!", "bullet_points_count": 3, "bullet_points": ["超强推理能力", "代码能力巅峰", "复杂任务轻松搞定"] }, "top_right_live_status": { "viewer_info": "直播中 | 52.8万人观看", "promo_banner": "直播专属福利 限时折扣·错过不再有", "countdown": "倒计时 00:09:47" }, "middle_right_price_card": { "header": "{argument name=\"product name\" default=\"Claude Opus 4.7\"} 直播间专享价", "price_currency": "¥", "price_value": "{argument name=\"promotional price\" default=\"0.47\"}", "price_unit": "/百万tokens起", "original_price": "原价: ¥1.89", "button": "立即抢购" }, "bottom_left_chat": { "message_count": 9, "input_box_placeholder": "说点什么..." }, "bottom_right_banner": { "headline": "奥特曼首推!认准Claude Opus 4.7", "subheadline": "更智能 · 更安全 · 更可靠", "feature_tags_count": 4, "feature_tags": ["强大推理", "代码神器", "安全可靠", "极速响应"] }, "floating_elements": [ { "type": "sticker", "position": "middle right over product boxes", "text": "{argument name=\"sticker text\" default=\"史上最强 AI模型!\"}" } ] } }

相关案例