摹客RP交互设计的产品测评原型设计工具是很多交互设计师以及产品经理都会使用到的,国产原型工具越来越多,给了用户许多选择,

目前我们公司设计团队使用的原型设计工具就是Axure,在实际项目中,团队交互原型的呈现效果很差,统一性不强,组件的复用、新增、修改等同步的效率很低。原型设计样式和规范五花八门,给阅读的人员造成很多不便,尽管团队在每个版本结束之后都会对原型设计的规范进行汇总和要求,但是设计师在进行原型设计时,都习惯了一遍做原型,一遍去比对熟悉规范,都是独自去审查,大大影响了原型设计的统一性;

测试设备:Macbookpro2019

测试产品:摹客RP网页端、客户端

测试形式:以实际工作项目为例,对摹客RP的产品功能使用和交互操作进行体验评测

测试用时:四周

测试主要从以下三方面进行:产品的设计框架、产品使用的操作流程、产品的设计组件;框架是产品最底层的基础部分,好的框架会让用户一目了然,比如他的功能是有哪些,功能信息怎么去布局的,信息的层次感有没很有分明,这些都能有效率的让用户阅读和使用产品;操作交互是能让用户对产品体验更直观,如在某一功能的使用流程中,用起来方不方便,交互方式的操作是否顺畅,设计和组件设计决定和产品的“颜值”,设计原则、模式和合理的组件使用能提升产品的价值和表现力,所以本次的测试大纲如下:

第一个角度主要是从设计框架来进行体验,主要包括产品的功能结构、布局的信息层次;两端主页面的框架设计基本是保持一致的,均是左右结构,但还是有很多差异化的细节设计;

网页端拆解图:

客户端拆解图:

(1)左边区域对比

(2)右边区域对比

在内容区上,网页端和客户端的框架是保持一致的,都是顶-中-底三层:

原型设计页面和Axure的页面相似度很高,大致可以拆分成四大部分:标题和工具栏,左边功能区分上下两层,可以上下收缩拉伸,中间是原型设计区域,右边设置面板区主要属性、交互、备注三个主要功能。页面的布局符合设计师使用习惯,理解成本很低;网页端和客户端的也是统一的。

为了验证统一性的重要性,我找了市面上主流的设计工具做了对比,如下图,在多端统一性上(忽略极小的差异化细节),他们的共有率达到了100%,所以足以证明这些产品对统一性的重视程度。

关于操作台页面统一性的优化方案如下所示:

优化点1:两端的主页面侧边栏的信息框架可以保持一致,首先是logo、用户账号信息的位置;其次是导航菜单的数量,可以让用户在两端之间切换使用时,通过统一性加强用户对界面的理解

优化点2:两端的右边操作区域针对项目和项目集的管理和筛选,展示方式的多样性应该保持同步,包括配置筛选条件也可以同步;

优化点3:两端关于全部菜单的功能框架的设计,可以在多级菜单(全部>项目集1>项目集2)和一级菜单(全部)中二选一,复用一种设计样式,降低开发成本;

优化点4:两端关于“设计团队的切换”的设计,网页端点击团队名称出下拉菜单,进行团队切换,客户端点击侧边栏的用户名,出现次联菜单,再找到团队切换列表,两端可以在组件使用和入口方式的设计上统一,保证信息内容、位置的统一性的前提下,使用可复用的设计样式,降低开发成本。

原型设计页面,功能很全面,使用起来很便捷,整理了如下优缺点:

爽点1:如文字元素的属性设置点非常多,英文大小写,首航缩进等,可设置的参数很多;

爽点2:支持画板响应式布局,选中画板作为对象时,可以在属性面板中进行删除;

爽点3:可以创建项目资源库,包括颜色、文本、组件等设计资源,设计更加高效;

问题点1:相对应的属性列表展开显示后,模块空间的没有充分利用;如圆角这个参数可以选择百分比的样式,就需要另起一行;

优化方案1:属性面板可以保留比较常用的属性参数,新增加的参数设计如果不常用会占据空间,且在黑色色彩模式下,信息的阅读效率会收到影响

问题点2:右边整块属性面板不支持自适应拉伸,位置是固定的,如元素透明度这个参数为100%时,数字也不能够显示全。

优化方案2:属性面板增加自适应收缩,会让页面空间更加灵活。

