《ABCD组》第三次作业:团队项目的原型设计

项目 内容
这个作业属于哪个课程 http://www.cnblogs.com/nwnu-daizh/
这个作业的要求在哪里 https://www.cnblogs.com/nwnu-daizh/p/10761596.html
团队名称 ABCD组
作业学习目标 学会使用原形开发软件,设计项目原形

一、原型设计工具简介

1. 移动应用原型与线框工具-墨刀

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

2.老牌原型设计工具 -Axure RP,Axure

Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定义和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。Axure RP--作为专门的原型设计的工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。

3.网页和移动端的设计sketch

1.Sketch是一款界面优美,功能强大的图形绘制软件。在Sketch软件中,ios开发者可以十分方便地设计图层面板等图层常用操作,普通用于产品的交互设计和UI设计。
2.Sketch为开发者提供了许多使用的功能。如多层式填充绘制,渐变绘制,噪点绘制,混合模糊绘制等视图设计中常用的操作。另外,Sketch与其他绘图软件不同的是,它还提供通过布尔运算来将多个简单形状混合更为复杂的形状。这在一定程度上增加了开发的可扩展性。
3.Sketch这款软件的主旨是为了给广大产品界面和UI设计师一个简洁实用的创作平台。因此许多公司的界面开发者往往选择使用Sketch进行开发工作,而不是Photoshop,illustrator这类软件。

4.一款简洁高效的原型图设计工具mockplus

1.原型设计可以基于手绘,也可借助工具。显然,使用工具进行页面交互设计及构建,不仅可以节省人力,也能够更加清晰明确地呈现页面内容,同时可以保证风格的统一化,更加便于修改。
2.Mockplus(摹客)作为一款简洁快速的原型设计工具,适合软件团队及个人在软件开发的设计阶段使用。其素描风格、组件交互、模板重用和审阅协作等创新理念,吸引了众多的项目团队。与此同时,由于入门简单,无需编程,Mockplus也已经逐渐普及,成为新手和有经验设计者的前列选择。Mockplus专注于提供低保真原型设计,所谓低保真,一般指一个可以简单交互的现况模型,表达产品的整体框架。

5.致力于高保真原型制作工具Justinmind

JustinMind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。

6. 一款免费的带有手绘涂鸦风格的原型设计软件balsamiq mockups

Balsamiq Mockups是一种软件工程中快速原型的建立软件,可以做为与用户交互的一个界面草图,一旦客户认可可以做为美工开发HTML的原型使用。

二、mockplus原型设计工具团队学习总结

Mockplus是一款简单易上手的软件,即使是新手,在通过教程的帮助以及实践操作下,很容易就能够应用起来,它还有这一个非常实用的团队开发功能,对于团队完成的项目非常有帮助,它还有着一个非常重要的功能,也可以说是创新功能,那就是做的项目都是存在云端的,就是说你的项目随时随地都可以做,不需要特定的那台电脑,只要有电脑,登上你自己的账号就能够继续完成工作,所以说它是一款很方便的软件,在界面设计上,采取了隐藏、堆叠、组合等方式,把原本复杂的功能,精心安排。上手很容易,但随着你的使用,功能层层递进,你会发现更多适合自己的有用的功能。新手不会迷惑,熟手可以够用。

三、GitHub地址:https://github.com/abcdyqmz/-

四、团队项目原型设计成果

登录界面

注册界面

找回密码界面

用户主界面

查询结果

五、团队项目的原型设计过程、原型设计心得总结。

设计过程:在此次团队项目原型设计中,首先我们一起了解了一下六款原型设计软件,都是非常好用的软件,简单易上手,每一款软件也都试着做了作业,然后做完后小组一起讨论过一些软件的使用心得,各个软件都有着各自的优点,考虑到我们组的项目实现的功能比较单一,不会用到大量的篇幅去呈现出实验结果,所以我们就想使用墨刀这个工具来对我们的原型进行设计,我们设计的页面里没有过于花里胡哨的东西,也许这也是我们的弱势点,因为一个好的网页也是对自己产品的一种宣传,网页设计的好看了也会吸引大量的客户来用我们设计的东西,也许有个好的网页才会让人感觉到一些靠谱,我们后面也会根据实际设计出来的功能来继续去完善我们的界面。
设计心得:这次的团队作业都是小组一起讨论,一起去设计完成的,各自分工,各自发挥着自己的长处为团队做着贡献,通过团队协作,发现一切事情都能变的简单,自己花好长时间才能做完的工作,通过团队协作,各自分工,只需要很短的时间就能完成,我们对这几款开发软件也是第一次上手,我们之前都怕,害怕学习的东西太难,不容易去上手,等真正去接触了才发现,原来很简单,并没有想象中的那么难。总之,通过这次实验,我们都发现其实只要你认真花心思去学,很多东西都是很容易就能够学会的。

