一、项目基本介绍
项目 | 内容 |
---|---|
这个作业属于哪个课程 | 任课教师博客主页链接 |
这个作业的要求在哪里 | 作业链接地址 |
团队名称 | Exception |
作业学习目标 | 学习原型设计过程以及工具的使用 |
二、原型设计细则
1.原型设计工具简介;
常用的原型设计工具有:Axure、一款简洁高效的原型图设计工具mockplus、致力于高保真原型制作工具Justinmind、一款免费的带有手绘涂鸦风格的原型设计软件balsamiq mockups
1.Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。
拿来就上手,上手就设计,设计就可以表达创意。从设计上,采取了隐藏、堆叠、组合等方式,把原本复杂的功能,精心安排。上手很容易,但随着你的使用,功能层层递进,你会发现更多适合自己的有用的功能。新手不会迷惑,熟手可以够用。
2.Axure RP是最常用的快速原型设计工具之一,帮助负责定义需求和规格、设计功能和界面的用户快速创建线框图、流程图、原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理。Axure RP优点: 1、擅长原型设计的复杂交互行为:2、拥有良好的培训和文档支持;3、拥有多种元素样式,可增加独立元素交互性;4、内置的插件库可以定制特殊的动作
和行为。虽然Axure的应用几乎已成惯例,但它也有自己的缺点:1、陡峭的学习曲线,对于初学者来说不算容易;2、在导出HTML之前无法对原型进行预览;3、原型的web
展示并不 支持所有的浏览器,比如,对于谷歌浏览器就必须要使用插件才能观看; 4、对其它设备的支持较差。
3.一款免费的带有手绘涂鸦风格的原型设计软件balsamiq mockups是一种软件工程中快速原型的建立软件,可以做为与用户交互的一个界面草图,一旦客户认可可以做为美工开发HTML的原型使用。Balsamiq Mockups是一款共享软件,使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽(当然,跟使用者的设计水平也有关系)。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持目前如火如荼的iPhone手机元素原型图,这为开发iPhone应用程序的软件工程师提供了非常好的设计图。
4.致力于高保真原型制作工具Justinmind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。 特性:快速制作原型,手势交互效果,可建自己组件库,便捷的定义样式,共享原型测试,定义交互方式,全球范围内的复用、数据共享,发布和收集反馈意见。
2.mockplus原型设计工具团队学习总结;
在学习过程中我们发现此工具还是比较容易上手;此工具除了其他原型开发工具的功能外还有:审阅协作、无缝真机预览、基于组件的交互动画、模版管理和重用、素描风格、以及云同步等功能。导出时,还可附加摩客精灵,使同事或客户直接在手机预览等等。
演示功能:原型做好后,你得把设计好的原型给别人看,可以通过mp文件、图片、html、手机上预览。
云同步功能:这个功能可以让我们在不同的机器上进行设计而且还可以达到同步的效果。
3.团队项目github仓库地址链接;
GitHub地址:地址
4.团队项目原型设计成果;
主页
试卷管理-查询
试卷管理-打印
登录模块注册页面
登录模块-登录页面
系统管理-用户页面
系统管理-教师管理
系统管理-修改密码
5.团队项目的原型设计过程、原型设计心得总结。
利用原型系统,用户能和你一起看到未来交互的软件蓝图、功能和效果,获得较真实的感受,在不断讨论的基础上完善软件未来的设计。我们的分析、设计和实施必须在原型建立后进行。建立用户界面原型的主要目的是在实际设计与开发开始之前揭示和测试系统的功能与可用性。这样,我们可以在将太多时间与资源投入开发活动之前,确保所构建的系统是正确的。原型设计应该把有意义的功能写入并可以进行测试。