任务1:在控制台页面找到功能的入口,新建一个名为“自定义频道”的项目和两个名为“Biuos1.0”、“苏宁智能终端”的项目集

客户端操作示例:在首页菜单,有个单独项目编辑区域,可以直接点击进行命名和选择尺寸。在其他菜单下,如果有创建按钮,均可以点击,页面中间会跳出弹窗,直接对项目和项目集进行创建编辑。

设计爽点1:在客户端,有个很大的项目创建区域,用户可以命名,选择尺寸,很直观,增加了项目创建的入口;

体验问题1:两端的很多基础导航菜基本都有新建项目或新建项目集按钮,考虑到用户在切换不同菜单时,都能提供这个入口,虽然能方便用户操作,但有一些过度引导;

优化方案1:减少过度设计,菜单应匹配相对应的信息需求。例如用户切到我的收藏菜单,需求就是去查看收藏项目,新建项目就是非必要的选择,加上就会变的强行引导;

体验问题2:在创建项目时,通过弹窗的方式去进行创建编辑,这样会让操作流程变得复杂,而且弹窗中的信息优先级不高,创建结束后也都可以修改;

优化方案2:模态弹窗对用户的干扰程度很高,创建项目应该是比较简单的操作,不需要强干扰的组件去提示用户,建议可以直接过度到原型设计界面。

任务2:在控制台页面,把项目“自定义频道”移动归类到“Biuos1.0”的项目集

客户端操作示例:项目和项目集仅有列表的展示方式,将项目“自定义频道”移动至项目集“Biuos1.0”时,需要点击项目中的操作按钮,弹出操作列表,选择移动,跳出弹窗,选择项目集确认,无二次弹窗确认。

网页端操作示例:项目和项目集有列表和宫格两种展示方式,将项目“自定义频道”移动至项目集“Biuos1.0”时,需要点击项目中的操作按钮,弹出操作列表,选择移动,跳出弹窗,选择项目集确认,再弹出弹窗二次确认。

体验问题1:网页端和客户端移动项目的过程中,第一次都需要有弹窗,选择项目集分类,但下一步的操作,网页端使用模态弹窗让用户二次确认,确认移动成功后有提示。客户端成功移动成功后,没有提示。

优化方案1:结合两端的优缺点,首先网页端避免使用确认移动的二次弹窗,减少操作流程,客户端移动成功后,增加操作提示,提升交互感知。

体验问题2:项目或项目集不可以直接拖拽进行移动管理操作,只能通过按钮点击选择移动选项才能操作,操作比较迟缓。

优化方案2:为移动操作增加鼠标拖拽功能,更加快速的进行项目归类,效率高。

任务4:选中原型设计页面的左边功能区的【页面】tab,为“自定义频道”功能创建若干个页面,随机对页面进行设置操作(创建、重命名、移动、复制、删除、撤销删除)

操作示例:点击「添加」按钮,可以进行页面创建,选中任一页面,右击出现弹框,进行选择重命名、移动、复制、删除等操作;双击页面标题都可以进行页面名修改,拖拽页面可以进行运动归类,选中页面点击设备删除键,出现弹窗提示是否删除。删除后,设备无快捷键撤销删功能。

新建和复制新页面后,新页面变为当前页面,且有背景底色,但无法使用设备删除键直接进行删除操作,需再次点击选中新页面,让文字变为纯白色,才可以删除文件。

体验问题1:页面删除后没有进行删除撤销的快捷键“command+z”操作,“撤销”快捷键是设计师最常用且依赖度很高的操作。

优化方案1:增加“撤销”快捷键的使用。

任务5:选中原型设计页面的左边功能区的【页面】tab,使用回收站功能、将“某一页面”删除再从找回

操作示例:选中某一页面,进行删除操作确认,点击回收站按钮,开始回收模式,找到分页面,鼠标悬停在页面上,显示恢复和删除按钮,点击恢复按钮,再弹窗确认,页面恢复。退出回收站模式,才能显示当前所有页面。

设计爽点1:增加“回收站“模式,用户可以找回页面,扩大了容错范围;

体验问题1:回收站模式退出的按钮样式和工具栏的撤销重合度高,易混淆;其次这里的回收站模式需要开始和关闭两种状态,整个过程中需要2次点击操作。

优化方案1:回收站对应的是页面,单独再加一个tab对于信息内容切换会更便捷,省去“回收站”,模式开启和关闭的流程。

