设计与呈现
UI / UX 原型与页面方案
把具体页面或流程变成可评审、可演示的原型。
- 适合
- 需要评审页面、交互流程和状态的设计原型时选择;需要实际处理输入的可运行网页工具请选 网页实现与轻量 Web 工具。
- 工作范围单位
- 一条关键用户流程,明确屏幕和状态
- 可能的交付形式
- 交互原型链接或 HTML/ZIP 文件
先审 Brief 的任务也可能需要诊断:不可读扫描件、既有设计系统、需要登录的私有测试路径。
你提供 · 你会收到
需要你提供
- 目标用户及关键任务
- 页面范围、主要流程与关键状态
- 设备断点、参考、现有设计系统或素材
- 需要点击演示还是需要指定工具原生文件
可以先说明你已有的材料,缺少的信息可在确认范围时补充。正式执行前,会根据具体任务确认必要的材料、使用权限及执行条件。
可能交付什么
- 流程及页面原型
- 可交互 HTML 原型或约定设计文件
- 关键状态说明与开发交接
重点核查
约定屏幕、状态及点击路径都可走通。
可核查的验收 · 3
- 列明的主流程可走通
- 空/错误/加载/权限状态按范围覆盖
- 在目标设备宽度检查主页面
假设 Brief 与输出结构
示例 · 假设
说明性假设示例,非已完成的客户订单
示例请求
设计一套三屏注册与引导流程,能点击演示,包括错误状态。
示例成果文件
onboarding-prototype/交互演示flow-notes.pdf页面/状态说明
文件名仅为示意
其他同类需求示例
- 为一个个人收支记录工具制作可点击的手机原型,包括空状态、错误状态。
输出结构/测试路径
可测路径:开始 → 填写 → 完成;空值、错误、加载状态按范围覆盖
重要边界
原型不等于生产程序;原生 Figma 组件/设计系统只有约定并经过验证才交付。
默认不包含
- 生产级后端、真实支付或账号
- 未约定的完整设计系统
- 未核验的原生 Figma 文件生成
影响报价的因素
按页面数、状态数、交互与交付文件要求报价。
真实项目参考
Pianology ↗
独立产品
能证明产品定义与构建经历;不保证当前服务持续在线或已有付费用户。
AllGood ↗
独立产品
展示隐私优先产品结构与交付思路;不代表隐私安全认证。
自有项目与公开作品证明相关实践,不代表付费客户交付记录,也不保证本次任务结果。