《ABCD组》第三次作业:团队项目的原型设计的更多相关文章

  1. 《WAP》团队第三次作业--团队项目的原型设计与开发

    一· 目 录 第一部分 · 结 对 成 员 明 细 第二部分 · NABCD 模 型 第三部分 · 原 型 设 计 第四部分 · P S P  第五部分 · 结 对 过 程 第六部分 · 心 得 总 ...

  2. 《Coderxiaoban团队》第三次作业:团队项目的原型设计

    <XXX团队>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 Coder ...

  3. 《Hello--world团队》第三次作业:团队项目的原型设计

    项目 内容 这个作业属于哪个课程 2016级计算机科学与工程学院软件工程(西北师范大学) 这个作业的要求在哪里 实验七 团队作业3:团队项目原型设计与开发 团队名称 <hello--world团 ...

  4. 《AlwaysRun团队》第三次作业:团队项目的原型设计

    <AlwaysRun团队>第三次作业:团队项目的原型设计 项目 内容 这个作业属于哪个课程 [任课教师博客主页链接](https://home.cnblogs.com/u/nwnu-dai ...

  5. 《Dare To Dream 》第三次作业--团队项目的原型设计与开发

    一.实验目的与要求 1.掌握软件原型开发技术:  2.学习使用软件原型开发工具: 二.实验内容与步骤 任务1:针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型: 任务2:在团队博客发布博 ...

  6. 《Exception团队》第三次作业:团队项目的原型设计

    一.项目基本介绍 项目 内容 这个作业属于哪个课程 任课教师博客主页链接 这个作业的要求在哪里 作业链接地址 团队名称 Exception 作业学习目标 学习原型设计过程以及工具的使用 二.原型设计细 ...

  7. 17秋 软件工程 团队第三次作业 预则立&他山之石

    题目:团队作业-预则立&&他山之石 团队: 我说嘻(xì)哈(hà)你说侠 17秋 软件工程 团队第三次作业 预则立&他山之石 1.确立团队选题,建立和初步熟悉团队git的协作 ...

  8. 《Blue Flke》团队项目的原型设计与开发

    实验目的: 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 实验过程和步骤: 任务1.针对实验六团队项目选题,采用适当的原型开发工具设计团队项目原型. 任务2.在团队博客发布博文,陈述团队项目 ...

  9. 《Miracle-House团队》第三次作业:团队项目的原型设计与开发

    一.实验目的与要求 1.掌握软件原型开发技术 2.学习使用软件原型开发工具 二.实验内容与步骤 1.开发工具: 使用的工具:墨刀(APP端开发原型) 工具简介: 墨刀(MockingBot)是一款简单 ...

随机推荐

  1. Andrew Ng机器学习课程7

    回顾 通过定义训练集S={(x(i),y(i));i=1,2,...,m}与线性决策平面(w,b)之间的function margin γ^和geometric margin γ .好的分类决策平面特 ...

  2. Linux_高级用法

    LInux如何压缩和解压文件 文件压缩与解压主要讲zip和tar 安静模式和文件夹 zip -r -q -o test.zip 需要打包文件 查看打包文件 du -h test.zip 上节学过的fi ...

  3. Java网络编程探究|乐字节

    大家好,我是乐字节小乐,上次给大家讲述了Java中的IO流之输出流|乐字节,本文将会给大家讲述网络编程. 主要内容如下: 网络 网络分层 IP位置 端口port 网络编程 一. 网络 1.概念 网络即 ...

  4. Linux 脚本语言入门

    0.脚本编写初步介绍 (1)脚本第一行以 #!/bin/sh 开始,也可以用 #!/bin/bash 开始,但是第一行必须以这种方式开始. (2)脚本名需要以.sh结尾 (3)#开头的句子表示注释 ( ...

  5. LeetCode 617. 合并二叉树(Merge Two Binary Trees)

    617. 合并二叉树 617. Merge Two Binary Trees 题目描述 给定两个二叉树,想象当你将它们中的一个覆盖到另一个上时,两个二叉树的一些节点便会重叠. 你需要将他们合并为一个新 ...

  6. LeetCode 378. 有序矩阵中第K小的元素(Kth Smallest Element in a Sorted Matrix) 13

    378. 有序矩阵中第K小的元素 378. Kth Smallest Element in a Sorted Matrix 题目描述 给定一个 n x n 矩阵,其中每行和每列元素均按升序排序,找到矩 ...

  7. 网络爬虫基本概念与Scrapy工具包使用

    Scrapy网络爬虫 Scrapy结构图: Scrapy流动图 图 2-1 1.在D:\Workspace下新建ScrapyTest文件夹,即D:\Workspace\ScrapyTest 2.cd ...

  8. [转帖]鲁大师Q3季度PC内存排行:DDR3彻底淘汰 DDR5要来了

    鲁大师Q3季度PC内存排行:DDR3彻底淘汰 DDR5要来了 https://www.cnbeta.com/articles/tech/902347.htm 10月23日消息,今天鲁大师公布Q3季度P ...

  9. Nginx 系列教程

    Nginx(一):Nginx介绍 Nginx(二):编译安装Nginx及参数说明 Nginx(三):nginx.conf配置文件说明 [1] 配置参数说明 Nginx(三):nginx.conf配置文 ...

  10. [Xamarin] - Xamarin.Forms Project with .Net Standard 2.0

    1. Install .NET Core 2.0 SDK .https://www.microsoft.com/net/download/core 2. Install Android 7.1 (AP ...