任务6:选中原型设计页面的左边功能区的【页面】tab,选择“自定义标签”页面,切换到【图层】tab,对页面中的“默认状态”画板中的图层进行顺序调整

操作示例:选中画板其中一个图层,然后移动到另一个图层的上方或下方,调整图层顺序,但不能进行拖拽移动,只有置于顶层和底层的按钮操作。

体验问题1:设计师在制作原型图时,需要调整画板中的图层顺序,置顶或置底的操作不能解决使用者调整图层顺序的效率问题,移动拖拽能灵活快速的给图层排序。

优化方案1:增加鼠标拖拽移动功能,让图层位置的移动更加方便。

任务7:在“自定义标签”页面编辑区进行画板的创建、设备和尺寸选择、复制、命名、属性设置

操作示例:工具栏中使用“添加辅助画板”或者快捷键A创建画板,在原型编辑区域左下角可以进行进行设备和尺寸选择、使用快捷键command+c/v、直接双击画板标题可以进行重命名、选中画板后,在右侧功能区域调整参数进行属性设置。

体验问题1:画板设备和尺寸选择的优先级高于画板快捷创建,通过鼠标悬停的操作方式呼出多级菜单分类,交互的可控性比较差。

优化方案1:类比市面上其他产品,基本都是快捷键A调出设备尺寸选择,而且大多是在属性面板使用列表下拉的方式展示。快捷键“A”的使用对象可以重新定义,加强快捷创建画板的优先级,重新设计画板设备和尺寸选择的位置和交互出现方式。

体验问题2:在复制画板时,不支持选中画板后,使用“option+鼠标键”快捷操作进行复制拖拽,新画板不能任意的拖拽到自己想要的位置。

优化方案2:增加快捷键的使用。

任务8:在“自定义标签”页面的画板中利用工具绘制低保真设计稿,设置元素属性

操作示例:选中自定义页面,在默认状态的画板中对元素文字、形状、颜色等属性参数进行设置。

例1:在画板中缩放矩形,设置面板中的宽高参数没有变化;

例2:在属性中将初始矩形外边框宽度值从“1”变为“2”,但页面中元素没有变化,仍然是1,只能在点击非宽度的参数任意区域后,宽度数值的变化在页面中才能响应;

操作示例:将图片拖入某画板内,图片位置在画版的顶部位置,当将画板拖去来,在左边功能区的图层tab中,图片还在原来画板顶部显示,拖动画版,图片在画版外和画板一起移动。

体验问题1:两个例子都是属性面板和画板联动无响应的问题,不管是画板中的元素联动属性面板的参数,还是属性参数联动画板中的元素,都没有实时响应。尤其是外边框的宽度值无法实时显示,这就对设计的效果很难把控。

体验问题2:图片拖进和拖出画板时,图片图层的归属不清晰。

优化方案:这两个槽点属于产品的性能问题,可针对性能这个点,加强优化。

任务9:在“自定义标签”页面的画板中查看元素与元素,元素与画板,画板与画板的距离,进行元素和画板的距离调整

使用鼠标和键盘键可以查看“默认状态”画板中元素的间隔、与相邻画板的间隔,在悬停展示间距的同时去调整位置距离。

体验问题1:只能查看同一个画板中元素之间的距离,无法查看画板之间的距离,且同画板中不能在显示距离间隔的状态下,对元素位置进行调节。

任务10:在“流程图”页面中使用流程模式,为“自定义频道”功能绘制逻辑流程图

操作示例:在「流程图」页面,在工具栏中打开流程图模式,为“自定义标签”功能画一个简单的逻辑流程图,梳理业务流转的逻辑关系。

任务11:对“自定义频道”功能的原型项目进行保存

操作示例:当设计结束或中断时进行项目保存时,可以使用保存按钮或者快捷键“command+s”对项目进行保存。

体验问题1:当用户保存后,页面并无明显的关于“项目已经被保存或者可以实时进行保存项目”的提示;

优化方案1:首先用户不知道的项目保存的时效性,可以使用“Toast”提示用户。

任务12:为“自定义频道”功能页面的跳转和设置保存创建页面交互事件

操作示例:在当前频道有内容的场景下,开启调整模式,移动频道顺序,再次确认频道,移动跳到频道显示或隐藏功能区域,为频道自定义设置创建交互事件,最后使用弹窗对频道顺序调整、显示、隐藏这些操作进行数据保存;在右边功能区的选择“交互”菜单点击「添加交互」按钮,对事件属性参数进行设置。

