Axure使用详解24步.docx
- 文档编号:2435114
- 上传时间:2022-10-29
- 格式:DOCX
- 页数:49
- 大小:2.18MB
Axure使用详解24步.docx
《Axure使用详解24步.docx》由会员分享,可在线阅读,更多相关《Axure使用详解24步.docx(49页珍藏版)》请在冰豆网上搜索。
Axure使用详解24步
.认识Axure的软件界面
Axure的软件界面总的来说,可以分为9大模块
1.菜单栏:
和大部分的软件界面一样,都是一些常规的文件、编辑、视图
2.工具栏:
是页面进行编辑的一些快捷操作,主要有字体设置、大小设置、页面显示大小和Axure本身自带的一些
快捷操作等
3.站点地图:
呈树状结构、可以添加、删除页面、也可以对设计中的页面进行重命名操作
4.部件区域:
组件集中地带:
矩形组件、图片组件、动态面板组件使用方式是直接拖动部件到页面编辑区域
5.母版区域:
共用,复用
6.页面编辑区域:
拖动相关的部件进行线框图编辑和交互具体的实施
7.页面交互区域:
8.部件属性区域:
组件的注视、组件的交互、组件的属性编辑
9.动态面板区域:
设置动态面板的可视与隐藏
生成网页原型的三种方法
方法一:
菜单生成法路径:
生成——原型——弹出框如图:
方法二:
工具栏,快速按钮生成法
方法三:
快捷键生成法:
直接按键盘F5,即可生成网页原型
弹出框:
无论使用上面哪一种方法生成原型,最终都会弹出以下这个弹出框(如图)
我们需要做三步动作:
1.目标文件夹:
即我们要生成的网页原型文件要存放的位置,默认存放在
进行自定义存放
我的文档》我的AXURERP原型文件夹中,如果你不想放在默认的位置,也可以点击
2.选择浏览器或者不打开,一般选择默认浏览器
「打开
OTJT开
InternetExplorer
QFirefox
3•点击“生成”按钮,生成网页原型,生成过后,如果你选择了默认浏览器,软件会直接启动你的浏览器,并打开生
成的原型页面,如图:
C主二&-4JO42245:
;玄其
JFjf'JT片f.TL、
.-*
IM-|芒曇旱册・
二,富US
■
SitenupPag«Nciea
ShowbnksandOpiians
*[j±^
/貫面1
」页面2
」页奁3
一个简单的登录窗口,就生成了!
你也试试吧!
回
X
S3登录
暂时性去除方法:
单机鼠标右键,选择容许阻止内容
三.如何关闭IE浏览器在生成原型时候的安全警告
般情况下,如果你的浏览器是IE的话,在每次生成网页原型的时候都会弹出如下安全警告,如图:
匚i\Users\hgm\Document▼
日Snagrt・宀LU
WindowsLive
UntitledDocument
L7收58陕琵叵网央快讯库▼亀XX
“为了有■利于懈护安全性r1毗已5帧hploFEf已眼刮此网羔运行可U1访问计算机的脚本或血ctiwX注件*请莹XnJs
53■Irw-支面(P〕-宝全⑸寸ZL^(O)-
!
UntitleciDocument-WindowsInternetExpforer
r就
■计算祈|保护模式禁用岭-丸100%-
⑥UntitledDocument・WindowsInternetExplorer
Io回
oo-
色C:
\Users\hgm\Document▼
兮
X
區百度一不”僦谀隨P▼
:
XE?
WindowsLiveBing
回▼
»
0裁
XESnagit目tZl4
*陕旳£网页朗舞▼皂XX
倉UntitledDocument
W为了有利于保护安全性,InternetExplorer已限制此网页运行可以访问计算机的嵐本或ActiveX控件.请单X击淳获磁项…
n
倉UntitledDocument・WindowsInternetExplorerIo1回|h£3M
j丿j丿埜C:
\Users\hgm\Document▼兮x
屉百度一下■道P▼
Xf■WindowsLiveBingQ▼
汀>13轄iX®Snagit电IzT
•4
窃收S陕哉邑网灵快讯库▼邑百滾
倉UntitledDocument
硯为了有利于保护安全性,Ir
击宓获磁项…
□
1■计算机1保护模式禁用4▼
愆100%▼
e主貝•WineowsInternetExploreroo阪
CAUters\hgm\Do 95AxureRP^S\^rOitml x W切8泱WQ冈口苓▼0臣戾 SrtcmapPageNotesShowUnksandOpttocs▼」主员 」页・1 J页面2 [页面3 彻底的方法: 工具 internet选项弹出窗口选择高级把允许活动内容在我的计算机上的文件中运 行”,打上对勾点击“应用”即可 sWindowsLiwV/rilff匕互人日衣占i 當肚;^醴社內窖]達視|程净 建H・ 75513(] V餐罔TLS10 TLS11 侵用fTUI7 厂刑严也UJtfM&tJH春住細側拧机上迟审 ■..何许龙行瀬0枚件-刑監名无席 在妄全和移全權蔻Z敲删拨出警占 -从尷址拦中潺 '=不要特袖曲址劉耕自动閔賬料穆序 *只在去窗口申鬼忒结康 wtrw F1«吋昱體話衍停Hfe 四.在chrome中使用axure生成原型的问题 axureRP的扩展为Chrome 本地存猪的幣姜扩展到谷歌Chrome浏英axweR冊僚空匸8H>玄可以査西与InternetExplorer,Firefox5J$SafariAxureRP的療型或WebK^S上承铁的 1o安装扩展 2o配冒扩展 点击安装AxureRP的扩展为Chrome 去工具>扩爲和捡直"允※访问文件URL"的AxureRP扩展“ Newtab 卫国 cnuT Newwindow CtrhN NewincognitowindowBookmarks OUkShifUN Edit Cut Copy Paste Zoom -100% ♦ □ OpenChromeExtensions CreatedpplKdti^nshortcuts..* Extensions■ Taskmanager $hrft Clearbrowsingdata... Ctrl*Shrft*Del Reportanissue... Encoding Viewsource Grt・U Developertools Ctr1-5hrft JavaScriptconsole Gri・ShrftJ Savepage― CtrkS Frxi… Ctr1*F Prints CtrhP Tools ► History Ctrl^H Downloads CtfUJ SagnmtoChrome^・ Options AboutGoogleChrome Viewbackgroundpages (1)Help Fl Exit Extensions AxureRPExtensionforCtromeOS刁Enabled AnextensiontMta*ow)x.%dAwrtRPpnMypnMrrGoo^eCkrome AJlowm \ AMowaccess 3。 启动原型 五.站点地图区域 站点地图呈树状的,以主页为根节点,可以方便我们对网站整体模块和不同栏目功能划分有一个很清晰的了解, 同时也方便我们对网站整体页面进行管理(添加、删除、重命名、调整层级、调整顺序) : 选择一个节点,点击这个按钮可以实现在这个节点下面添加子页面 : 首先选中一个页面,然后点击这个按钮,可以实现页面的删除,也可以单击右键选择删除 注: 如果当前页面下含有子页面,Axure会自动提示当前页面有子页面,点击提示中的“确认”后会同时删除所有子页面 *: 选中一个页面,点击这个按钮可以向上调整页面的排序 ■! : 选中一个页面,点击这个按钮可以向下调整页面的排序 r: 选中一个页面,点击这个按钮可以调整页面的层级(降级)卜「1: 选中一个页面,点击这个按钮可以调整页面的层级(升级)曰: 选中一个页面,点击这个按钮可以进入页面编辑状态刊 : 搜索页面,在页面过多的时候可以使用,平时用的少 页面重命名: 将页面结构生成流程图: 丈哄Fjt%9(v)MAW) I理鼻⑸ 100%■*■一 组件区域也叫做部件区域,英文为widgets,还有人称之为控件区域,组件是axure事先准备好的网站项目常用的 零件,比如一些基本的页面元素 Axure默认存在2个组件库,分别为线框图和流程图。 同时我们也可以自己去制作一些组件加载进来,或者从网络上下载一些其他网友制作的组件 六.认识axure部件库中各个部件的属性 在axure中每一个部件都有自己的属性,下面这个表格,我们就首先来了解认识一下! 属性 属性说明属性举例 名称 标签 坐标 尺寸 用来标示部件的名称,在axure中,部件名称并不是唯一的。 也就是说,你可以在页面中同时有2个部件都叫做“用户名” 用于确定部件在页面中的位置,页面的坐标以左 上角为X0: Y0 部件本身的尺寸,大部 分部件都是可以设置尺寸的,比如矩形组件,也 些组件事不可以设置尺寸的,如文本组件,他的高度是随着字体的大小 而变化 W: 180h;25 字体和office办公软件类似 字体 大小 字体的尺寸大小,和 office办公软件类似 字体 黑体、斜体、下划线B1卫 样式 /#00000D 三 = I馳* 边框 颜色 部件的边框的颜色 #79797& ■■■■■ 边框 粗细 无 边框 样式 填充 颜色 ■■■ —WI ■»■■■■■■■■悖□ 部件在不同的时间拖动到编辑区域,他们所在层次是不一样的,有时候需要调整彼此的层次,以免部件被其他层次部件遮 锁定锁定过后,组件不可以咅M牛进行编辑,除非解锁 字体 和office办公软件类似 对齐 七•图片组件一一axure线框图部件库介绍 我们在后面的组件使用中,都统一使用“从部件区域拖拽图片组件到页面区域中” 1.图片载入 1.1将图片组件拖拽到页面区域 1.2双击图片组件 1.3选择合适图片,点击打开 1.4载入图片时会询问是进行优化 1.5载入图片时会询问是否自动调整图片大小 2.图片尺寸大小调整 竝■ITV4>ji .ih..-aiul 3.悬停图片设置以同样的操作方式,我们还可以设置鼠标按下图片、编辑选中图片、编辑禁用图片 零AJHX €)•**硼戸・Wtt下■片«<5^Sp 萄5M 前力曲 工黑”・ dtffM
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Axure 使用 详解 24