`
挨千刀的
  • 浏览: 5052 次
文章分类
社区版块
存档分类

几种常用App原型设计工具详解

 
阅读更多
摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具。

大家都在用的Axure
Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格、设计功能和界面的用户快速创建线框图、流程图、原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理。
Axure RP的用户群体非常宽泛,包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关从业者。
Axure RP优点:
1、擅长原型设计的复杂交互行为;
2、拥有良好的培训和文档支持;
3、拥有多种元素样式,可增加独立元素交互性;
4、内置的插件库可以定制特殊的动作和行为。
虽然Axure的应用几乎已成惯例,但它也有自己的缺点:
1、陡峭的学习曲线,对于初学者来说不算容易;
2、在导出HTML之前无法对原型进行预览;
3、原型的web展示并不支持所有的浏览器,比如,对于谷歌浏览器就必须要使用插件才能观看;
4、对其它设备的支持较差。
但就小编看来,Axure最大的优点是在细节交互,而最大的缺点是它更多用于商业使用。
表现形式极为丰富的Balsamiq Mockup
Balsamiq Mockups是一款快速原型的设计软件,既能快速设计草图,又能较好地进入到平时团队工作的流程和工具。
Balsamiq Mockups的优势也极为明显:
基于Adobe Air,提供的原型图基于XML格式,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等平台中,高效率地完成每个原型设计任务。
Balsamiq Mockups还具有极其丰富的表现形式,设计效果非常美观。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持Phone手机元素原型图,极大地方便了开发iPhone应用程序的软件工程师。
Balsamiq Mockups的lisence授权对于个人用户来说可能算是价格不菲。
专属移动APP原型设计的Justinmind
JustinMind可以输出Html页面,与目前主流的交互原型设计工具相比更为专属于设计移动终端上app应用。Justinmind Prototyper的收费版本提供iPhone,android,ipad等交互组件,并有丰富的动态效果,但免费版就要简单一些。Justinmind Prototyper同时提供winxp,win7和mac os的版本。
1、JustinMind的可视化工作环境支持以鼠标的方式创建带有注释的高保真原型;
2、提供多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等,在需要产生效果的部件中选择对应的手势即可;
3、JustinMind为iPhone ,iPad,黑莓,Android提供了多样的组件,可以创建自定义组件库;
4、比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性;
5、可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。
Fluid UI
Fluid UI也是一个手机应用原型开发工具,支持iOS、Android、WP系统。FluidUI支持Chrome、Safari、Firefox浏览器,可以在Windows、Mac、Linux系统上运行操作,没有平台限制,支持添加手势,让开发者几分钟内便轻轻松松地完成原型创建。
Fluid UI还有其他一些特点:
1、提供了易懂的操作流程和非常直观的用户体验,用户可以随意的拖动任意的组件并控制它们的大小;
2、使用FluidUI进行原型创作可同步保存到云端,并实时更新,无需任何编程即可直接生成可在智能手机上运行的App原型。
3、Fluid UI提供了付费和免费两个版本,但免费的版本限制你只能在一个应用中创建10个界面。
GUI Design Studio(GDS)
GUI Design Studio面向应用软件设计图形用户界面,适合客户端软件设计。能够快速将设计思路以可视化的方式来表现出来,并实现基本的交互,便于演示以及与客户完成有效沟通交流。
GUI Design Studio支持所有基于微软Windows 平台的软件,提供的了大部分C/S、B/S组件的示意图,可组合使用,是一款非常款适合界面原型设计者和界面原型开发员的软件,能够满足一般应用软件界面模型设计需要。
App原型设计的工具还有不少,比如Proto.io、Mockup Builder,AppCooker、FluidUI 、开源手绘风格原型图绘制工具 Pencil、功能全面但并不复杂的Lumzy等,都有不错的用户群,开发者们可以根据自身具体情况选择合适的原型设计工具,提供应用开发效率。
0
0
分享到:
评论

相关推荐

    AppInventor登录设计

    ### AppInventor登录设计详解 #### 一、概述 本文旨在详细介绍如何使用AppInventor结合PHP与MySQL实现一个基本的应用程序登录功能。通过本文的学习,开发者可以掌握从前端界面设计到后端数据交互的基本流程和技术...

    外汇和股市交易App移动应用UI套件stock-market-mobileUI设计素材XD格式Skecth和PSD下载

    Sketch和Adobe XD是现代UI设计师常用的工具,它们都提供了强大的组件库和符号系统,便于设计者创建和管理复用的设计元素。PSD格式则是Photoshop的专有格式,对于需要深度图像编辑和处理的工作尤为适用。这三种格式的...

    APP秀场直播【axure8】.zip

    《APP秀场直播【axure8】:设计与实现详解》 在当今互联网时代,直播已经成为了一种重要的社交和娱乐方式,特别是在移动端,各种类型的直播应用层出不穷。"APP秀场直播【axure8】"是一个关于如何使用Axure 8这一...

    APP_工具Elements_ui_主题包_xd素材下载.zip

    《APP工具Elements UI主题包详解及 xd 素材应用》 在当今移动应用开发领域,优秀的用户界面(UI)设计是吸引用户、提升用户体验的关键因素。本篇将围绕"APP工具Elements UI主题包"这一核心,深入探讨其设计理念、...

    基于Android老年人生活助手app 论文.doc

    3. **原型设计与测试**:利用UI/UX设计工具进行界面设计,并通过用户测试不断优化。 4. **软件开发**:采用敏捷开发模式,持续迭代更新版本。 #### 四、研究内容 1. **功能模块设计**: - **健康管理**:包括血压...

    Blue App 商务风格响应式企业网站模板

    Bootstrap标签表明模板使用了Bootstrap框架,该框架提供了丰富的预定义样式、组件和JavaScript插件,可以简化网页开发,实现快速原型设计和响应式布局。 【压缩包子文件的文件名称列表】: 1. **README.md**:这是...

    Pokedex App ui .fig素材下载

    【Pokedex App UI 设计详解】 "Pokedex App ui .fig素材下载" 提供的是一个用于设计Pokedex应用程序用户界面的.fig文件。Pokedex是源于宝可梦(Pokémon)系列游戏的一个虚构设备,用于记录和追踪各种宝可梦的信息...

    成套wallet钱包app ui hukum .sketch素材下载

    Sketch是一种流行的设计工具,尤其在UI/UX设计师中广泛使用,用于创建数字产品的界面设计。 描述中的内容与标题相同,再次强调了素材的主题——成套的wallet钱包App UI设计,以及文件类型为Hukum的Sketch素材。然而...

    详解python之配置日志的几种方式

    ### 详解 Python 日志配置的几种方式 在 Python 开发过程中,日志记录是一项非常重要的功能,它可以帮助开发者追踪程序的执行流程、诊断错误以及监控系统状态等。Python 的标准库提供了 `logging` 模块来帮助我们...

    音乐app ui kit .xd素材下载

    《音乐App UI Kit XD设计素材详解》 在数字化时代,音乐App已经成为我们生活中不可或缺的一部分,它们不仅提供了丰富的音乐资源,还提供了便捷的操作界面。而UI(User Interface)设计是音乐App成功的关键因素之一...

    电商app ui .fig素材下载

    .FIG是Figma的设计文件格式,这是一种云端协作设计工具,广泛用于UI/UX设计中。Figma以其实时协作、矢量网络图形和强大的组件系统等功能,深受设计师们的喜爱。在电商App UI设计中,.FIG文件能帮助设计师高效地创建...

    人力资源app ui .fig素材下载

    接着,"fig"文件格式通常是Figma的设计稿,这是一种流行的在线协作设计工具,支持矢量图形编辑和原型交互设计。通过Figma,设计师可以创建高保真度的界面原型,同时允许团队成员实时协作和反馈,提高了设计的效率和...

    JavaScript动态网页开发详解.rar

    在“JavaScript动态网页开发详解”这个主题中,我们将深入探讨以下几个关键知识点: 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、null、undefined)、操作符(算术、比较、逻辑...

    实用的美食外卖餐饮订餐_APP_UI_Kit_模板_FIG&SKETCH&XD素材下载.zip

    《美食外卖餐饮订餐APP UI Kit设计资源详解》 在当今快节奏的生活中,美食外卖餐饮订餐APP已经成为人们日常生活的重要组成部分。为了帮助开发者和设计师更高效地创建出吸引用户、功能完善的外卖应用,各类UI设计...

    Werolla 金融银行app ui .fig素材下载

    这里的".fig"文件格式指的是Figma设计文件,它是一种流行的云端协作设计工具,广泛用于UI/UX设计中。这个素材可能是由设计师创建并分享的,供其他设计师参考、学习或在实际项目中使用。 【fig文件详解】 Figma是一...

    Beginning iOS 11 Programming With Swift 4 纯净版

    - **应用场景**:探讨3D Touch在实际应用中的几种常见应用场景。 #### 30. iOS中的用户通知开发 - **推送通知**:学习如何集成推送通知功能,以便向用户发送重要的消息。 - **本地通知**:讲解如何使用本地通知来...

    django rest framework vue 实现用户登录详解

    Django REST framework是一个强大且灵活的工具,用于构建Web API。Vue.js则是一个渐进式JavaScript框架,用于构建用户界面。将这两个技术结合起来实现用户登录,可以让前后端分离的项目具有更好的用户体验和更好的...

    NiosII 嵌入式系统软件设计

    Nios II Software Build Tools 是一套专为 Altera 的 Nios II 软件开发而设计的工具集,它提供了创建、编译、调试嵌入式软件的能力。这一套工具集对于学习和理解 Nios II 软件工程非常有帮助。 **1.1 软件工程...

    Vue的教程.docx

    对于初学者而言,有几种不同的方式可以在无需安装任何构建工具的情况下快速体验Vue的功能。 - **演练场**:这是最快捷的方式,用户可以直接在线编辑和预览Vue代码。 - **JSFiddle**:适合希望在简单的HTML环境中...

    iOS 人机交互指南(iOS Human Interface Guidelines)

    - **应用设计策略(App Design Strategies)**:提供了应用设计的方法论,包括定义应用的目标用户群体、根据设备进行设计、遵循iOS的UI范式等。 - **用户体验指南(User Experience Guidelines)**:深入探讨了如何...

Global site tag (gtag.js) - Google Analytics