设计爽点1:在使用Axure原型工具时,通常一个页面我们会使用文字描述主要信息和交互操作;例如,在自定义频道设计的页面主要就是标题、频道名称以及状态图标,这是显性化的信息。

对应保存的的操作还有各种隐性信息和操作,比如设置保存的弹窗,不可操作的提示、网络异常的提示等;我们会使用很多静态页面去描述隐形信息和操作。但摹客RP的原型工具支持的主辅画板的模式,可直接设计交互转场、提示等隐形操作,更直观的呈现原型设计效果。

任务13:使用播放功能或进入摹客协作模式预览“自定义频道”原型设计和交互效果

操作示例:在工具栏点击播放按钮,预览“自定义频道”功能的原型设计和交互点击效果;点击发布,进行项目分类,进入慕客协作网页端查看所有页面和画板以及交互效果。

体验问题1:单独演示预览时,视图窗口只展示页面,不展示页面内的画板;在慕客协作网页端可以进行查看所有内容,当使用网页端查看画板内容的过程中,有多次无法快速找到「画板」入口的场景,查看画板的入口不是很容易被注意到。

优化方案1:演示预览状态下,增加“查看画板”的入口,在慕客协作的网页端强化“查看画板”的入口

任务14:发送项目或项目集链接邀请协作人,协作者点开链接进入原型设计页面

操作实例:在操控台找到“自定义标签”的项目,点击按钮找到「成员管理」,跳出弹窗,复制链接,发给协作人,协作者点开链接进入页面协作

优化方案1:打开网页端重新进入页面的权限,让用户能够自由进入或退出页面。

第三个角度主要是从设计组件来进行体验,这部分内容主要有如下6个体验点组成。

网页端和客户端对于导航菜单(“全部”)组件的结构不一致,网页端的全部菜单下会展示二级菜单,客户端没有;两端菜单数量都不相同;

优化建议:导航菜单组件结构和数量统一。

优化建议:两端的页面相同图标需要保持一致,包括类型,样式,统一性,减少差异化,关于图标设计表意要传达精准一点。

新建项目和新建项目集是产品的两个重要功能,从功能重要程度来说应该是要保持一致的,目前设计明显是新建项目的优先级高于新建项目集,虽然都是用“图标+文字”的按钮样式,但图标的样式过于简单,且新建文件使用强提示的高亮底色,更能吸引注意力。

竞品中,如蓝湖、即时设计、Figma、Pisxo的功能和摹客RP一样都有新建文件(项目)和新建文件夹(项目集)功能,竞品基本都保持相同的设计样式,保证功能优先级是一样的,仅有mastergo虽然按钮和摹客RP一样使用强提示按钮,但它的功能框架设计和摹客RP不一样。

它创建文件夹的功能放在左边菜单的创建团队中,新建文件的按钮和文件导入是独立的,虽然设计样式不一样,新建按钮也相对突出了,文件导入的按钮还有动画效果。

优化建议:可借鉴主流的原型工具类的设计方案,平衡功能的优先级,在图标设计样式上让功能更加形象。

(1)弹窗样式设计的统一性,如新建和删除项目或项目集时的弹窗按钮,它并不是特殊使用场景,都仅需要“确认”和“取消”简单操作,但是鼠标悬停文字按钮上的样式是不一样的。一种是加浅灰底色,文字没变化,另一种是改变字体的透明度。

(2)多次弹窗增加了操作流程,如网页端项目移动时,会有二次弹窗确认。

优化建议:弹窗的按钮设计样式上可以保持一致,对于产品中的个别功能的操作,建议少用或慎用弹窗组件,缩短操作流程。

(1)文件界面的左边功能区的“图层”菜单中包含画板和图层信息,这个标题名称和内容不对应,表述不精准。

(2)页面删除的弹窗提示文案没有给出完整且能防错的的提示,弹窗只提示是否删除当前页面,并没有提示用户如何找回和被删除文件的去向。

如下例子为操控台项目删除和原型设计的页面删除:项目删除的文案:“确定将此次项目加入回收站”,页面删除的文案:“确定要删除当前页面吗?”

(3)新建项目和新建项目集两个按钮的文案表意不精准,改为“文件和文件夹”,这样的表述更简单明了。

