21第五章1App低保真原型工具特点-墨刀

App低保真工具-墨刀低保真/流程/快捷/原型天津电子信息职业技术学院知识要点01墨刀的工作范畴02App原型设计策略03工具的在线访问墨刀的工作范畴第一部分高效的低保真原型设计墨刀是什么墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。墨刀特点操作简单演示团队协作交互简单自动标注及切图素材库免费版个人专业版企业版墨刀适用范围适用平台浏览器注册使用，Windows、Mac桌面客户端，同时支持iOS、Android端预览。适用企业墨刀为企业级用户提供权限控制、项目管理及基础项目数据统计等功能。墨刀能干什么原型设计1.支持HTML、PNG、APK、IPA多格式离线文件下载，还可以下载多倍率图片，满足不同分辨率需求；2.支持创建iPhone/iPad、Android、平板、watches、PC各平台设备的原型，也可以自定义设备尺寸；3.提供iOS、Android等平台的常用组件及大量精美图标，同时还可以自定义自己的个性化组件，方便项目之间自由切换、使用；4.通过拖拽创建链接及交互动效，提供丰富的页面切换方式、交互手势及动画，简单操作即可创作；5.通过二维码、链接分享，可以在网页、移动端、墨刀预览助手app中快速查看产品demo的演示效果。开发标注1.使用Sketch插件上传设计文件，墨刀标注会自动生成设计标注信息及全平台样式代码，可以精准还原标注信息，并提供每个元素的CSS、Swift、Android样式代码；2.提供了业内完善的颜色解决方案。除了展示常规设计文件的全局颜色，还会自动生成当前页的页面颜色，还可以手动吸取颜色，随心定制你的个人色板；3.只需设计师导入Sketch切图，即可自动生成多倍率切图文件。可以一键下载全部切图，也可以根据实际需要，下载独立的元素切图；4.除了支持元素在各平台之间的颜色、分辨率换算，还支持手动设置HTML的字体大小单位（rem/em）。与Axure的工具对比墨刀的控件较为灵活、丰富，Axuer的逻辑关系表述的更加专业灵活或者专业1.组件方面，墨刀更有优势：墨刀自带了很多成熟的组件，例如键盘，开关，手机模型等；而Axure在这方面稍显单薄，只有一些基础元件；2.交互方面，墨刀简单快捷；Axure灵活；各有千秋。墨刀做交互特别简单，只要拖动其各种元件右边的这根线，即可链接打开各种页面；3.Axure要做交互，则需要设置各种条件，或者输入各种用例，通过条件，动态面板状态，隐藏，切换等功能才能形成交互效果。但是灵活！可以在一个页面完成各种交互。4.从应用场景来说，比较粗糙的情况下可以用墨刀，例如做草稿的时候；要求比较严谨的时候用Axure，例如做用户需求评审的时候。低保真到高保真低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。以下是低保真原型的基本特征：视觉设计：仅呈现最终产品的一部分视觉属性（例如元素的形状，基本视觉层次等）。内容：仅包含内容的关键元素。交互性：原型可以由真人模拟。在测试期间，熟悉页面流程的设计师就相当于一个“计算机”，实时手动呈现设计页面。此外，也可以给线框图制作交互效果，这种称为“交互线框图”。墨刀的低保真设计

纸制原型和可点击的线框是两种流行的低保真原型制作技术。它们都致力于以最快的迭代设计思路，直到项目团队和利益相关者都对产品的基础模型感到满意为止。App低保真墨刀的低保真优势可点击的线框图：线框图是产品页面的可视化表示形式，设计人员可以使用它来排列页面元素。线框可以作为低保真原型的基础。可点击的线框是最简单的交互式原型-即连接起静态线框页面：与纸质原型一样，可点击线框图通常看起来不像成品，但它们确实比纸质原型具有一个显着的优势-它们在测试期间不需要单独的人员跟进App原型设计策略第二部分产品快速实现原型设计——三步走——战略选择原型设计工具「外因」三【分析】「内需」三【权衡】1分析并掌握各个原型设计工具特性;2分析工具在行业中的口碑好评度;3筛选符合设计需求的工具;1工具是否方便后续优化及产品版本迭代;2衡量是否有助于企业团队协作沟通;3权衡工具的学习成本及其它便捷服务;用好原型设计工具及时了解原型设计工具「新功能」动态;灵活运用原型设计工具的「优势」;加入原型设计工具社群「参与问题探讨」和交流;解锁掌握产品原型设计工具的「『技能技巧」;做好产品原型设计做好原型设计的【重点概要】做好原型设计的【注意事项】尽量做全面，高质量交互原型设计稿;把产品页面关系逻辑．在原型设计稿中展示清楚;邀请企业团队协作一起参与原型设计;明确需求．先脑图梳理,再下手原型设计;将创意想法需求．要快速转化成原型设计稿;忌讳产品原型设计流程繁琐,不要画蛇添足.按需所设;墨刀应用场景原型设计&产品评审可以在任何页面、区域添加红点，打点讨论，聚焦问题；支持HTML、移动端离线文件模式，无网络也能顺利评审；支持全局、产品细节不被遗漏。设计稿交互管理可用墨刀上传和管理团队的设计稿，并在线协同进行交互设计。创建交互快捷方便，工作流功能让设计稿间的跳转关系一目了然，可添加批注，不易疏漏。市场营销收集项目反馈因墨刀良好的交互展示特性，乙方公司销售人员会使用墨刀向甲方公司介绍软件产品，在后期软件开发的过程中甲方也是通过墨刀评论功能提出需求变更；墨刀应用场景App产品说明书用墨刀可以很放方便的制作APP使用的说明书，指导用户上手使用。面向服务行业等人群，制作「产品说明书，一步步操作一目了然:远程用研可以直接将原型发给用户观察用户的操作行为，降低产品开发质险。目前已经被多家企业用于可行性测试、焦点小组等用户研究环节中;其他应用场景产品运营将第划的H5活动，用墨刀把活动页面原型及跳转效果展示出来给设计、技术开发，大学生论文答辩项目演示等场景都可以用墨刀演示:工具的在线访问第三部分网页版访问访问墨刀官网，登录之后会看到如下的页面：在线创建模板点击右上方的创建应用，可以选择不同的模板和设备类型，填写应用名称之后即可完成应用的创建，然后我们可以随时编辑应用或者与他人共同编辑和分享应用在线基础编辑在线编辑云端分享

点击我们创建的对应应用进行编辑，进去之后会看到下图，其分为菜单栏、组件栏、编辑栏和预览排列栏几个部分。最左边是一些基础的组件，可以创建一些我们自己需要绘制的组件，在右边靠近有一个悬浮的组件栏，我们可以在这里选择需要的组件，然后拖拽到中间编辑栏中进行设计；中间顶部编辑栏里可以