首页 | 新闻 | 新品 | 文库 | 方案 | 视频 | 下载 | 商城 | 开发板 | 数据中心 | 座谈新版 | 培训 | 工具 | 博客 | 论坛 | 百科 | GEC | 活动 | 主题月 | 电子展
返回列表 回复 发帖

HTML5 可视化设计工具:Maqetta(3)

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 文件,然后在项目团队之间共享,使得公司内部规范他们自己的界面外观。
返回列表