(4)导航收藏菜单名称不一致,网页端用“收藏”,客户端用“我的收藏”,可以统一为“我的收藏”。

优化建议:关于文案部分,主要包括菜单栏、图标、按钮、弹窗提示文字等应用场景,进行修改完善。

产品的主色调很深,没有浅色色彩模式可以切换,同类的主流产品基本都是默认浅色,如即时设计、Masetrgo、Pisxo等都以默认浅色界面,Figma更是支持浅色深色切换;

优化建议:因为用户对颜色的接受和敏感度都不一样,提供深浅色两种颜色模式进行切换,可以在界面色彩运用上满足不同使用者的需求,若不提供,建议浅色模式,白色在感官上更加干净、整洁。

设计和组件主题包括6个部分,这些在产品评测,是很容易被注意的设计点,也是产品最基础的组成元素;它的设计呈现决定了用户的好感度,好的设计是需要通过这些元素来表达它的设计原则和理念;组件的设计和使用也是要合理和克制的;例如导航菜单和图标设计应该在网页端和客户端保持一致;文案表述的应该精准、简单、明了;按钮和弹窗设计也可以再克制一点,色彩模式需要干净简洁,最大程度的减少对用户的干扰,提升用户的粘性。

在交互操作上产品要有畅通感,即操作起来够舒服,能够给予操作有效提示,能够在进行任务操作时有效率;

在摹客RP体验过程中,注意到很多设计细节,有很多不错的地方,也有很多需要优化完善的设计点,如下所述;

总的来说摹客RP是一款比较专业且实用性很强的的设计协作软件,他基本兼容了原型设计软件“Axure”的大部分功能,也适合团队协作中进行使用和推广,但随着市面上的竞品越来越多,后续的竞争推广也会越演越烈,所以个人认为产品应该做好以下两点,会增加自己产品的优势;首先工具可以轻量化,注重常用功能的用户体验和产品的性能优化。

其次作为一款设计协作软件,面向的是广大设计师,产品细节方面的问题特别容易被设计师捕捉。所以需要着重把控这两点,进行积极的推广助力,才好抓住设计的心!这里也祝摹客系产品能越做越好!

