广东企业网站建设,网站前端设计理念,闽侯网站建设,企业内部网站文章目录 1、简介2、Axure RP2.1 工具简介2.2 工具特点2.2.1 互动事件2.2.2 条件逻辑2.2.4 工作表格2.2.5 多状态容器2.2.6 数据驱动接口2.2.7 自适应视图2.2.8 流程图 2.3 工具安装2.3.1 安装2.3.2 运行 2.4 使用费用2.5 工具体验2.5.1 登陆框制作 3、其他3.1 Figma3.2 Adobe … 文章目录 1、简介2、Axure RP2.1 工具简介2.2 工具特点2.2.1 互动事件2.2.2 条件逻辑2.2.4 工作表格2.2.5 多状态容器2.2.6 数据驱动接口2.2.7 自适应视图2.2.8 流程图 2.3 工具安装2.3.1 安装2.3.2 运行 2.4 使用费用2.5 工具体验2.5.1 登陆框制作 3、其他3.1 Figma3.2 Adobe XD3.3 Sketch3.4 摹客RP3.5 墨刀3.5 蓝湖3.6 Pixso 结语 1、简介 Axure RP是一款专业的快速原型设计工具。Axure发音Ack-sure代表美国Axure公司RP则是Rapid Prototyping快速原型的缩写。 所有产品都不是一下子就出现在我们眼前都会有一个模型或者框架就是所谓的原型用来制作框架模型的工具我们就称之为原型设计工具。原型设计工具主要分为三大类分别是传统的手动设计、利用原型软件制作、利用在线原型工具制作。
原型prototype这个词来自拉丁文的词proto意谓“最初的”意义是形式或模型。在非技术类的文中一个原型是给定种类的一个代表性例子。
2、Axure RP
2.1 工具简介
https://www.axure.com/
Axure RP 是唯一一款让 UX 专业人士能够构建逼真的功能原型的 UX 工具。 Axure是一款功能强大的原型设计工具被广泛用于用户体验UX和用户界面UI设计。这算是目前原型图领域最常用的工具有着丰富的交互设计功能可创建各种高保真、低保真的交互原型图产品经理能够快速创建可交互的原型并与团队成员进行协作。
2.2 工具特点
支持交互设计生成规格说明文档输出HTML原型版本控制管理支持多人协作设计母版功能支持动态面板和复用模板适用情景视觉稿/高保真原型大型复杂项目Web线框图网页原型
强大的交互设计、高保真原型设计、规范文档生成、协作和版本控制、深度定制和逻辑设计等。
2.2.1 互动事件
使用鼠标、触摸和键盘事件触发交互。
2.2.2 条件逻辑
添加条件和变量使您的原型更上一层楼
2.2.4 工作表格
工作文本字段、下拉列表和单选按钮只需拖放即可.
2.2.5 多状态容器
使用多状态动态面板制作从弹出窗口到可滚动、可滑动的移动屏幕的所有内容.
2.2.6 数据驱动接口
创建数据驱动的表和网格您可以使用转发器小组件动态排序和筛选这些表格和网格。
2.2.7 自适应视图
在单个页面上针对台式机、平板电脑和手机进行设计并自动显示相应的视图.
2.2.8 流程图
内置的流动形状和连接器可以神奇地回流焊使在 RP 中制作图表变得容易.
2.3 工具安装
2.3.1 安装
下载链接 https://www.axure.com/download
安装如下
2.3.2 运行
起始页如下 主界面如下
2.4 使用费用
免费试用30天。
2.5 工具体验
2.5.1 登陆框制作
添加Page1 添加Page2 添加交互事件 预览效果
3、其他
3.1 Figma
https://www.figma.com/ Figma是一款基于云的协作设计工具具有强大的界面设计和原型设计功能。Figma允许多个用户实时协作无论是在同一团队还是远程工作。可以在其中创建和编辑矢量图形、布局设计和交互原型。
云协作、原型交互、矢量编辑和布局、设计组件和样式库、插件生态系统等。
3.2 Adobe XD
https://www.adobe.com/products/xd/learn/get-started-xd-prototype.html 作为Adobe旗下的一款原型设计工具有着平台自带的一个天然优势—用户可直接导入PS、AI、SKETCH文件作为原型素材。设计的页面间可以通过拖拽创建交互可设置过渡动画Adobe XD有提供基础组件元素、平台组件库和少量图标库。可以通过链接分享原型。此外还支持设计稿的自动标注。 3.3 Sketch
https://www.sketch.com/apps/ 屡获殊荣的 macOS 编辑器、将人员和项目结合在一起的 Web app以及随时随地预览工作的 iOS 伴侣。 Sketch还是一款只能在macOS上使用的工具不提供Windows版本。 Sketch在UI设计工具界可谓大名鼎鼎也有不少用户使用其来制作原型项目。这主要是因为Sketch的界面设计以及矢量编辑能力足够出色。
Sketch是当今最好的原型图软件之一可以用来创建各种形式的用户界面如移动、Web和代码。但这对一些设计师来说并不友好因为Sketch只支持iOS系统的使用。
3.4 摹客RP
https://www.mockplus.cn/download/rp 摹客RP是一个高效易用的在线原型设计工具提供海量组件、图标、原型设计模板快速布局、编辑、分享和协作支持Axure文件导入和多种交互类型。
适用情景中高保真原型快速原型 团队协作WEB/移动端/平板原型线框图视觉稿等。 3.5 墨刀
https://modao.cc/ 墨刀是创意软件A股上市公司万兴科技旗下的在线一体化产品设计协作平台支持原型设计、团队协作、海量素材和高效企业。墨刀帮助你快速完成产品设计提升工作效率. 3.5 蓝湖
https://lanhuapp.com/ 蓝湖是一款产品文档和设计图的共享平台帮助互联网团队更好地管理文档和设计图。 蓝湖可以在线展示Axure自动生成设计图标注与团队共享设计图展示页面之间的跳转关系等。依托于在Sketch/Photoshop/Adobe XD平台的设计。
3.6 Pixso
https://pixso.cn/ Pixso具备一站式原型、设计、交付能力是新一代在线原型设计协作工具. 无需在工具之间切换需求梳理、UI设计、原型设计、收集反馈、原型交付一个工具全搞定
结语
如果您觉得该方法或代码有一点点用处可以给作者点个赞或打赏杯咖啡╮(▽)╭ 如果您感觉方法或代码不咋地//(ㄒoㄒ)//就在评论处留言作者继续改进o_O??? 如果您需要相关功能的代码定制化开发可以留言私信作者(✿◡‿◡) 感谢各位大佬童鞋们的支持( ´ ▽´ ) ( ´ ▽´)っ
