axure表格边框.docx
- 文档编号:6079953
- 上传时间:2023-01-03
- 格式:DOCX
- 页数:5
- 大小:19.77KB
axure表格边框.docx
《axure表格边框.docx》由会员分享,可在线阅读,更多相关《axure表格边框.docx(5页珍藏版)》请在冰豆网上搜索。
axure表格边框
竭诚为您提供优质文档/双击可除
axure,表格边框
篇一:
axure各种线框控件作用说明
整理了一个中文版的控件说明,这里只介绍线框图的使用。
由于axure对流程图支持并不强大,所以流程控件的使用方法大家暂时可以不用掌握,了解以下22个控件的用途便可以应用到我们的工作中去。
1、image图片:
给wireframe中插入一个图片站位,也可以直接插入真实的图片。
2、textpanel文本:
插入文本。
相当于插入了一个标签。
是不带链接的文本。
但我们可以通过事件给它带链接。
3、hyperlink超链接:
插入带链接的文本。
相当于插入了一段带标签的文字。
但其实在axure中它与普通文本除了外型不同,没有本质区别。
之所以将两类文字区分开来,目的还是为了在视觉表达中让人直观的理解链接文本和普通文本,而这对于设计人员理解也非常重要,因此建议画图时尽量标准的区分链接文本和普通文本。
4、rectangle矩形:
插入一个矩形。
可以对其进行图形样式编辑。
此图形通常被用来表达板块的边界。
5、placeholder占位符:
插入一个占位符。
占位符通常用来表达在页面中某些特殊区域,比如情况复杂,或者在系统升级中不需要修改,又或者无关紧要的区域等等。
作者需要结合说明文字,进行对应的详细表达。
6、button按钮:
插入一个按钮,相当于标签。
按钮一般结合表单使用,当然也可以作为强化的提示链接使用。
7、teble表格:
插入一个表格。
axure的表格使用起来不是很方便,增加行、列,修改行、列宽度都不方便,算是一个败笔。
期待在下一个版本的时候能够有更好的进步。
与标准化制作网页一样,表格的使用在画wireframe的时候就应该明确其作用,是用来作为数据列表展示使用,而不是作为网页布局的控件。
8、textfield文本输入框:
结合表单使用。
一般用作表单中提交数据。
比如搜索框、用户登录框、注册信息填写框等。
用作字段提交或单行数据提交。
9、textarea文本区
:
结合表单使用。
一般用作大段文字编辑、提交。
比如文章编辑、
留言等板块。
10、dropdownlist下拉列表框:
结合表单使用。
一般用作下拉菜单或者下拉列表选项,比如在搜索中,可以通过下拉列表框来定位搜索分类的范围。
也有人用它来做友情链接,可以通过下拉选择直接进行页面跳转。
11、listbox列表选择框:
结合表单使用。
通过文本框列表选项,通常使用在多项列表选择,比如在填写简历表的时候,选择你所感兴趣的行业,会提供列表选择框。
不过列表选择框都会结合按钮使用。
12、checkbox多项选择:
多项选择通常使用在表单中,以提供多项选择。
比如在有些有些注册要求用户选择兴趣爱好,会提供十多个选项,因为选项可以并列进行,因此使用的是多项选择。
13、raidobutton单项选择:
在一组选择中选择适合选项,选项关系非此即彼。
比如在填写性别的时候提供男女选择,用户非男即女,只取一项。
14和15、horizontalline水平线、verticalline垂直线:
用以分割页面中的不同板块区域。
由于web页面中只能存在垂直与水平线,为了系统生成用于演示的html文件,特将两种线条分开使用。
16、buttonshape形状按钮:
相当于图形按钮,多用于导航,或者多帧切换的版面切换按钮。
可进行边角编辑。
17、imagemapregion图像映射区:
它用于在web页面中制造一片不可见的区域,一般是图片的部分区域,相当于图片的热区,从而添加说明与互动。
在现实的网页中经常会有一张大图中有某个区域是触发按钮,而图像映射区就可以用来说明这个区域的的功能和互动内容。
18、inlineframe框架:
类似于html中的对象。
用于在页面中制造页面框架,每个框架中嵌入不同的页面。
我们经常看到后台系统分左右两栏,一般都是使用了框架,左侧载入的是导航页面,右侧是载入的管理页面。
axure的缺点是,暂时不支持百分比,因此iframe都是按像素度量的,和实际页面效果还是有差距。
19、dynamicpanel动态面版:
是axure为了表现多帧区域内容而制造的一个工具。
它的图标很形象的说明了它的结构。
它是不同的state叠加的一个动态区域,
默认显示其中一个state,当用户触发按钮、图片或者下拉列表等时,可以设置相应动态面版切换到不同的state。
不同state的关系,类似photoshop的层,也类似于html中的css属性layer。
可以通过右击dynamicpanel进行state编辑,然后通过打开对应state进行编辑,编辑方式和编辑页面相同。
20、21、menu(vertical/horizontal)水平/垂直菜单:
用于制作水平或者垂直的菜单,可以添加漂浮的的子菜单,添加方法很简单,就是选择所要添加的菜单项,添加submenu。
22、树状节点:
树状分支结构,可表达父级子级的关系,一元二元的层级关系,通常用在拥有点击收起和展开状态的页面结构中。
篇二:
axure教程axure新手入门基础
axure教程
axure新手入门基础
(1)
20xx-08-1921:
43清茶悟道分类:
原型设计微信二维码
首先做个声明:
此次教程里为了快速完成,借用了一些网上已有教程的图文,不是剽窃,只图方便。
另外,因为汉化版本可能功能名称等略有差别,请自行理解。
名词解释:
线框图:
一般就是指产品原型,比如:
把线框图尽快画出来和把原型尽快做出来是一个意思。
axure元件:
也叫axure组件或axure部件,系统自带了一部分最基础常用的,网上也有很多别人做好的,软件使用到一定阶段可以考虑自己制作元件,以便提高产品原型的制作速度。
生成原型:
是指把绘制好的原型通过axurerp生成静态的html页面,检查原型是否正确,同时,方便演示。
建议生成时选择用谷歌浏览器打开(第一次会有提示安装相关插件),ie会每次都有安全提示,不如谷歌浏览器方便。
(一)axurerp的界面
1-主菜单工具栏:
大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示。
2-主操作界面:
绘制产品原型的操作区域,所有的用到的元件都拖到该区域。
3-站点地图:
所有页面文件都存放在这个位置,可以在这里增加、删除、修改、查看页面,也可以通过鼠标拖动调整页面顺序以及页面之间的关系。
4-axure元件库:
或者叫axure组件库、axure部件库,所有软件自带的元件和加载的元件库都在这里,这里可以执行创建、加载、删除axure元件库的操作,也可以根据需求显示全部元件或某一元件库的元件。
5-母版管理:
这里可以创建、删除、像页面头部、导航栏这种出现在每一个页面的元素,可以绘制在母版里面,然后加载到需要显示的页面,这样在制作页面时就不用再重复这些操作。
6-页面属性:
这里可以设置当前页面的样式,添加与该页面有关的注释,以及设置页面加载时触发的事件onpageload。
7-元件属性:
这里可以设置选中元件的标签、样式,添加与该元件有关的注释,以及设置页面加载时触发的事件;
a-交互事件:
元件属性区域闪电样式的小图标代表交互事件;
b-元件注释:
交互事件左面的图标是用来添加元件注释的,在这里我们能够添加一些元件限定条件的注释,比如:
文本框的话,可以添加注释指出输入字符长度不能超过20。
c-元件样式:
交互事件右侧的图标是用来设置元件样式的,可以在这里更改原件的字体、尺寸、旋转角度等,当然也可以进行多个元件的对齐、组合等设置。
8动态面板:
这个是很重要的区域,在这里可以添加、删除动态面板的状态,以及状态的排序,也可以在这里设置动态面板的标签;当绘制原型动态面板被覆盖时,我们可以在这里通过点击选中相应的动态面板,也可以双击状态进入编辑。
axurerp的界面就介绍到这里,界面中的各个区域基本上在做产品原型的过程中,使用都很频繁,所以建议不要关闭任何一个区域。
如果不小心关闭了,可以通过主菜单工具栏—视图—重置视图来找回。
axure教程axure
新手入门基础
(2)
20xx-08-1921:
47清茶悟道分类:
原型设计微信二维码
(二)axurerp的线框图元件
l图片
图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。
l文本
在网页中文本的名称是lable,用于页面中添加说明文字、文字连接,或一些动态的提示。
l矩形
矩形的应用比较广泛,比如作为页面的背景、按钮、以及一些元件的遮盖等;矩形的形状可以通过鼠标右键点击–编辑选项—改变形状,来变成我们需要的形状,比如做选项卡时候我们需要顶部圆角的矩形,就可以通过改变矩形的形状来实现。
l占位符
制作原型时,可以用它来代替对一些没有交互或者交互比较简单容易说明的区域;也可以做成关闭按钮。
占位符在保真比较高的产品原型中作用不大。
l圆角矩形
这个个人认为是因为圆角矩形应用广泛,所以单独拿出来作为元件给使用者,免去了对矩形的设置。
l动态面板
非常重要的axure元件,必须要学会使用的元件,动态面板的显示、隐藏、多状态等,都是非常有用的。
在这里不过多介绍,详细介绍请参考:
小楼axure图文教程(五)动态面板的使用。
l水平线
就是一条水平的线,可以作为表示页面一些区域分割时使用,比如在两块不同区域之间添加一条水平线,来明显的区分。
水平线可以通过设置元件属性中的角度Roto变成斜线来使用。
l垂直线
没什么好说的,和水平线一样的作用。
l图片热区
用于点击图片中某个区域产生交互事件时使用,图片热区也是矩形的一种,可以通过设置矩形无边框,背景色100%透明度来实现。
l文本框(单行)
用于输入文字的axure元件,用于登录、标题、密码框(鼠标右键–编辑选项–隐藏文本)等功能。
l文本框(多行)
从字面意思就知道了它的功能,用于实现更多文字内容输入的axure元件,用于回复、评论、微博发布框这类的功能。
l下拉列表(框)
鼠标点击时展开多个选项的axure元件,主要用来类别选择或多条件查询效果时使用。
l列表框
一个多选项的列表,带滚动条效果,个人认为样子很丑,应用不是很多,应用场景可以参考word自定义快速访问工具栏中选择添加项的效果。
l复选框
复选框用于同类别内容可以同时选择多个时候使用,比如注册时候个人兴趣的选择,又比如批量删除邮件时选择多个邮件的功能。
l单选按钮
多个选项仅能选择其一时候使用,比如性别选择。
多个单选按钮联动效果需要同时选中多个需要联动的单选按钮—鼠标右键—编辑选项–指定单选按钮组来实现。
不嫌麻烦的话也可以通过设置每个单选按钮的onclick事件来实现。
l内部框架
用于在页面中嵌入其他页面的axure元件,可以设置好大小后双击它,指定要嵌入的页面。
框架可以通过编辑选项取消滚动条,应用场景多见于网站后台原型和移动互联网产品原型。
l表格
篇三:
axure使用_详解
一.认识axure的软件界面
axure的软件界面总的来说,可以分为9大模块
1.菜单栏:
和大部分的软件界面一样,都是一些常规的文件、编辑、视图……
2.工具栏:
是页面进行编辑的一些快捷操作,主要有字体设置、大小设置、页面显示大小和axure本身自带的一些快捷操作等
3.站点地图:
呈树状结构、可以添加、删除页面、也可以对设计中的页面进行重命名操作
4.部件区域:
组件集中地带:
矩形组件、图片组件、动态面板组件……使用方式是直接拖动部件到页面编辑区域
5.母版区域:
共用,复用
6.页面编辑区域:
拖动相关的部件进行线框图编辑和交互具体的实施
7.页面交互区域:
8.部件属性区域:
组件的注视、组件的交互、组件的属性编辑
9.动态面板区域:
设置动态面板的可视与隐藏
二.生成网页原型的三种方法
方法一:
菜单生成法
路径:
生成——原型——弹出框如图:
方法二:
工具栏,快速按钮生成法
方法三:
快捷键生成法:
直接按键盘F5,即可生成网页原型
弹出框:
无论使用上面哪一种方法生成原型,最终都会弹出以下这个弹出框(如图)
我们需要做三步动作:
1.目标文件夹:
即我们要生成的网页原型文件要存放的位置,默认存放在
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- axure 表格 边框