Ui原型设计工具有哪些呢
分享一些原型设计的工具,以及我们在使用过程中总结的优缺点。希望对你有帮助!Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。墨刀:国产的一款原型设计协作工具,比起axure来非常容易学会,内置组件很多,创建页面跳转也比axure简单太多。因为是一款在线工具,可以云端保存工作,这点确实很便捷。另外,通过分享链接就可以分享原型给别人看了,如果涉及到跟同事对接什么的,选择在线的工具更方便。支持sketch文稿导入和自动标注。个人认为性价比最高。Invision:可以说目前是国外发展最大的在线原型设计工具,主打“交互原型”和“协作”,支持sketch和ps设计稿导入做交互。近来出的Invisionstudio对标sketch,想满足更精细的设计需要。国外一些大牛公司像airbnb和amazon都在用。不过对于国内用户来说会有服务器速度的问题,而且,贵。(土豪公司无视)Marvel:Marvel也是海外知名度较高的一款原型设计协作工具,支持PS和sketch设计稿导入做交互原型,本身也支持中度保真程度的设计。也有自动标注功能。图片库对接unsplash,这样来自unsplash的很多精美的免费图片可以直接用。价格比Invision稍便宜。POP(PrototypingonPaper):这款比较另类,是给拍照的手画草图直接做交互。操作轻巧简单:先用手机拍下草图原型(存到POPapp内);然后开始编辑图片的哪个区域(按钮)链接到什么页面,添加跳转链接热区,就可以在手机上给小伙伴们演示了。内嵌的交互动作如侧滑、展开、消失等,即可满足一般的动态演示需要。但功能较为简单,对更深的需求无法满足。Proto.io:也是国外的一款手机原型开发平台。支持在大多数的浏览器运行,共享和协作操作方便,可以直接在真实的移动设备上对原型进行测试。拥有较为丰富的UI组件,支持自定义。另外它有不错的用户测试功能,支持视频录制。并且在移动组件时,能够实时在画布看到组件之间的距离。另外由于服务器的原因,有国内用户反应速度有点慢;收费较高,性价比一般吧。
ui原型图用什么软件做
一、快速原型
快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:
1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:
1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。
2、Flash。从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。
移动UI设计
移动UI设计UI设计综合了移动产品分析、用户研究、人体工程学、用户心理学、交互设计与界面设计等,针对iOS、Android和三大移动平台的交互设计和界面设计,使得学员系统掌握UI设计流程、设计规范和软件制作,从软件技能、设计创意和互联网思维等层次实训,使得学员可以进入互联网/移动互联网和软件开发企业工作,迅速晋升金领一族。结训标准1、N份主题海报/banner设计2、两套完美的图标3、三套高保真原型图4、四套不同风格的APP界面设计(包扩安卓、IOS、WindowsPhone三种风格与平板)5、一套网页设计作品6、项目实战一套作品就业岗位UI界面设计师移动产品设计师UI/UE设计师用户体验设计师交互设计师移动产品经理WebUI设计师课程体系第一阶段美术和平面设计阶段第二阶段交互设计阶段第三阶段界面设计阶段第四阶段WebUI设计与制作阶段第五阶段综合项目实训与就业服务阶段
什么是移动UI设计
什么是UI设计UI设计,全称UserInterfac,翻译成中文意思叫做用户界面设计。UI设计按用户和界面来分可分成四种UI设计。分别是移动端UI设计,PC端UI设计,游戏UI设计,以及其它UI设计。(前往公众号UI设计区可了解更多)。第一种:移动端UI设计移动端UI设计,也就是手机用户,界面指的就是手机界面,也就是说手机上的所有界面都是移动端UI设计。比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。第二种:PC端UI设计PC端UI设计,也就是电脑用户,界面指的就是电脑上的操作界面。像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等,都属于PC端UI设计。第三种:游戏UI设计游戏UI设计,用户也就是游戏UI用户,界面指的是游戏中的界面,游戏中的场景人物什么的就是不UI了。像手游王者荣耀,端游英雄联盟和一些其它游戏中的界面,登录界面、个人装备属性界面也都是属于游戏UI设计。第四种:其它UI像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。据百度经验也就是设计主题的意思基于安卓的系统比如miui就是深度优化的简单来讲就是移动端的UI设计,是区别于PC端UI设计的一种叫法。移动UI设计师是从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人。与之相应,UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”。当然,实际上他们承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。
原型在线绘制-如何在ipad上画产品原型图
有哪些好用的在线界面原型工具,且支持IE常用的线框图工具1.AxureAxure是一款老牌原型设计工具,我们可以直接使用Axure丰富的组件来创建APP或网站的线框图。作为专业的原型设计工具,它也支持将静态的线框图转换为可交互的原型。同时支持多人协作和版本管理。2.摹客原型在国内的同类型工具中,只有摹客拥有强大的矢量绘图功能,在进行头脑风暴时,我们可以利用摹客的矢量绘图工具和无边界画布,让灵感创意快速具象化。同时,摹客作为一款强大的高保真设计利器,产品经理和设计师也可以使用摹客快速绘制高保真,轻量设计还可以直接使用摹客交付给开发。3.MockplusMockplus是一款简洁高效的产品原型工具。它提供了丰富的组件和图标资源,通过拖曳即可快速绘制线框图。同时Mockplus也支持一键导入项目页面和模板,快速搭建基础页面。简单高效,无需学习就能快速上手。iOS原型图设计什么软件好用?iOS原型图设计用Pixso协同设计软件比较好。Pixso可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。1、在线设计,无需下载软件占用电脑内存,无需更新软件,打开web就可以开始设计。2、多人实时协同工作,支持多位成员同时在一个文档进行操作,实时同步进展。3、云端储存,再也不用担心没带源文件的尴尬,登录账号可以随时随地施展创意。4、团队共享资源库,团队共用一套资源库,组件和样式均可复用,产品设计更加规范,设计流程更加便捷。5、一键交付设计稿,设计稿完成后,一键转发给团队伙伴,标注信息一应俱全。对方打开即可查看、编辑甚至导图。想要了解更多关于原型图设计的相关信息推荐选择Pixso协同设计。Pixso不仅实现了和Sketch、AdobeXD的无缝衔接,更基于优秀的组件变体、自动布局、实时协作等特色功能,团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计,让UI设计师在网页上就可以尽情自由创作。如何在ipad上画产品原型图1.使用InspirationMaps:InspirationMaps是一款强大的思维导图工具,可以帮助用户简化产品原型设计过程。它可以帮助设计师一眼望穿一个思维,从而加速产品原型设计流程。2.使用MockplusIpad:MockplusIpad是一款专为iPad开发的原型设计工具,它可以帮助用户迅速创建任何类型的产品原型。此外,它还支持实时预览和即时交互,帮助您轻松查看设计效果。3.使用OrigamiStudio:OrigamiStudio是一款极其强大的iPad原型设计工具。可以帮你在散开的界面元素之间创建复杂的动画效果,让用户一眼望过产品的设计效果和操作流程。
如何在ipad上画产品原型图
1.使用Inspiration Maps:Inspiration Maps是一款强大的思维导图工具,可以帮助用户简化产品原型设计过程。它可以帮助设计师一眼望穿一个思维,从而加速产品原型设计流程。2.使用Mockplus Ipad:Mockplus Ipad是一款专为iPad开发的原型设计工具,它可以帮助用户迅速创建任何类型的产品原型。此外,它还支持实时预览和即时交互,帮助您轻松查看设计效果。3.使用Origami Studio:Origami Studio是一款极其强大的iPad原型设计工具。可以帮你在散开的界面元素之间创建复杂的动画效果,让用户一眼望过产品的设计效果和操作流程。