电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: HTML5 可视化设计工具：Maqetta（3） [打印本页]

作者: look_w 时间: 2018-10-18 19:44 标题: HTML5 可视化设计工具：Maqetta（3）

图 8. 添加备注功能

通过工具条上的“Add note”按钮可以为页面添加备注，以作补充说明
图 9. 利用 State 功能创建可交互的页面原型

1. Maqetta 给视觉设计师提供了无需编程也能创建强大的交互页面原型的机会，如图所示，点击 New 按钮
2. 弹出对话框，名为 Add new task
3. 在 States 面板中可以定义页面显示状态此例中有一个默认的 Normal 状态和两个自定义的 Add Task 和 Task Added 状态
4. 用户可通过此处 Add state 和 Remove state 按钮来自定义页面状态，此例中 Add Task 状态被选中，设计师可以通过为 Add 按钮设置 onclick 事件来切换到不同的页面状态
5. 设计师可以在 Outline 面板里，点击控件元素前的“眼睛”图标来决定是否显示。本例中，在 Add Task 状态下，所有层都显示，但 MultiSelect 无需显示。这和 photoshop 里的图层概念是相类似的，对于视觉设计师而言是相当熟悉的。
图 10. 团队评审和评论功能步骤一

在 New 菜单里选择 New Reivew 子菜单，输入基本信息
图 11. 团队评审和评论功能步骤二

选择需要 Review 的文件
图 12. 团队评审和评论功能步骤三

添加审阅者的 Email 后，按 Publish 按钮，审阅人将收到被邀请参加评审的邮件。
图 13. 团队成员添加评论功能

团队审阅者收到的审阅邮件会附带 URL，点击 URL 后，审阅者可以对 UI 原型进行评论，添加注解。
图 14. 支持 CSS 主题编辑

支持自定义 CSS 主题，选择页面上的控件，然后在属性面板里自定义。用户可以保存更新的主题 CSS 文件，然后在项目团队之间共享，使得公司内部规范他们自己的界面外观。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)