产品流程 UI 设计模式

把「如何用起来」拆成 3-5 个可勾选步骤，顶部有完成度进度条。把新用户推向「第一次获得价值」的最有效工具之一。

用半透明遮罩压暗整个界面，只把要讲的那个控件挖亮，旁边弹出说明气泡并标出第几步。

空状态的一种进阶形态：不只说「暂无数据」，而是明确告诉用户第一步做什么，并直接给一个可点的入口。

被锁的内容虚化显示，上方浮出锁标记 + 升级说明 + 按钮。让用户先看到「我错过了什么」，再谈付费。

用户正要使用超出当前套餐的能力时才弹出升级提示。此刻他已经有明确意图，转化率远高于常驻的倒计时横幅。

在用户已完成某个动作后（结算、订阅、保存），顺势推荐互补的附加项。是提高客单价最自然的位置。

一张渐变卡片，给出专属邀请码与一键复制，说明双方各得什么。把老用户变成拉新渠道。

产品未上线时收集邮箱的落地页模块：一个大数字展示已有多少人在等，加一个极简邮箱输入 + 排队进度条。

用一个大数字 + 一周七天的小格子展示连续使用天数，已打卡的格子填色。用「不想断掉」的心理维持留存。

金色圆环徽章，带持续扫过的高光和名称说明。用于奖励里程碑，是游戏化体系里最直观的正反馈。

按分数排序的名单，前三名有特殊标记，自己那一行高亮。用社会比较驱动参与度。

集中展示未读提醒的面板：顶部标题 + 未读数量徽章，下面按时间倒序列出条目，未读项带浅色底。

一条竖线串起时间倒序的事件列表，最新一条带脉冲点。用在仪表盘或团队页，证明「这里一直有人在用」。

左侧品牌区 + 右侧表单区的分栏登录页。左侧承载信任（产品截图或价值主张），右侧只留最少字段。

把死路变成一次有礼貌的引导：超大错误码 + 一句人话 + 回首页/搜索的出口。