Demo设计软件——如何运用AxureRP绘制原型Demo
寻求能制作软件演示的工具软件吗?
这正是你所需要的吗?
AxureRP
AxureRP是一款高效的快速原型设计软件。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的简称。
利用此工具可以绘制出demo,即一系列HTML页面,能够自动执行由用户编辑的指令实现JS跳转。
页面数量较多时,制作会较为耗时,因此通常适用于页面较少的情况。
内容较多时,建议直接开发一个demo,这样后期修改也会更加便捷。
如何运用AxureRP绘制原型Demo
Axure是一款相对简单的快速原型/交互设计软件,绘制demo是其基本功能。它还能模拟真实软件交互的效果,在浏览器或手机上都能实现动态演示。
绘制原型图的小贴士:
直接拖放元件、调整尺寸、调整位置即可;
其他方面则是调整样式、等距分布等,熟练后便会掌握。
建议将所有页面的位置设置为(0,0)坐标,这样页面切换时不会发生位移,也避免了每次都需要确定坐标。
然后,其他元件,您在纸上是如何绘制原型的,选取形状元件,按照拖放即可。
UI交互设计选用何种软件?
通常来说,UI和UX都会使用以下工具
1. Mason
如今,视觉稿(Mockup)和原型(Prototype)是网页和APP设计过程中最常用的方法。两种方法都十分有效,但都可能对项目时间和成本造成压力,影响团队和项目的整体进展,尤其是在时间和精力都非常有限且项目又非常复杂的情况下。
Mason提供了一个更优的解决方案,它允许用户无需设计线框图、原型和视觉稿,直接使用现成的组件进行编辑和设计,并确保最终输出的产品既具有功能,又像素完美。最终通过Mason的平台进行部署,甚至无需具备代码编写的经验。
Mason的设计方法看似激进,实则非常易用。无论是调整还是维护,Mason都能确保控件和元素易于处理。在Mason中进行修改、发布后,即可正常使用。无需手动编写代码,诸如注册、登录等常见功能都能正常输出使用。
这款工具不会限制网站部署到特定平台或托管环境,用户可以在最熟悉的服务器或服务商处部署。这可以大幅节省管理费用和时间,并且会发现团队协作更加高效。
2. 摹客
这款国产工具操作简便,支持Sketch/PS/XD/Figma/Axure/Mockplus设计稿一键上传,设计评审讨论,自动标注一键生成,手动标注自由发挥。
1. 自动标注:
鼠标悬停图层即可自动生成标注,一键转换为百分比标注,还可以使用放大镜查看细微标注。
2. 手动标注:
文字、坐标、颜色、尺寸、区域5种工具自由选择,信息传达更准确。
- 使用文字工具添加备注说明;
- 使用坐标工具添加位置信息;
- 使用颜色工具吸取图层,色值智能生成;
- 使用线段工具标注尺寸,数值自动生成;
- 使用区域工具标注局部图层,宽、高自动生成。
3. 单位自由转换:
支持iOS的pt,Android的dp,Web的rem,还可以保留0-3位小数,标注更自由。
4. 完整的标注属性:尺寸、边距、不透明度、字体大小、字重、行高、字间距等。相关属性一键复制即可使用。
除了智能的标注方式,摹客的切图、交互、全貌画板、文档管理等功能也很实用。最值得一提的是,摹客基础功能完全免费。
3. Overflow
设计师讲述故事最有效的方法之一,是将故事中的节点连接起来,将用户历程线性地呈现出来。这种方式能让访客更好地理解他们所看到的内容,同时能更加专注于细节的呈现,并构建有效的反馈机制。
作为世界上第一个为设计师量身定制的用户流程图工具,Overflow可以帮助设计师更好地讲述故事。它为设计师提供了一种全新的方式来更好地呈现作品、讲述故事,以交互式的流程与用户进行沟通,吸引用户的注意力。
Overflow是一款跨平台的工具,可以与目前最流行的设计工具无缝集成,允许设计师在同一个平台上完成设计、展示、共享和打印他们的用户流程。
4. UXPin
UXPin可能是目前对设计团队来说最理想的快速原型工具,尤其是在产品的UX设计和研发高度依赖快速反馈循环机制时。UXPin可以让设计团队在向开发交付原型之前,充分地进行设计、共享和测试。
开发人员所需的数据,实际上在每个项目设计完成之时,就会自动生成。因此,在将设计交付给开发人员之前,甚至可以使用检测工具,验证产品的部署是否与设计元素相匹配。
UXPin还提供一个完整的设计系统解决方案,帮助你保持整个产品的UI元素的一致性。而每个产品的UI组件都可以使用一段代码记录下来,因此可以更加轻松快速地扩展产品的功能。
5. Creately
UI/UX设计当然不仅仅是线框图和视觉稿,它是动态的、系统化的,这也是Creately这款工具的价值所在。这款图表工具适合生成工作流程,支持不同的图表类型,包括流程图、思维导图、UML图、线框图等。它所提供的图表功能和协同工作的功能,可以帮助设计师完成一半以上的工作。
使用Creately创建图表,可以轻松创建出足够漂亮的图表,其中配备的1000多个专业的设计图表模板,可以快速地完成各式各样的UX设计项目。
6. PowerMockup
许多UX设计师会使用PowerPoint来构建交互式原型,有了PowerMockup之后,您再也不需要寻找其他工具来辅助工作了,它就可以帮助您创建高效可共享的交互式原型。
在构建原型时,只需从PowerMockup不断增长的资源库中找到对应的形状或设计元素,拖拽到PowerPoint中,然后进行设计即可。为了实现互动,您所需调用的也无非是PowerPoint中的幻灯片和动画功能,非常简单。
在制作原型阶段,只需从PowerMockup日益丰富的资源库中挑选相应的图形或设计元素,将其拖入PowerPoint中,随后进行设计即可。为了实现互动效果,所需调用的也不过是PowerPoint的幻灯片和动画功能,操作十分简便。
-
图形检查器
图形检查器使设计师、开发人员以及维护人员能够实时地在网站中检测和解决各类UI问题,并能与其他工作人员随时共享信息。
这款工具无需掌握代码,仅需几秒钟即可启用UI工具,并且几乎可以与任何类型的网站(无论是使用HTML代码还是WordPress系统)协同工作。这款工具并非免费,终身授权版本仅需支付49美元。
-
流体UI
FluidUI是一款综合性的工具,可用于设计线框图、原型图和视觉稿,同时为项目经理和分布式设计团队提供了完善的协作功能。它拥有全面的组件库,覆盖桌面端、iOS和Android等主流平台。
网站建设项目风险管理研究意义及方案
1、项目网站管理方案的特点
项目网站管理方案以Web服务器为主体、浏览器为客户端的基本架构。此类架构包含Web服务器、浏览器和网络三个关键主体。项目网站管理方案可能是一个网站,也可能是各种Web应用程序,例如网上商店、虚拟邮局、网络办公管理系统、客户关系管理系统等。网站项目管理就是围绕网站项目运用知识、技术、技能、工具和方法进行组织管理。其特点表现在以下几个方面:
2)参与项目的角色众多,水平参差不齐。对于项目网站管理方案,最关键的角色是项目经理、业务流程分析师、用户界面工程师、系统分析员、编码人员(程序员)和质量控制工程师等。根据项目规模和开发深度,由项目经理进行角色划分。若严格细分,一个大型项目的角色可能超过50个,以确保每个细节都有专业人员进行负责和管理。其中需求分析过程中主要角色有客户代表、业务员、业务流程分析师、用户界面工程师,另外还有项目经理、数据库工程师、文档工程师等参与。
3)网络应用的开发技术在不断发展,使得网站管理方案应用系统的开发模式具有多种选择性,达到同样目标可以采用许多不同的方式。现代应用系统越来越成为一个庞大的集成方案,需要考虑不同的操作平台、不同的应用服务器、不同的数据库、不同的编程语言、不同的传输介质等,项目管理人员必须了解各种技术的利弊,帮助用户选择高效、经济并具有前瞻性的网站管理方案。
2、需求分析在项目网站管理方案中的作用及要求
需求分析是项目的起点,也是项目建设的基石。鉴于以上提出的网站项目的特殊性和行业覆盖的广泛性,以及需求分析的高风险性,网站项目需求分析的重要性不言而喻。在以往建设失败的项目中,80%是由于需求分析不明确而造成的。因此,一个项目成功的关键因素之一,就是对需求分析的把握程度。
在需求分析流程中,需要客户代表、业务员、业务流程分析师、用户界面工程师等角色参与,业务员从客户代表那里获取需求,并形成需求报告;业务流程分析员从业务员那里获取需求报告,分析生成项目模型报告;界面工程师得到项目网站管理方案模型后设计制作相应的模板和用户界面原型,最终由客户代表确认。需求分析所形成的文档最终达到如下要求。
1)正确性:每个功能必须清楚描述交付的功能。
2)可行性:确保在当前的开发能力和系统环境下可以实现每个需求。
3)必要性:功能是否必须交付,是否可以推迟实现,是否可以在削减开支情况发生时被“砍”掉。
4)简明性:不要使用专业的网络术语。
5)检测性:如果开发完毕,客户可以根据需求进行检测。
3、网站项目需求分析的一般方法
根据以往的工程经验,需求分析工作方法应定位在“三个阶段”(也称“三步法”)。
第一阶段:“访谈式”。这一阶段是与具体用户方的领导层、业务层人员的访谈式沟通,主要目的是从宏观上把握用户的具体需求方向和趋势,了解现有的组织架构、业务流程、硬件环境、软件环境、现有的运行系统等具体情况和客观信息,建立起良好的沟通渠道和方式。针对具体的职能部门以及各委办局,最好能指定本次项目的接口人。
网站管理方案实现手段:访谈、调查表格。
输出成果:调查报告、业务流程报告。
第二阶段:“诱导式”。这一阶段是在承建方已经了解了具体用户方的组织架构、业务流程、硬件环境、软件环境、现有的运行系统等具体实际和客观信息的基础上,结合现有的硬件、软件实现方案,做出简单的用户流程页面,同时结合以往的项目经验对用户采用诱导式、启发式的调研方法和手段,与用户一起探讨业务流程设计的合理性、准确性,界面的便捷性、习惯性。用户可以操作简单演示的DEMO,来感受一下整个业务流程的设计合理性、准确性等问题,及时地提出改进意见和改进方法。
实现手段:拜访(诱导)、原型演示。
输出成果:调研分析报告、原型反馈报告、业务流程报告。
第三阶段:“确认式”。这一阶段是在上述两个阶段成果的基础上,进行具体的流程细化、数据项的确认阶段。这个阶段承建方必须提供原型系统和明确的业务流程报告、数据项表,并能清晰地向用户描述系统的业务流设计目标。用户方可以通过审查报告来提出反馈意见,并对已经可接受的报告、文档签字确认。
实现手段:拜访(回顾、确认),提交业务流程报告、数据项表;原型演示系统。
实现途径:探访(回顾、核实),递交业务流程报告、数据项表;原型展示系统。
产出结果:需求分析报告、数据项、业务流程报告、原型系统反馈意见(后三者可统一归入需求分析报告中,提交给用户方、监理方进行确认和存档)。
总体而言,需求分析的三个阶段是需求调研中不可忽视的关键环节,三个阶段或三步法的实施和运用,对用户和承建方都同样提供了项目成功的保障。
4、项目网站管理方案需求分析的注意事项及技巧
项目的整体风险往往体现在需求分析不明确、业务流程不合理,导致用户不适应或不愿使用承建方的软件。承建方和客户方都要重视需求分析的重要性。为更好地把握用户的需求和方向,应采取必要的手段和方法进行需求调研。
4.1网站管理方案挖掘用户需求
鼓励用户尽可能详细地阐述所有想法,并将所有要求列出。此时不必担心因客户的潜在需求而增加设计开发的工作量,应直接明确地与客户列出问题和要求,将条理、归纳、分析先放一边,准确记录下用户最原始、最完整的要求。
网站管理方案在许多情况下客户并非专业人士,在他们的描述中很难凸显重点和技术难题,这需要我们为客户进行分析、归纳和整理,尤其是客户谈的不多但技术上实现难度和强度很高的地方特别值得注意。客户往往对需求的概念非常模糊,大多时候给出的需求都是笼统且难以控制的,这就要求业务人员在听取客户的详细说明后,帮助客户进行整理和分析,预测客户在开发过程中变更及今后应用中可能进行修改升级的潜在需求。
比如在为客户设计办公自动化系统时,也许需要为客户预留将来与他们的业务单位进行交互的通道;在设计邮件系统时,要考虑可能需要广告网站管理方案服务器;设计网络电子商店时需考虑今后增加库存产品进销存统计分析等;受时间和财力限制,客户通常能接受分阶段实施的开发过程,在需求分析时,提前为客户设想今后的需求变更,除了使项目开发更加顺利外,也为今后业务的进一步深入打下了更好的基础。
4.2网站管理方案利用自然语言和图表描述项目模型
在业务员与客户进行沟通和调查时撰写的需求分析,尽可能使用自然语言或形式化语言来描述,还可以添加图形表述方式和模型表征方式。尽管客户的水平和资历有所不同,但最自然的描述能使项目开发的各个成员都能清楚地理解需求含义,不至于在理解上产生偏差。对客户而言,这样的模型描述最接近真实,容易参与修订,并能以此为测试和验收的依据。制作示意图可以有很多种方式,关键是利用示意图将客户的需求和即将开始设计的系统体现出来。在进行系统分析和程序开发之前,双方对今后要完成的产品就能有直观的认识,换言之,就是在产品还没有真正进入开发阶段的时候,双方就对工作的结果达成统一的意见,这将大大减轻需求变更带来的困扰,同时客户更容易地参与到项目的开发过程中。
4.3网站管理方案需求分析要共同参与各司其职
项目网站管理方案经理、系统分析员、开发经理、交互设计师、测试人员、文档人员包括客户代表都应该阅读需求分析,并进行共同讨论,达成一致意见。参与项目开发的人员都应该对这份需求有统一清晰的认识,并根据自己的工作对需求提出意见,通过与客户的沟通修订,最终确定项目实现的目标。这样可以尽量避免业务人员与开发人员、承建方和客户方之间发生不必要的纠纷。
例如:项目网站管理方案经理通过需求分析才能组建所需的团队,包括配置工作环境,制定开发周期;开发周期的限制和功能上的要求可能会影响到程序员采用什么样的语言和工具进行编写;操作用户的技能水平将影响到交互设计师进行前台设计时的精度;界面设计人员根据项目的性质和定位确定表现方式;测试人员了解测试环境和条件后才能对项目质量进行跟踪和检测。
4.4网站管理方案将需求变更置于可控状态
需求的变更几乎是不可避免的,也许是出自客户的遗漏,也可能是在开发过程中被激发出来的。如何以可控的方式管理网站项目需求的变更,对于项目的顺利进行具有重要意义。如果匆匆忙忙地完成用户调研与分析,则往往意味着不稳定的需求。因此,需求分析要保证需求分析各个活动都得到了充分的执行。
为了将变更及时反馈到项目的各个角色中,做好需求变更日志就显得非常重要。在需求分析后面附上变更日志,并将修改后的需求分析制作成新版本,保留每次更改过的版本,而不是覆盖,这样就比较容易地跟踪到需求变更过程中所带来的工作调整。在新版本的需求分析中,将变更部分用特殊方式表示出来,并在日志中记录变更明细。
4.5网站管理方案评审需求文档
需求文档完成后,需要经过正式评审,以便作为下一阶段工作的基础。一般的评审分为用户评审和同行评审两类。用户和开发方对于软件项目内容的描述,是以需求规格说明书为基础的;用户验收的标准则是依据需求规格说明书中的内容来制定,所以评审需求文档时用户的意见是第一位的。而同行评审的目的,是在软件项目初期发现那些潜在的缺陷或错误,避免这些错误和缺陷遗漏到项目的后续阶段。
5网站管理方案总结
随着互联网的飞速发展,Web技术应用日益广泛,网站的规模和复杂性不断增加,网站项目的设计和开发进入了需要强调流程和分工的时代,软件工程方法将越来越多地介入到网站项目的设计和开发中。建立规范的、有效的、健壮的开发机制,特别是打好网站项目网站管理方案的基石,强化项目的需求分析,将有利于高效、高速、高质量地完成开发任务。