首页 > 其他分享 >原型设计工具

原型设计工具

时间:2024-05-16 14:10:18浏览次数:19  
标签:Adobe 原型 组件 设计 工具 交互 墨刀 页面

这篇博客介绍了四种原型设计工具:墨刀、Axure、Figma、Adobe XD。
墨刀 (Modao):

地址:https://modao.cc/
墨刀是一款专注于移动端原型设计的在线工具。它的直观界面和丰富的内置组件使得快速原型制作成为可能。墨刀的云端保存和分享功能极大地便利了团队协作和客户演示。尽管它在交互设计的灵活性上不如Axure,但对于追求效率和简洁性的团队来说,墨刀提供了一个非常实用的解决方案。
优点:

  • 高效的原型演示效果,适合产品设计确认与交互验证。
  • 丰富的元件库,无需自行编写,直接使用。
  • 方便的分享功能,通过二维码或链接快速预览产品demo。
    缺点:
  • 不适合做文档,主要用于交互设计。
  • 事件系统较简单,无法演示复杂的交互效果。

Axure

地址:http://www.axure.org/
Axure是原型设计工具中的佼佼者,以其高保真设计和复杂交互功能而著称。它支持丰富的动态内容和逻辑表达,使得原型不仅仅是静态的展示,更能模拟真实的应用场景。Axure的团队协作和测试功能也非常强大,支持多人编辑和用户反馈收集。虽然Axure的学习曲线较陡峭,但它为那些愿意投入时间深入学习的设计师提供了无与伦比的功能和灵活性。
优点:

  • 强大的交互编辑器,可以实现复杂的逻辑关系处理。
  • 丰富的交互元素库,包括高级组件。
  • 支持多人协作,云端平台文件共享和版本管理。
    缺点:
  • 学习成本较高,尤其是动态面板和中继器等高级功能。
  • 素材库有限,可能需要导入第三方素材库。

Figma

地址:https://www.figma.com/
Figma是一款基于云的协作界面设计工具,它支持实时多人协作和响应式设计。Figma的原型交互功能强大,支持创建交互式界面原型,添加过渡效果和链接,以模拟用户实际交互。
优点:

  • 基于浏览器的协作式UI设计工具,跨平台使用。
  • 实时多人协作和响应式设计支持。
  • 强大的原型交互功能和丰富的插件支持。
    缺点:
  • 中英文混排时文字的fallback支持不友好,对中文支持有限。
  • 插件较少,缺少一些扩展性功能。

Adobe XD

地址:https://www.adobe.com/
Adobe XD是Adobe推出的一款全面的UI/UX设计工具,它支持语音交互、动画和自适应布局等先进功能。Adobe XD的实时共享和协作功能使得团队成员可以轻松共享设计文件并进行评论和反馈。
优点:

  • 适用于Mac和Windows系统,与Creative Cloud集成。
  • 矢量编辑能力强,支持云端共享和协作。
  • 外观和操作与其他Adobe产品类似,易于上手。
    缺点:
  • 绘制复杂平面图不便,需要搭配其他Adobe工具使用。
  • 依赖第三方插件,可选择的插件库不多。

墨刀使用方法
一、创建新的应用
访问墨刀官网,登录之后,点击右上方的创建应用,可以选择不同的模板和设备类型,填写应用名称之后即可完成应用的创建,然后我们可以随时编辑应用或者与他人共同编辑和分享应用。

二、编辑应用
点击我们创建的对应应用进行编辑,进去之后会看到下图,其分为菜单栏、组件栏、编辑栏和预览排列栏几个部分。最左边是组件栏,我们可以在这里选择需要的组件,然后拖拽到中间编辑栏中进行设计;中间编辑栏里可以对选取的组件进行编辑;右边是预览排列,就是最终我们看到的页面的基本排列。

1、组件使用


如图,我们把左边组件栏中的一些组件拉到这个中间的编辑栏,通过双击对应的组件进行文字或者颜色的编辑:

2、页面管理

对于页面的管理,我们可以在最右边的页面管理栏进行新建或者复制页面,这样我们的原型也可以在不同页面之间跳转,如下图所示是一个原型部分页面树图:

