主流原型设计工具介绍

一、Axure RP：适合做有交互的原型（适合电脑端）
特点
功能强，能做按钮点击、页面跳转、表单填写等交互效果
适合做「带逻辑的原型」，比如登录时密码错误会弹出提示
稍微有点难，需要花点时间学，但网上教程很多
使用案例：设计作业提交页面的交互
搭页面：从左边拖一个文本框（写作业标题）、一个文本区域（写作业内容）、一个提交按钮
做交互：右键点击「提交按钮」→选「点击时」→设置 “跳转到作业提交成功页面”
加提示：再拖一个矩形框当 “错误提示”，默认隐藏，设置 “如果标题为空，点击提交时显示这个提示”
（像这样：没写标题就点提交，会弹出 “标题不能为空” 的红框）
二、墨刀：手机端原型神器（适合快速出效果）
特点
专门做手机 APP 原型，界面像真实手机，直接扫码在手机上看效果
模板超多！比如登录页、列表页、弹窗，拖过来改改文字就能用
简单好上手，半小时就能做出能滑动、能点击的原型
使用案例：快速搭建作业列表页
用模板：打开墨刀素材库，搜 “列表”，选一个 “作业列表” 模板（有作业名称、截止时间、状态）
改内容：把模板里的 “作业 1” 改成 “数学作业”，时间改成 “2025.5.1”，状态改成 “未提交”
加交互：长按列表项，设置 “左滑出现‘提交’按钮”（模拟真实 APP 的滑动操作）
（做好后扫码发给同学，他们用手机就能体验滑动交作业的效果）
三、Figma：适合团队合作的云端工具（适合多人一起做）
特点
不用下载软件，打开浏览器就能做，还能和同学一起编辑（比如你做首页，他做个人中心）
设计和原型一体，画完按钮直接连到下一个页面，像搭积木一样
免费版够用，适合学生党白嫖
使用案例：小组合作设计作业管理 APP
分任务：组长建一个 Figma 文件，拉你和同学进组，你负责 “个人中心” 页面，他负责 “消息通知”
连页面：你画完 “个人中心” 的 “修改资料” 按钮，右键拖到同学画的 “资料编辑页”，自动生成跳转箭头
共享查看：做好后生成链接，发给老师，他点开就能点按钮、看页面跳转，像在用真的 APP
总结：怎么选？
想做复杂交互（比如登录验证、表单检查）：选 Axure（稍微难，但效果强）
快速做手机 APP 原型（想在手机上预览）：选墨刀（简单快，模板多）
和同学一起做（多人实时合作）：选 Figma（在线协作，免费好用）