墨刀原型设计
⑴ Ui原型设计工具有哪些呢
1、墨刀:超快的移动应用原型工具
2、omnigraffle:os x专用
3、App Cooker:ipad上的原型设计工版具
4、乎之原权型:原型快速设计
5、Easel:让不会代码和用户界面设计的创业者快速制作产品原型页面
6、Prott:非常出色的原型设计工具
7、Protoshop:10分钟由平面设计稿打造出可在移动设备上运行的Native App原型
8、摩客:简洁高效的原型图设计工具
想要学习可以到AAA教育了解一下
⑵ 标题:原型设计中的低保真原型和高保真原型区别是什么
“原型”对创造成功的用户体验至关重要。但是对许多产品团队来说,原型仍然是UX设计过程中最令人困惑的部分之一。毫无疑问,原型可以是任何东西,从一系列代表app的不同界面或状态的纸质草图,到功能齐全、像素完美的app。
同时,了解原型设计主要与产品研发速度有关—目标不是创建可重用代码,而是尽快落地一个可交互的设计。
先说什么是低保真原型和高保真原型之前你要先明白下面的几个问题。
什么是“原型”?
我们经常在不同的背景里看到“原型”这个词。 由此,我们很可能已经混淆它的真正含义。
它最基本的含义:原型是设计想法的表达。原型让设计师们得以展现他们的设计,以及模拟真实的使用场景。在数字化的背景下,原型能够模拟用户与界面之间的最终交互行为。根据产品团队的需求,原型可以模拟整个app或仅单个交互行为。原型可以模拟最终产品的运作方式。它支持产品团队测试其设计的可用性和可行性。也有很多人将原型与草图,线框图和模型混淆,实际上它们不同于原型。“交互性”这个概念是原型的根本,因此这就是为什么草图,线框图和模型不能被视为“原型”的理由。
为什么我们需要原型?
做原型主要是为了在做实际产品之前测试设计(和产品创意)。 是否进行测试与产品的成功直接相关。 不用想,当产品在市场上上市,人们开始使用它时,你的设计将被用户测试。如果这是首次测试,则很有可能会有来自用户的负面反馈。因此,在低风险的研究阶段和公开发布之前收集产品反馈,总是更好。
以下是需要原型的两种情况:
确保设计理念按预期进行。 在大多数情况下,让实际用户测试产品概念是相对容易的。一旦用户拿到一个可以交互的产品原型,产品团队就能够看到目标受众是如何使用该产品。 根据这些反馈,可以调整初始理念。
确定用户能够顺利地使用产品。原型的必要性是在产品发布前发现和解决可行性问题。它能测试出产品需要改进的地方。这也是之所以那么多产品团队创建原型,让用户测试它们,并迭代设计直到它足够好的原因。
什么是“保真度”?
原型不一定要看起来像最终产品——它们可以有不同保真度。原型的保真度指的是它如何传达最终产品的外观(也就是指它的细节和真实感级别)。
保真度可以在以下方面有所不同:
视觉设计
内容
交互性
低保真
高保真
原型的类型有很多,基本介于这两种类型之间。
产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。
低保真原型
低保真(lo-fi)原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能,而不是产品的视觉外观。
一个高保真交互式原型, 通过墨刀制作
高保真原型的基本特征包括:
视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。
内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。
交互性:原型在交互层面非常逼真。
优点
可用性测试期间获取有意义的反馈。对于用户来说,高保真原型通常看起来像真正的产品。这意味着,在可用性测试会话中,测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。
对特定 UI 元素或交互的测试。借助高保真交互性,可以测试平面元素,或特定交互, 比如动画过渡和微交互。
轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋,但低保真的原型则不然。
缺点
成本较高。 与低保真原型相比,创建高保真原型意味着更高的时间成本和财务成本。
热门技术
使用专业软件创建的数字原型,数字原型是最常见的高保真原型形式。如今,各种专业软件使设计人员能够创建充满互动效果和复杂动画的视觉丰富、功能强大的原型。
⑶ 墨刀原型图设计下拉菜单怎么做
1.你选中你要添加下拉菜单的文字或者图片 2.在右边的面板里找到标签----行为,点击行为面板里的小加号,选择显示弹出式菜单。 3.在出现的显示弹出式菜单属性框中设置你想要下拉菜单的文字,颜色,位置等就可以了。 很简单吧!!
⑷ 软件原型设计工具有哪些
分享一些原型设计的工具,以及我们在使用过程中总结的优缺点。希望对你有帮助!
Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。
墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。
Invision: 可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的 Invision studio 对标sketch,想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)
Marvel: Marvel 也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。
POP(Prototyping on Paper):这款比较另类,是给拍照的手画草图直接做交互。操作轻巧简单:先用手机拍下草图原型(存到POP app内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在手机上给小伙伴们演示了。内嵌的交互动作 如侧滑、展开、消失等,即可满足一般的动态演示需要。但功能较为简单,对更深的需求无法满足。
Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。
欢迎追问!
⑸ 交互设计是开发阶段还是原型设计阶段
属于原型设计阶段。抄交袭互设计是当用户操作一个事物时,这个事物与用户之间形成的相互反馈以及结果。
原型可以更详细地解释交互。因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,所以原型设计可以更好的解释交互,交互设计属于原型设计阶段。
另外,目前比较好用的在线原型设计工具有Marvel,Invision,墨刀等等。
⑹ ui设计流程有哪些
一、确认用户需求
在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到不同目标用户的交互设计重点,将这些重点融合。例如:老年人用户和专业用户的设计重点就不尽相同,所有的目标用户的需求都要考虑进去。
二、采集交互方式
目标用户不同交互习惯也千差万别。习惯性的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。
三、讨论并制定草图框架
在一个项目的开始,UI设计师就需要参与到整个项目当中。对于产品需求的了解,不只是产品经理或者项目负责人的事情。所以,需要UI设计师、项目负责人、产品经理和客户一起作出讨论。这个时候,你就需要画出一个大概的框架草图。
对于一些外包项目,客户的需求很多时候都是模糊的,这个时候,整个产品的功能、结构框架也都是模糊的,所以,可能需要UI设计师积极的与客户或者项目负责人沟通,了解清楚。要不然,你就会抓瞎,没法开始接下来的项目。
四、流程图
这个时候,你需要结合开始的产品需求和框架草图,用思维导图工具做出一个具体的流程图,理清你的设计思路。这样你的项目负责人可以直观的看到整个的流程,你在开始设计的时候,也可以依据你做的流程图。
做脑图/思维导图/流程图的工具其实有很多。在这里呢,列举一些常用到的流程图工具,如Mindnode/网络脑图/Xmind/Mindmanager等等。
五、原型图
所需工具:Sketch(框架图)、POP(初步原型)、墨刀(高保真原型图和交互)等
六、确定设计稿和原型交互demo
所需工具:Sketch(设计稿)、Axure(原型交互)、Marvel(原型展示)、Principle(交互动效)、墨刀(原型交互)
七、设计和待开发
所需工具:PS、AI等(设计)、Cutterman (切图工具)、PxCook(标注、切图工具)、Zeplin(切图、设计稿标注)等。
设计过程就不说了,只要你是一位UI设计师,页面怎么做那你肯定清楚。当你设计完成页面以后,要做的工作就是:标注、切图。
八、引导用户交互
软件是为目标用户服务。因此应该由目标用户来使用和控制软件。软件响应用户的动作和设定的规则。对于目标用户交互的结果和反馈,提示目标用户结果和反馈信息,引导目标用户进行自我需求的下一步操作。
九、一致性原则
1、设计目标一致
2、元素外观一致
3、交互行为一致
十、可用性原则
1、可理解
2、可达到
3、可控制
软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则向目标用户提示相关的信息。
十一、项目进度管理
所需工具:Trello(任务管理)、Bearychat(团队沟通)
相关推荐
UI设计流程
ui设计培训四个月骗局
零基础学ui设计真他妈惨
现在学ui设计都是傻子
⑺ 有比axure更好用的原型设计吗
转载的,你可以看看。
《你知道Axure做交互能有多慢?》
Axure在笔者心目中是一款伟大的老牌产品。对于从2003年就开始专注在原型设计工具这个领域的专家,笔者非常敬重。本文并无猥亵之意。
当然,这个“伟大”仅仅限于英文中的那个“great”,而非中文的“伟大”。老外是很容易说“great”,那么就用这个词给它。咱们国人的“伟大”其实不能随便给,所以得废话两句来说明。
说正题,交互设计是我们原型设计中很重要的一部分, 是否能够快速搞定?设计的效率如何?是否简单易用?很大程度上决定了我们在原型设计上花费的时间和成本。
Axure做交互有多慢?
快慢是相对的,我们不妨用另一款工具做个对比吧,既然Mockplus和Axure都自称“快速原型设计工具”,那我们就来看看。
问题1:设置交互有多慢?
设置交互,是完成一个交互设计的开始。
Axure - 弹窗筛选,多步设置
做任何一个交互,需要在图中的弹窗中,在一堆事件和一大堆的页面组件中去找到一个交互目标。
我看过几本关于Axure的书籍,其中都提到一个“精要”,就是反复提醒你:在做交互的时候,一定不要忘记给每个组件取个名字——为什么呢?因为做交互的时候不好找。
在最新的Axure 8 中,特意把设置组件名字的输入框单独放出来,然后做得很大,就是要善意地告诉你:“哥,别忘了先取名字哦,不然,到时候你找不到哦”。
重要的事情说三遍,咳,咳。
结语
当你计划去设计一个网站或者App时,可能会选择那些“尽人皆知”的原型设计工具,它们很“强大”。可是,在其面面俱到的背后,我们看到了缓慢、臃肿、复杂、难懂——其实,我反而认为简单快速就是强大。
用最小的代价得到你要的,这个,就是我们经常唠叨的“用户体验”。
⑻ Sketch做好了设计稿,怎么导入墨刀做交互原型
打开Sketch文档,选中你要导入的artboards。点击“Plugins”——“MockingBot”——“Export to MockingBot”。
⑼ ui设计需要什么软件
ui设计需要用到的软件很多,现列举一些ui设计常用的软件如下:
Photoshop、Adobe illustrator、Adobe After Effects、Axure RP、sketch。
(1)Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
(2)Adobe illustrator,常被称为“AI”,是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具,该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。
(3)Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成,以及数百种预设的效果和动画,为您的电影、视频、DVD和Macromedia Flash作品增添令人耳目一新的效果。
(4)Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
(5)Sketch,即Sketch-A-Etch,是一款素描绘画类的软件,玩家需要旋转左右两个旋钮来控制面板上的画笔描绘出你想要的图像,并且可以给它们上色。
⑽ Linux下有什么类似Axure的产品原型设计的软件吗
没有。。。linux要作图还是比较麻烦的,适合纯字符,实在没办法,用html自己排生成html再转pdf。
若要用,建议用网页版的,比如墨刀