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

UI 与社交媒体截图案例

type

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

案例媒体

案例说明

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

案例解读

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

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

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

画面重点与风格信号

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

Prompt 结构可以怎么理解

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

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

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

完整 Prompt

{ "type": "18-panel brand identity and character design document", "brand": { "name": "{argument name=\"brand name\" default=\"沐阳 MUYANG TEA\"}", "industry": "{argument name=\"industry\" default=\"tea shop\"}", "colors": ["{argument name=\"primary color\" default=\"yellow\"}", "{argument name=\"secondary color\" default=\"green\"}", "white", "brown", "dark green"] }, "subject": "{argument name=\"character description\" default=\"3D rendered cute Shiba Inu mascot wearing a green apron\"}", "layout": { "grid": "3 columns by 6 rows", "sections": [ { "title": "01 品牌DNA分析 / BRAND DNA ANALYSIS", "elements": ["logo", "5 color swatches", "6 icons", "target audience charts"] }, { "title": "02 概念构思 / CONCEPT MOODBOARD", "elements": ["5 photo references", "4 mood icons", "design equation"] }, { "title": "03 形态研究 / FORM STUDY", "elements": ["4 logo anatomy icons", "4 evolution steps", "4 silhouettes"] }, { "title": "04 概念探索 / CONCEPT EXPLORATION", "elements": ["12 line-art character sketches"] }, { "title": "05 精细线稿 / REFINED LINE ART", "elements": ["3 rows of front and side line art with proportion guides"] }, { "title": "06 细节精修 / DETAIL REFINEMENT", "elements": ["2 full-body renders with labels", "4 circular close-ups"] }, { "title": "07 表情设定 / EXPRESSION SHEET", "elements": ["11 3D rendered head expressions"] }, { "title": "08 姿势库 / POSE LIBRARY", "elements": ["9 full-body 3D rendered poses"] }, { "title": "09 转身视图 / TURNAROUND VIEW", "elements": ["5 full-body 3D renders", "5 matching line-art views"] }, { "title": "10 色彩开发 / COLOR DEVELOPMENT", "elements": ["5 rows of 5-color palettes", "color psychology text"] }, { "title": "11 材质规格 / MATERIAL SPECIFICATION", "elements": ["5 texture swatches", "property sliders", "4 manufacturing icons"] }, { "title": "12 色彩应用 / COLOR APPLICATION", "elements": ["4 color variant renders", "2 light/dark renders", "4 contrast rating circles"] }, { "title": "13 构造指南 / CONSTRUCTION GUIDE", "elements": ["2 line-art diagrams for geometry and grid"] }, { "title": "14 设计系统规则 / DESIGN SYSTEM RULES", "elements": ["minimum size icons", "clear space diagram", "4 usage examples"] }, { "title": "15 资产变体 / ASSET VARIANTS", "elements": ["3 size variants", "3 line-art variants", "3 simplified flat heads"] }, { "title": "16 数字应用 / DIGITAL APPLICATIONS", "elements": ["1 app icon", "2 social avatars", "UI elements", "3-step animation cycle"] }, { "title": "17 实物应用 / PHYSICAL APPLICATIONS", "elements": ["plush toy mockup", "packaging mockup", "merchandise mockup", "storefront mockup"] }, { "title": "18 最终主视觉 / FINAL RENDERING", "elements": ["large high-res 3D render of mascot holding tea", "logo", "file format list"] } ] } }

相关案例