axure表格边框.docx

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.目标文件夹：

即我们要生成的网页原型文件要存放的位置，默认存放在