软件工程综合实践第三次个人作业

作业要求:通过搜索资料和自学,了解原型设计的工具

前言:

Axure是一款强大的原型设计工具,具有比较大的用户基础,在此前提下沟通、传输、修改就显得十分方便,并且在细节的交互有其特有的亮点。如果你能熟练使用库和自定义控件,那么它便足以满足你的需求。如果你是新手,那么Axure的简洁化设计也足以使你快速上手,后期你还能和你的团队一起进行原型设计,这使得原型设计非常具有团队协作性。

具体过程:

下面我们通过使用过程来简单介绍下Axure

打开Axure,输入序列号及用户名即可进入(使用详细的服务是需要付费的),最好再登陆一下邮箱,便于后期团队项目的共享与修改(推荐使用网易邮箱,其它邮箱接收验证码有点慢)

看到这里你就可以开始你的设计了

各个板块功能简介

主菜单与工具栏:位于界面顶部,常用功能如下:

利用File保存、导入本地文件或者云文件,利用Arrange进行格式化控件,利用Publish进行生成原型概览

上方的三个红框依次为(后退一步、前进一步)、(控件的排布形式,置于其它控件上方或者以簇状分布等等)、(预览、分享、发布)

下方的红框为字体的格式与分布方式以及控件的坐标位置

站点地图:位于界面中间偏左的位置,主要用来对设计的页面进行添加、删除、重命名和组织页面层次。

控件面板:有各种可以拖放进设计页面的控件。如果碰到同一个类似的控件多次出现的话,可以使用Ctrl+C和Ctrl+V进行简单化操作

工作区:在这里进行原型的设计,利用周围的工具打造出一个让自己满意的界面

交互区:

上半部分为页面级的注释、交互、链接。比如 Open Link in Current Window:在当前窗口打开一个页面;Show Panel(s):显示动态面板 Scroll to Image Map Region:滚动页面到 等等等功能

下半部分为控件的交互

原型初步呈现

附上我的登陆界面设计图,这是(大家也可以点击 http://127.0.0.1:32767/start.html#p=home&g=1 进行预览,不过分页面可能打开不了,有点可惜)

特别的(团队项目):非常适用于小组作业

首先你需要到打开 https://share.axure.com/  然后登陆你的邮箱

然后选择自己想导入Axure的项目文件,点击右边小齿轮进行File+Settings,此时看到项目的详细信息

记录下项目的编号,如果有密码也需一并记录。

将记录的项目编号输入到下方 ID栏,即可将云项目导入到本地。

快叫上你的小伙伴去进行原型设计吧!

总结:

Axure是一款非常容易上手的原型设计工具,相信经过我的一番介绍,大家对这款工具也有了初步的认识,可以进行一些简单界面的设计,后期你也可以通过他人的模板进行直接设计,或者是去找一些第三方库来节约自己设计的时间,提高工作效率。

当然了这么一款容易入门的工具也存在着相应的缺点,比如进行移动端设计你需要考虑到不同尺寸的手机大小,又或者像个别简单的控件使用起来并不是很灵活,再者像深层次的动态面板、中继器之类的功能需要你花较多的时间去弄明白,这些都是在进行原型设计过程中经常碰到的问题。

但是这样还是阻止不了用户们对它的喜爱,嘻嘻:)

后续更进一步的进阶与深入,大家可以去网上找指导视频观看,本次介绍就到这里。

