产品发布落地页Product Launch Landing Page

营销页Marketing落地页Landing page双栏Split view单栏Single column专业Professional沉浸Immersive克制Restrained
产品发布页
Outline

把访谈资料整理成可执行结论

集中管理原始资料、引用和研究输出。

研究摘要7 条引用
用户优先关注权限和迁移成本

结论来自 12 次访谈和 3 份行业资料。

  1. 权限边界必须清楚
  2. 迁移过程需要可回滚
  3. 费用口径需要稳定

标本可交互,可以切换不同状态。Interactive specimen — switch between the available states.

适用场景Use cases

产品发布、线索收集、功能说明产品发布 · 线索收集 · 功能说明

关键状态Key states

默认Default加载Loading错误Error成功反馈Success

布局结构Structure

  1. 首屏价值与真实产品视觉First-screen value and product evidence
  2. 关键能力证据Proof of key capabilities
  3. 使用方式How it works
  4. 单一转化入口Single conversion path

视觉特征Visual traits

  • 首屏只承担一个主要信息The first screen carries one main message
  • 产品本体在首屏可见The product is visible immediately
  • 不同区段使用不同信息构图Sections use distinct information compositions

实现约束Implementation guardrails

需要做到Do

  • 首屏保留下一段内容提示Hint at the next section from the first screen
  • 只设置一个主要 CTA 意图Give the page one primary CTA intent
  • 表单错误就地说明Explain form errors in place

避免Avoid

  • 用抽象渐变代替产品画面Replace product evidence with abstract gradients
  • 重复排列相同三列卡片Repeat the same three-card row

AI 风格说明AI design brief

构建一个直接展示产品价值和真实界面的发布落地页。 适用场景:产品发布、线索收集、功能说明。 页面结构:首屏价值与真实产品视觉;关键能力证据;使用方式;单一转化入口。 视觉特征:首屏只承担一个主要信息;产品本体在首屏可见;不同区段使用不同信息构图。 关键状态:默认、加载、错误、成功反馈。 需要做到:首屏保留下一段内容提示;只设置一个主要 CTA 意图;表单错误就地说明。 避免:用抽象渐变代替产品画面;重复排列相同三列卡片。Build a launch page around clear value, real product evidence, and one action path. Use cases: Product launch, Lead capture, Feature explanation. Structure: First-screen value and product evidence; Proof of key capabilities; How it works; Single conversion path. Visual traits: The first screen carries one main message; The product is visible immediately; Sections use distinct information compositions. Key states: Default, Loading, Error, Success. Do: Hint at the next section from the first screen; Give the page one primary CTA intent; Explain form errors in place. Avoid: Replace product evidence with abstract gradients; Repeat the same three-card row.

来源:LearnUI PM 原创示例,MIT License

我的参考集

组合页面参考、知名网站、UI 元素和视觉风格,导出给 AI。

你的下一份设计,从这里开始。

在任意标本旁点击「加入参考」,就能把页面、品牌、组件和风格组合成一份 AI 设计说明。

浏览页面参考

搜索参考库Search the library

输入关键词,搜索所有参考。