Mockup

Mockup是什么？

Mockup 是一款专为 UI/UX 设计师打造的多合一设计应用，同时具备绘制草图、构建线框和实现交互原型等能力，能够在 iPad、iPhone 和 Mac 上同时进行编辑与协同修改。提供 100 多个可用的绘图元素以及 45 种可用的设备框架，并加载了 5000 多个 SF Symbols 以及 Apple Pencil 绘制界面元素的功能。可以实现设计师灵感创意直接到制作原型的过程转换，支持导出 PDF 和 PNG 格式，支持团队协作者同步实时地实现更有效的交流沟通，能够极大地促进设计工作效率与质量提升。

核心功能

• 草图绘制：提供了 Apple Pencil 输入手写的任意图形、形状和色彩搭配的画布功能，具有辅助性工具（如自由手绘、绘制图形、颜色调色板）帮助完成界面布局设计，同时也提供拖拽元素添加功能。
• 线框设计：提供内置 100+ 预设元素（网页、iPhone、iPad 等），可以选择使用或可随意拖拽添加，也能自定义组件。
• 交互原型：将多个界面连接成可点击的交互流程，支持全屏预览。
• 设备框架展示：内置 45+ 设备外框，方便在真实设备比例中查看你的设计效果。
• 跨设备同步：通过 iCloud 在 iPad、iPhone、Mac 之间同步你的项目并实时更新内容。
• 导出与分享：可将 Mockup 导出 PDF 或 PNG，也可直接共享整个文件给设计师团队成员。
• 协作与演示：可用 SharePlay 分享你的设计与同事或客户一起进行讨论和修改。

适用人群

• UI/UX 设计师
• 产品经理
• 开发者
• 需要快速构思和验证界面想法的团队

Mockup产品价格计划方案

Mockup官网及使用教程

官网网址：https://getmockup.app

1. 安装与登录

在Mockup官网 或App Store下载 iPad / iPhone / Mac版本。打开应用，可直接使用免费版开始设计，或登录解锁高级功能（Mockup Studio）。建议在 iPad 上配合 Apple Pencil 使用，体验最佳

2. 创建新项目

点击 “新建画布”（Canvas），选择设备框架（iPhone、iPad、Mac、Web 等），可设置画布尺寸、背景颜色和网格线，方便布局。

3. 草图阶段（Sketch）

使用 12 种绘图工具（铅笔、画笔、形状等）自由绘制，开启 形状识别（Shape Detection），手绘矩形、圆形会自动矫正，调整颜色、线条粗细、透明度等参数。支持直接在画布上用 Apple Pencil 手写文字（Scribble）。

4. 线框阶段（Wireframe）

从包含有100+预设元素的库里拖拽按钮、输入框、导航栏等各种元素到画布上，iPhone / iPad / Web平台上都可以设计UI，可以直接添加图片和图标（5000+ SF Symbols）、自定义各种元素，在此可以创建新的组件，并在项目中保存使用。

5. 原型阶段（Prototype）

选中一个或多个界面元素，添加交互连接 Link to Frame：页面跳转、过渡效果、手势触发；选择全屏视图按钮全屏预览，可以模拟应用运行在手机或电脑的情况。

6. 跨设备同步与协作

开启 iCloud 同步，在 iPad、iPhone、Mac 间无缝切换，使用 SharePlay 与团队或客户实时查看和讨论设计，可直接分享 Mockup 文件给其他用户。

7. 导出与交付

支持导出 PDF、PNG 格式，可以发送 Mockup 文件给他人继续编辑。进入 Figma、Sketch 等高保真设计之前，可以先通过 Mockup 提出低保真构想与验证。