【Axure】原型设计工具的概览与初识的更多相关文章

  1. Axure原型设计工具介绍

    Axure原型设计工具介绍 1759230茅杭斌 目录 1.前言 2.下载与激活 3. Axure相关功能介绍 4.Axure案例演示 5.结语 一.前言 在我们进行程序开发的时候,原型图是必不可少的 ...

  2. Axure 原型设计工具画业务流程图

    加入人人都是产品经理[起点学院]产品经理实战训练营,BAT产品总监手把手带你学产品点此查看详情! 软件行业从业6年,流程图看过太多,大部分流程图是在考验阅读者的理解能力,近期在设计公司新版APP,对流 ...

  3. axure快速原型设计工具

    Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程 ...

  4. 快速原型设计工具-Axure RP的介绍及简单使用(生产初期向客户展示设计产品的原型-也就是展示产品)

    啧啧~~ 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计 ...

  5. Axure RP一个专业的快速原型设计工具

    Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axur ...

  6. 【Axure RP8.1】一款专业的快速原型设计工具

    Axure RP是一款专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写.Axure RP是美国Axur ...

  7. 原型设计工具—Axure

    作为软件设计的一员,需要在软件开发初期确保软件的具体内容,防止后期大幅度的修改. 在这样的情况下,原型设计软件就起到了关键的作用. 摘要: 原型设计为什么这么重要呢? 因为它帮助我们搭建了低保真或高保 ...

  8. 6种原型设计工具大比对! Axure,Invision, 墨刀……哪款适合你?

    每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言 ...

  9. Axure RP for Mac(网站交互式原型设计工具)破解版安装

    1.软件简介    Axure RP 是 macOS 系统上一款最知名和最强大的原型设计工具,增加了大量新的特性,如应用多个动画,并同一时间运行一个小部件,如褪色,同时移动等,而且具有全新的图标和界面 ...

随机推荐

  1. [RN] 阿里 ant-design 菜单比较丰富 https://github.com/ant-design/ant-design-mobile

    阿里 ant-design  菜单比较丰富 https://github.com/ant-design/ant-design-mobile 天和风雨顺 地和五谷丰 人和事业旺 家和万事兴

  2. attribute和property的区别是什么?

          attribute                                       property 标签属性 对应html                       对象属 ...

  3. JS- 数组去重方法整理

    [indexOf] 简单而且可以加中文,但是兼容性不好,indexOF兼容到ie9 function uniq(arr) { var temp = []; for (let i = 0; i < ...

  4. Django学习----js传参给view.py

    需求: 散点图中每选择一个点,获取到id之后传给view.py,根据这个id进行sql语句的查询. 问题: 要求实时查询 解决办法: ajax查询 js页面 .on("mousedown&q ...

  5. PHP处理SOAP

    1.获取functions try { $client = new SoapClient("http://www.fangbei.org/services/inquiryTracingAnd ...

  6. 【Activiti学习之七】BPMN子流程、顺序流、流程关口

    环境 JDK 1.8 MySQL 5.6 Tomcat 7 Eclipse-Luna activiti 6.0 一.子流程 1.嵌入子流程2.调用子流程3.事件子流程4.事务子流程 二.顺序流1.条件 ...

  7. MPI linux Ubuntu cluster 集群

    在局域网内安装mpi,并进行并行计算.MPICH3. 下载源码: wget http://www.mpich.org/static/downloads/3.3.1/mpich-3.3.1.tar.gz ...

  8. CentOS忘记密码修改方案以及centos卡在开机登录界面,命令失效的解决方法

    CentOS忘记密码修改方案 应用场景 linux管理员忘记root密码,需要进行找回操作. 注意事项:本文基于CentOS7.2环境进行操作的,由于CentOS的版本之间是有差异的,继续之前请先确定 ...

  9. C#调用摄像头(AForge)实现扫描条码解析(Zxing)功能

    网上找了很多代码,都比较零散,以下代码纯自己手写,经过测试.下面有链接,下载后可以直接使用. 介绍: 自动识别:点击Start按钮会调用PC摄像头,代码内置Timer,会每100毫秒识别一下当前摄像头 ...

  10. [IOT] - Raspberry Pi 4 Model B 系统初始化,Docker CE + .Net Core 开发环境配置

    本教程为在 Docker 中配置 .Net Core,如果想在树莓派 Raspbian 系统中配置 .Net Core,请参考:[IOT] - 在树莓派的 Raspbian 系统中安装 .Net Co ...