首页/UI 与社交媒体截图案例/日文 SaaS 表单构建器横幅

UI 与社交媒体截图案例

日文 SaaS 表单构建器横幅

日文 SaaS 表单构建器横幅 是一个来自 サトウヒデキ LINEミニアプリを創る人 的 UI 与社交媒体截图案例,收录了可直接复用的完整 Prompt、来源链接和输出示例。

案例媒体

案例说明

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

案例解读

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

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

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

画面重点与风格信号

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

Prompt 结构可以怎么理解

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

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

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

完整 Prompt

{"type":"SaaS feature update banner infographic","style":"clean modern Japanese tech marketing visual, soft gradient abstract background, premium UI showcase, minimal flat illustration, rounded cards, subtle shadows, crisp typography","language":"Japanese","canvas":{"aspect_ratio":"1:1","background":"white base with soft purple gradient waves, faint dotted halftone accents, light geometric sparkles in the corners"},"headline":{"main":"{argument name=\"headline text\" default=\"自由にカスタマイズ\"}","sub":"{argument name=\"subheadline text\" default=\"6種類の入力形式で項目設計\"}","main_style":"very large bold Japanese sans-serif, deep blue to violet gradient fill","sub_style":"medium bold Japanese sans-serif, teal and dark navy text with small decorative sparkle icons and thin divider lines on both sides"},"layout":{"composition":"two-column product feature banner","sections":[{"title":"input type list","position":"left","count":6,"labels":["テキスト入力","ラジオボタン(単一選択)","チェックボックス(複数選択)","段落テキスト","日付・日時","画像アップロード"],"container":"vertical stack of 6 rounded white pill cards with soft shadow","icon_style":"large simple colored icons inside pale circular badges","colors":["purple","teal","teal","purple","teal","orange"]},{"title":"form builder UI","position":"right","count":6,"labels":["お名前","性別","興味のあるサービス","ご要望・お悩み","ご来店希望日時","参考画像(任意)"],"container":"large rounded white application window with purple-blue header bar","header_text":"{argument name=\"panel title\" default=\"カルテ項目を作成\"}","field_types":["single-line text input","radio buttons","checkbox group","multiline text area","date and time picker","image upload dropzone"]}],"connector":"teal dotted bracket-like guide visually linking the left feature list to the form builder panel"},"ui_details":{"badges_count":3,"badges":["必須","必須","必須"],"sample_values":{"name_placeholder":"例) 山田 花子","radio_options":["男性","女性","その他"],"checkbox_options":["カット","カラー","トリートメント","その他"],"textarea_placeholder":"ご自由にご記入ください","date_value":"2024/05/12","time_value":"14:00","upload_hint":"タップして画像を選択"},"window_controls":"minimal dots and drag handles, clean form rows with thin light gray borders"},"color_palette":{"primary":"violet to royal blue gradient","secondary":"teal","accent":"orange","surface":"white","text":"navy and gray"},"quality":"high-resolution polished startup marketing graphic, balanced spacing, elegant Japanese SaaS promotional banner for announcing customizable form input types"}

相关案例