3、页面跳转

如果要进行页面之间的跳转,可以点击组件,然后拉动组件旁边的超链接的样式图标到相应页面即可执行进行页面跳转功能,如下图所示:

三、导出下载图片或者安装包
点击页面上方的下载图标,具体如下图所示:

以下是我简单学习后使用墨刀做出的有关我们小组项目的游戏内界面:

标签:Adobe,原型,组件,设计,工具,交互,墨刀,页面
From: https://www.cnblogs.com/JayZz210/p/18195852

相关文章

  • 原型设计工具
    以下介绍几种主流原型设计工具:Axure、墨刀、mockplus、sketch,其中由于选用墨刀进行我们小组项目初步设计原型的工具,因此主要介绍墨刀这个工具,并且通过我们小组的正在进行的项目来举例介绍和展示设计的结果。墨刀:主要特征:便捷性:该原型设计工具提供免费在线版服务,方便用户的使用......
  • 软件设计师基础学习 十三
    十三、结构化开发方法13.1*系统分析与概述1,认识、理解当前的环境,获得当前系统的“物理模型”2.从当前系统的“物理模型”抽象出当前系统的“逻辑模型”3.对当前系统的“逻辑模型”进行分析和优化,建立目标系统的“逻辑模型”4.对目标系统的逻辑模型具体化(物理化),建立目标系......
  • 软件设计师基础学习 十四
    十四、面向对象技术14.1面向对象开发概念:对象:由数据及其操作所构成的封装体,是系统中用来描述客观事务的一个实体,是构成系统的一个基本单位。一个对象通常可以由对象名、属性和方法3个部分组成类:现实世界中实体的形式化描述,类将该实体的属性(数据)和操作(函数)封装在一起......
  • 对于多种原型设计工具的分析
    一、这次是介绍一些主流原型设计工具,并对比介绍以下几种不同的原型设计工具的特点和使用方法。二、1.墨刀①优点1)新建页面简洁,并且支持Axure导入,在新建的时候很多的选项可供选择,分类也是繁多,可以满足不同用户不同的需求2)有一个庞大的素材广场,分类细致,方便设计更丰富多彩......
  • 原型设计工具介绍
    在原型设计领域,除了Axure和墨刀之外,还有其他一些主流的原型设计工具,如即时设计、AdobeXD、Figma等。下面将对这几种工具进行详细介绍和比较。Axure:Axure是一款功能强大的原型设计工具,主要特点包括:丰富的交互元素库:Axure提供了大量的交互元素和组件,用户可以快速创建复杂的交......
  • 主流原型设计工具介绍
    一、原型设计介绍产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式,利用线框描述的方法,将产品脱离皮肤状态下更加具体跟生动的进行表达。原型设......
  • 主流原型设计工具介绍Axure RP,Sketch,墨刀
    AxureRP工具特点:AxureRP是一款功能强大的原型设计工具,它可以帮助用户创建交互式的网站和应用程序原型。它提供了多种预设组件和模板,用户可以根据自己的需求进行修改。此外,AxureRP还支持多人协作,方便团队内部沟通和合作。使用方法:(1)在AxureRP中创建新项目。(2)选择所需的组......
  • B站千万级长连接实时消息系统的架构设计与实践
    本文由哔哩哔哩资深开发工程师黄山成分享,原题“千万长连消息系统”,本文进行了排版和内容优化等。1、引言在当今数字娱乐时代,弹幕已经成为直播平台上不可或缺的互动元素之一。用户通过发送弹幕、送礼等,可以实时在直播画面上展现自己的想法、评论和互动内容,从而丰富了用户观看......
  • 原型设计工具
    一款原型设计软件-墨刀1.墨刀软件介绍:墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行D......
  • 软件开发与创新-原型设计工具Figma介绍
    Figma是什么?Figma是一个基于浏览器的协作式UI设计工具,从推出至今越来越受到UI设计师的青睐,也有很多的设计团队投入了Figma的怀抱,接下来我会带大家深入了解Figma,以及Figma都有什么优点。Figma能干什么?UI设计Figma是为UI设计而生的设计工具,除了有和Sketch一样基......