首页/UI 与社交媒体截图案例/手绘风格设计师个人资料页面

UI 与社交媒体截图案例

手绘风格设计师个人资料页面

手绘风格设计师个人资料页面 是一个来自 yourproductdesigner 的 UI 与社交媒体截图案例,收录了可直接复用的完整 Prompt、来源链接和输出示例。

案例媒体

案例说明

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

案例解读

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

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

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

画面重点与风格信号

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

Prompt 结构可以怎么理解

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

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

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

完整 Prompt

{"type":"hand-drawn social media profile screen illustration","format":"vertical smartphone screenshot mockup","style":"playful sketchbook aesthetic, colored-pencil outlines, pastel watercolor doodles, slightly imperfect hand-drawn UI, rounded phone frame, white background, black ink linework","platform":"X/Twitter-style profile page","parameters":{"display name":"{argument name=\"display name\" default=\"yourproductdesigner\"}","handle":"{argument name=\"handle\" default=\"@tolaosho\"}","bio":"{argument name=\"bio\" default=\"Graphic Designer • Helping experts show up and get chosen • Designing smarter with AI tools\"}","banner text":"{argument name=\"banner text\" default=\"Designing visuals that help experts stand out\"}","pinned post text":"{argument name=\"pinned post text\" default=\"Another masterpiece for a surprise call brand. Rate my work.\"}"},"phone UI":{"top status bar":"time 17:34 at top left, centered black speaker notch, LTE signal and low battery icon showing 19 at top right","top buttons":{"count":4,"items":["back arrow in a grey circle at upper left","search icon in grey circle","share arrow icon in grey circle","upload/share tray icon in grey circle"]},"bottom navigation":{"count":5,"items":["home icon highlighted blue","search icon","Grok-like slash swirl icon","notifications bell with small red dot","messages bubble"]}},"profile header":{"banner":"pastel doodle banner with two blue clouds, rainbow, pink castle, small stars, and a tiny yellow label reading SEND ME A DM under the banner text","profile avatar":"round pink avatar at left, illustrated woman in blazer, face intentionally blurred","name row":"large blue display name with blue verified badge and a white Get verified pill button","metadata":{"count":4,"items":["briefcase icon Graphic Designer","location pin Remote","link icon linktr.ee/TolaOsho","calendar icon Joined May 2023"]},"social stats":"88 Following and 136 Followers"},"tabs":{"count":6,"labels":["Posts","Replies","Highlights","Videos","Photos","Articles"],"appearance":"pastel marker-highlight tabs, Posts selected with blue underline, each tab has a different soft color highlight"},"timeline":{"posts visible count":2,"pinned post":{"position":"main visible post","label":"Pinned","author":"yourproductdesigner","handle and date":"@tolao... · 29/01/2025","body":"Another masterpiece for a surprise call brand. Rate my work.","embedded image":"a hand-drawn desktop design software screenshot showing two colorful book or cover designs side by side, both titled Curating Unforgettable Connections!, one warm red/yellow and one blue/yellow, with toolbars and panels around the canvas","engagement metrics":{"count":5,"items":["reply 18","repost 10","heart 181","views 5.9K","bookmark icon with no number"]}},"second post preview":{"position":"bottom partially visible","author":"yourproductdesigner @tolaosho · 9h","body":"Another day to be 1% better."}},"decorative doodles":{"count":14,"items":["large blue cloud at upper left","small yellow star near avatar","purple star above banner","cloud below rainbow left","cloud below rainbow right","large yellow star near upper right","large blue cloud at upper right","gingerbread-house doodle at right of profile stats","yellow star beside pinned post","yellow star pair to right of pinned post body","rainbow lollipop at lower left of pinned image","three yellow stars along engagement row","large blue hashtag sticker at lower right","pink heart-eyes emoji over embedded image"]},"composition":"crop like a full phone screen, slight black hand-drawn outline around the phone, dense but readable social profile layout, cheerful creator/designer branding"}

相关案例