界面原型设计

原型设计工具们（墨刀、Axure RP、MockPlus） 1st.墨刀 作为国内目前广受认可的一款在线原型设计和协同工具，墨刀有内置丰富的UI素材和模板，清爽的界面，让设计原型的过程顺畅高效。 墨刀同样支持Sketch设计稿的导入，拖拽式创建交互链接，可以通过链接或者二维码在电脑端或者移动端快捷预览原型。 此外，设计师也可以通过墨刀进行自动标注，开发者也可以用墨刀进行切图。 2nd.Axure RP Axure RP是一个专业的快速原型设计工具。Axure（发音：Ack-sure），代表美国Axure公司；RP则是Rapid Prototyping（快速原型）的缩写。Axure RP是美国Axure Software Solution公司旗舰产品，是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具，它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。 Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等，另外，架构师、程序开发工程师也在使用Axure。 MockPlus 其拥有200多个组件、海量图标，全部支持手绘素描风格

结对成员 王耀鑫，林银河 原型分析 1.原型模型设计工具 墨刀 2.需求分析： 用户注册登录，退出游戏界面 基本的发牌、出牌、比牌的功能。 历史记录，提供积分，排名，对战纪录查询。 3.流程图 4.用户欢迎界面 5.用户登录注册界面 6.用户选择界面 7.游戏记录 8.出牌界面 9.结对过程：历经千辛万苦，终于找到那个对的人。 PSP PSP2.1 Personal Software Process Stages 预估耗时（分钟） 实际耗时（分钟） Planning 计划 10 10 Estimate 估计这个任务需要多少时间 60 100 Development 开发 Analysis 需求分析 (包括学习新技术) 60 60 Design Spec 生成设计文档 5 5 Design Review 设计复审 5 5 Coding Standard 代码规范 (为目前的开发制定合适的规范) Design 具体设计 60 70 Coding 具体编码 Code Review 代码复审 Test 测试（自我测试，修改代码，提交修改） Reporting 报告 20 30 Test Repor 测试报告 15 10 Size Measurement 计算工作量 5 5 Postmortem & Process Improvement Plan 事后总结, 并提出过程改进计划 30 30

今天给大家简单分享一下项目开发的流程： 项目开发流程 销售 ---> 客户 客户 ---> 下单 ，支付 30% 定金 产品经理 ---> 客户 实地考察 需求调研 整理需求文档 项目经理 需求文档 开发文档 原型图 美工 原型图 --- 设计项目界面 后端 开发文档 --- 开发接口 前端 设计稿 --- 完成页面的编写 开发文档 --- 完成业务逻辑 测试 有bug ，打回，修改 bug 上线 程序员 ---> 客户 ： 系统培训 老板收钱 来源： https://www.cnblogs.com/KoBe-bk/p/11438222.html

完成工作：优化了原型设计的界面，在考虑需求分析后对原型增加了新的内容。网上查阅了开发小程序的相关教程。 明日计划：准备在课堂上介绍团队的原型设计与需求分析。之后继续学习使用软件开发小程序。 小结：今天打开微信小程序开发工具感觉两眼一抹黑，不知道怎么使用，查阅了网络上的教程后对软件的功能界面有了了解，能够使用一些基本功能。 来源： https://www.cnblogs.com/emiya471/p/11396778.html

一、今日完成 1.初步完成API的接口设计 2.完成所有的小程序界面：https://org.modao.cc/app/93623c4c825b35e9565e3f7a88bdd9a16c05f2a9 3.初步完成数据库设计 二、明日计划 1.完成管理员web设计。 2.使用微信开发者工具开发小程序界面。 3.展示所有原型。 4.学习spring。 三、个人小结 1.基本完成昨日任务，数据库的设计有待改善。 2.经过几天的原型建立，对项目的设计有大体了解，一个新的项目应该有一个比较完美的设计，会对后面的实现有帮助。 3.在数据库还未设计好时，许多API以写出，所以进行多次改动。 来源： https://www.cnblogs.com/wxy-wpl/p/11396344.html

完成的任务： 1.完成了原型的设计：https://org.modao.cc/app/1aa751c5b2a1d489fdc6722359116b88235ba411 部分截图如下： 2.需求分析完成（使用word） 3.下载安装了tomcat,mysql-connector-java.数据库连接成功 本来打算今天完成登陆界面，但是WindowBuilder安装过程慢，且一直出错。 明日计划： 1.在网上和找同学搞清楚WindowBuilder的安装，并完成登录界面 2.演示之后看老师对我们的项目有什么建议，我们再讨论修改或者完善功能 今日小结： 由于基本熟悉了墨刀的操作，完善原型设计时没有遇到太大的问题。但和组长配置环境时可能因为版本问题一直在出错，所以就先完成了原型设计。 来源： https://www.cnblogs.com/patmoc/p/11395471.html

1当天完成的工作 1）继续用墨刀原型设计工具设计小程序页面，昨天有了初步框架，今天开始实现具体的，修改细节。今日设计的页面如下图。 2）在进行对微信小程序开发的学习和了解，下载了微信小程序开发工具。 2第二天的计划： 1）墨刀原型设计还要继续完善，细节有待斟酌，界面有待优化。 2）继续深入了解微信小程序开发所需要用到的语言和工具等，自己进行查找学习。 3每日小结： 今天在进行原型设计的时候发现团队的力量很强大，一个人在做的时候在细节上比较容易有疏漏，但是有队友一起互相检查就会快速发现问题解决问题，避免了思维盲区，比如落下某个功能块自己没有发现，队友查看的时候一下就看见了。还有一个小程序完善的设计是很不容易的，怎么去为功能设计还要简洁易懂等都是必须要考虑的内容。 来源： https://www.cnblogs.com/dydy9999/p/11390671.html

一、Axure介绍 1.1 原型和Axure是什么？ 原型是什么？ 简单的说就是产品设计成形之前的一个简单框架， 对网站来讲，就是将页面模块、元素进行粗放式的排版和布局，深入一些，还会加入一些交互性的元素，使其更加具体、形象和生动。 Axure RP是什么？ Axure RP是一个专业的快速原型设计工具，它可以让设计师们利用需求，设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档，并且同时支持多人协作和版本控制管理。 产品原型设计的最基础工作，就是结合批注、大量的说明以及流程图画框架图，将自己的产品原型完整而准确的表述给 UI、UE、程序工程师，市场人员，并通过沟通会议，反复修改原型直至最终确认，开始投入执行。 Axure RP是目前最流行的原型设计工具，已经成为原型设计行业的标准软件之一。 1.2 下载与安装Axure Axure官网： http://www.axure.com/download Axure原创教程网： http://www.iaxure.com/ Axure相关插件下载： http://www.iaxure.com/menupage/download.html 注：Axure是收费软件，若经济条件不允许，可以选择搜索下载汉化破解版。另外本人使用的版本是Axure RP 9，读者使用Axure RP 8也可以，两者区别不大。 1.3