Axure是一个专业的快速原型设计工具,多用于网页原型设计。
使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师等。
利用线框图构建出软件的大致结构,利用交互效果来表达用户的实际操作方式,清晰的表达出软件的实际功能。
既然他这么强大,所以他是收费的,那么如何安装,一起来了解一下!!!
下载Axure
大家自行下载 Mac 或者 Windows 版本
安装打开 Axure
结果提示 已损坏,无法打开。 您应该将它移到废纸篓。
what ?
安装了半天,提示我损坏了!!,倔强的我要求接着搞
解决损坏问题
打开【终端】,输入:
sudo spctl --master-disable
然后回车,继续输入密码(密码输入时是不可见的),然后回车。
接着打开【系统偏好设置】,选择【安全性与隐私】,选择【通用】,可以看到【任何来源】已经选定。
再次打开Axure
授权激活
激活步骤:
之前激活过的一般情况下只要激活没失效就无需再次激活!
记得断网!!记得断网!!记得断网!!记得断网!!
1. 断开网络!
2. 弹出登录界面,点击『Continue without account』蓝色文字(没有此步的话请跳过)
3. 点击『输入授权』。
4. 输入以下激活码,点击提交即可。
5. 开启网络,尽情使用吧!
生成HTML 文件
点击发布 — 生成html文件 – 选择生成文件的路径
直接打开html ,显示异常
这是因为chomre给拦截了,认为这样直接打开HTML是不安全的。
两种解决方法:
1、axplayer.js 文件中,注释这一行代码
$(window).bind('load', function () {
...
if (CHROME_5_LOCAL && !$('body').attr('pluginDetected')) {
window.location = 'resources/chrome/chrome.html';
}
...
});
2、既然直接打开不安全,那么就给启动一个服务
根目录添加 package.json 和 gulpfile.js
├── gulpfile.js
├── images
├── index.html
├── node_modules
├── package.json
//package.json
{
"name": "dome",
"version": "1.0.0",
"description": "",
"main": "gulpfile.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"dev": "gulp dev",
"build": "gulp build"
},
"author": "",
"license": "ISC",
"dependencies": {
"address": "^1.1.2",
"gulp": "^3.9.1",
"gulp-connect": "^5.7.0",
"gulp-load-plugins": "^1.6.0"
}
}
//gulpfile.js
var gulp = require ('gulp'),
$=require("gulp-load-plugins")(),
ip = require('address');
//开启服务器
gulp.task("webserver",function () {
$.connect.server({
port : "3333",
livereload : true,
root: "./",
host:ip.ip()
})
});
gulp.task("dev",["webserver"]);
执行命令
cnpm i
npm run dev
访问 图片中 http://xxx.xxx.xxx.xxx:3333 就可以了,不同人的ip 不同