THE END
1.设计师新宠:七款原型设计工具介绍Adobe XD是Adobe推出的UI/UX设计和协作工具,功能强大,可轻松创建线框图、交互设计和原型图,并进行UX动画设计及共享。Adobe XD与Adobe其他工具无缝集成,简化工作流程。如果你需要与Photoshop等图像处理软件配合使用,Adobe XD是优选。Balsamiq Balsamiq专注于低保真原型设计,以其手绘风格界面帮助设计师快速将想法转化为https://baijiahao.baidu.com/s?id=1818218422029479603&wfr=spider&for=pc
2.有什么好用的画原型工具?即时设计 - 可实时协作的专业 UI 设计工具?js.design?source=zhqa&plan=lsupv 想获取更多原型元件https://www.zhihu.com/question/381069818/answer/3118813931
3.精准设计:掌握8款领先App设计软件的技巧与窍门一款支持协作的国产 APP 界面设计软件,它提供了多项 APP 界面设计功能服务,比如原型设计,界面设计素材,图片设计,图标设计,切图工具等等,可一站式完成 APP 界面设计工作,而无需切换多个界面设计软件,既避免了工作中切换软件的麻烦,又减少了学习成本。无论是资源广场版块提供的设计素材还是插件广场提供的实用工具,都可https://www.bilibili.com/read/cv36031217/
4.快收藏吧!用户体验设计10种最佳必备原型工具Balsamiq的类似草图的界面鼓励关注内容和功能,而不是美学,这是快速验证想法和迭代设计的理想选择。它还具有一个大型的预构建UI组件库,进一步加快了设计过程。 UXPin 08 UXPin是一款杰出的原型工具,它在原型软件领域中脱颖而出。该工具提供了一个综合平台,将https://mp.weixin.qq.com/s?__biz=Mzg4NDU2Mjk4NA==&mid=2247551670&idx=1&sn=488b0a7baebca756ea83b70e4cd2fb91&chksm=cfb407f1f8c38ee72486170f108edd3e9380d3d6b0cc92c27f83091175d2f83a1f92d058e208&scene=27
5.原型图用什么软件做?设计师和产品经理的4款推荐工具在数字产品设计领域,原型图是沟通想法、验证概念和测试用户体验的重要工具。对于设计师和产品经理来说,选择合适的原型图制作软件至关重要。本文将为您推荐四款备受推崇的原型图制作工具,它们各具特色,能够满足不同用户的需求。 1.Axure RP 功能类型:Axure RP是一款专业的原型设计工具,它提供了丰富的交互功能和动态内https://www.banlikanban.com/info/tool/toolbag/5000.html
6.即时原型即时原型(原xiaopiu)是产品原型设计工具和团队实时协作平台,作为产品经理和交互设计师工作学习的必备软件工具,堪称快速原型交互设计神器。可制作手机app、web网站网页、桌面应用软件的原型,拥有海量原型交互模板资源素材,可替代axure在线使用无需下载https://www.xiaopiu.com/
7.项目经理工具Project建模工具Visio原型设计工具Axure流程图Ed三、原型设计: 1、笔和纸:这是最原始,也是最简单、直观的一种方式,一些即时的想法可以立刻画出来,等思想完善了再用具体的工具体现出来; 2、Axure RP:一款比较好的网页原型设计工具,之前做Web应用原型设计的都应该知道这款软件,也可以做一些APP的界面设计,但APP基本元素比较少。主要功能有网站构架图、示意图、流程https://www.cnblogs.com/boonya/p/13664215.html
8.常用的软件设计开发工具有哪些?软件设计工具是指专门用于支持软件设计过程的应用程序或工具,它可以帮助软件开发人员在构造可行软件设计方案时减轻工作负担,并帮助他们提高软件质量。主要的设计工具类型包括建模工具,原型设计工具,图形设计工具,框架设计工具,模式设计工具,组件设计工具,文档设计工具和图形用户界面(GUI)设计工具等。 http://www.apppark.cn/t-42514.html
9.5款Windows界面原型设计工具转自:界面原型设计工具 - 开源软件 - OSCHINA - 中文开源技术交流社区 Pencil 是一款开源的原型图绘制工具,手绘风格的,就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图,同时还提供 Firefox 的插件。 【商业】原型制作软件 Axure RP https://blog.csdn.net/kupe87826/article/details/19931833
10.《界面设计》复习资料19.Sketch自带根据官方规范设计的IOS和Material Design组件库。20.Sketch专门为网页、移动端设计提供优化和支持。21.Sketch是一款能同时满足交互和视觉设计需求的工具。22.使用Sketch自带的Symbol可以很容易地在高、低保真原型图中进行切换。23.Sketch 对于团队说是一款效率很高的设计工具,意味着能快速推进团队创意到具体方https://www.wjx.cn/xz/260641939.aspx
11.原型图设计软件AxureRPPro/Team/Enterprise9.0.3655简体中文专为像你这样的思想家Axure RP 9是规划,原型设计和交付给开发人员的最强大的方式,所有这些都没有代码。下载免费试用版,了解专业人士选择Axure RP 9的原因。Axure RP 9是一款出色的软件工具,可供设计人员设计其想法的预览和原型。Axure RP 9实际上旨在设计网站或应用程序的原型或交互式原型。在Photoshop等软件中设计https://www.douban.com/note/726614591/
12.产品经理工具之软件篇PersonalBrain与我们常见的思维导图的差异就在于,它的节点不再只是树级结构展开,而是类似于SNS的多维方式关联展现,很适合于做关系性的思维设计。有中文版,crack版。 《类似MindManager的30个思维导图工具》 流程图类 1.Microsoft Visio 这个就不用我介绍了吧?我给大家提供一个Visio的模板包:https://www.51cto.com/article/345797.html
13.神器一箩筐:创建高保真的移动Demo(工具篇)优设网神器一箩筐:创建高保真的移动Demo(工具篇) Zoey:学习交互设计的童鞋,都躲不过画原型图这个必考科目。如何创建保真度(视觉、交互、内容)都较高的 Demo 呢,今天腾讯设计师分享的好文,除了推荐很多简单易上手的画图神器,更宝贵更值得细读的是她的思路,完全体现了一个设计师该有的严谨与细致。童鞋们感受一下。https://www.uisdc.com/fidelity-mobile-demo-tools
14.2024年度原型图工具TOP10,超实用!原型图工具是设计师们的利器,它们可以帮助我们在早期阶段就理解和预览我们的设计。并且,通过原型工具的使用,我们能更准确地交流设计思路,节省我们的时间和资源。近年来,许多优秀的原型图工具进入了市场。以下是我们认为将在2024年最突出的实用的10款原型工具,每一款都有自己独特的特性和优势。 https://pixso.cn/designskills/2024-top-10-prototyping-tools/
15.ProcessOn思维导图流程图在线画思维导图流程图工程与技术设计 电路图 平面图 数据分析与研究 图表/表格 其他图形 E-R图 基础思维导图 鱼骨图 自由结构 时间轴 组织结构图 树形图 括号图 默认模式 AI助力,释放无限想象力 免费在线流程图思维导图 专业强大的作图工具,支持多人实时在线协作,可用于原型图、UML、BPMN、网络拓扑图等多种图形绘https://www.processon.com/
16.以“耐”为例,聊聊产品经理原型设计中的“道术器”PC互联网时代到来,原型工具的发展迎来第二个阶段。彼时的代表性的软件是Axure。Axure以其简单、易用、易于演示等特性备受欢迎,成为 PC 端产品经理的标配。Axure RP不仅仅可以设计产品原型,也可以绘制产品线结构图、用例图、逻辑流程图等等,甚至很多产品经理直接使用Axure RP表述产品需求文档。 https://cloud.tencent.com/developer/article/2109350
17.SketchMAC端专注于UI设计+原型图工具原型设计Sketch- MAC端专注于UI设计+原型图工具 详细介绍 Sketch是一个设计工具包,旨在帮助您创建最佳作品-从最早的想法到最终的艺术品。 Sketch is a design toolkit built to help you create your best work — from your earliest ideas, through to final artwork.https://123.meibp.com/9083.html
18.界面原型图是什么?该怎么画?界面原型图可以简单理解为根据需求分析阶段的要求构建出可用的产品界面,常用于项目初期或精细化阶段。可以帮助设计师将抽象的界面具体地展现,辅助设计;帮助开发工程师了解界面在系统中的作用,辅助开发;辅助产品测试员制定产品测试计划;作为产品经理、设计师、开发工程https://www.liuchengtu.com/tutorial/jiemianyuanxingtushishenme.html/
19.亲测能用交互式产品原型设计工具免费下载AxureRPv9.0上羽兔网,专业全面学习Axure原型设计~大宝老师老师带你“Axure RP原型图零基础入门到快速精通”!主讲软件基础操作、交互动效、原型图制作,产品小白入门~】打开axure,先做个表格,编辑些内容, 这里页面命名为”表格“在page1的画布上拖入一个”内联框架“双击”内联框架“,选择表格,并确定预览,查看效果以上即是关于https://www.yutu.cn/softhtml/softsetup_8284.html
20.8款免费原型和图片设计工具让你工作效率倍增Axure RP是一款专业设计师不容错过的免费原型设计工具,设计师可以用它快速创建应用软件或Web线框图、流程图、原型和规格说明文档。作为一款专业的设计工具,它能快速、高效的创建原型,但对于新手来说,需要投入较高的学习成本。在国内UI设计领域非常流行。 https://www.imooc.com/article/285797
21.教程!手把手教你如何绘制原型图将产品的交互步骤按照顺序进行梳理,制作成流程图,可以在绘制原型图时更有逻辑性。 工具:亿图图示 3、利用工具进行绘制 为了让设计师、开发尽可能的了解产品架构与交互,产品一般会需要提前绘制出直观原型图,以此来讨论产品内部结构、跳转原理等。 工具:Pixso https://www.fromgeek.com/daily/1044-417163.html
22.ProtoPie官网适用于软硬件交互的高保真原型工具ProtoPie是为车载HMI设计/游戏设计/App设计/智能手表设计等领域的UI UX设计师提供的一款原型设计工具。支持Figma/Sketch导入、原型离线在线演示、自动生成开发文档。可制作传感类、条件逻辑类、多屏幕、软硬件等多模态交互。是当今UI/UX设计师必备工具,在谷歌宝马等大厂广https://www.protopie.cn/
23.快速原型设计工具AxureRP教程(一):流程图和连接线·上篇在Axure RP中,流程图常用于提供一个高保真的、能通过所设计的页面来完成的任务视图。一张简明的流程图,不仅能促进和其它设计师、开发工程师的交流,节约口头沟通成本,还能点出一些关键性问题。https://www.evget.com/doclib/s/25/11178