AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形

原型库网站—讲师金乌原创发布,可自由转载,请注明出处!

Axure中文官网:www.AxureRP.cn

 

《AxureRP7.0部件详解》

H1,H2,标签,段落,占位符,矩形



使用示例:



导航按钮

网站导航形状按钮经常被用来创建导航按钮,用来链接到其他页面。这些按钮也经常被用于页头、侧边栏、页脚和应用程序中。



头部、标签和内容

H1,H2,标签,和文本都是形状。默认的标签和文本的样式可以通过在部件样式管理器中编辑。



标签控制按钮

形状按钮可以用来制作标签形状和圆角矩形。



编辑形状按钮:

添加文本

选中形状按钮后编辑,即可添加文本,也可以双击形状按钮部件后进行编辑添加。



选择形状

文本和形状按钮部件可以改变各种形状,包括矩形,三角形,椭圆形,标签,水滴和箭头等。  选取该部件,单击部件右上角灰色圆圈选择形状。或者在部件属性面板中选择形状。



形状的格式

形状允许使用富文本格式包括编辑字体,字体大小,字体颜色,粗体,斜体,下划线,并改变对齐方式。你也可以改变填充颜色,线条颜色,线宽,线模式。要更改形状的格式,点击控件在顶部的工具栏格式中设置。



指定自定义样式

使用部件样式编辑器允许您集中管理您的组件包括形状的格式。  例如,你创建了一个蓝色按钮的样式并将其指定给一些形状按钮,你可以稍后在部件样式管理器中修改填充颜色,这样所有使用蓝色按钮样式的形状按钮都会被更新到最新样式。



添加悬停、选中样式和更多

形状按钮可以像图片部件那样添加鼠标悬停时、鼠标按下时、选中时、禁用时的交互样式。右键点击部件并选择交互样式,打开交互样式对话框,你可以添加任何可用的格式和样式。一旦提交样式,在设计区域中部件的右上角会增加一个由黑色和白色构成的小方块,鼠标悬停在小方块上可以预览交互样式。



指定形状按钮到选择组

与单选按钮组效果类似,当选项组中的一个形状按钮点击设置为选中状态后,选项组中的其他形状按钮都会切换到默认样式。
选中要添加到选项组中的形状按钮部件,右键 -- 设置选项组名称,或者到部件属性面板底部设置选项组名称。
注意:鼠标点击设置部件为选中的动作要添加在每个选项组部件上才能正常工作哦!



圆角

使用形状按钮部件,可以添加圆角效果。要添加圆角效果,选中形状按钮部件,拖动部件左上角的***小三角调整圆角半径。



转换形状/文本为图片

如果你想将形状按钮替换为图片,又想保留形状按钮部件上的注释和交互,就可以使用转换为图片功能。
右键点击想要转换的形状按钮,选择转换为图片,然后双击图片导入你想要的图片。



自适应宽高

拥有自适应属性的部件,是为了自适应其文字内容的宽高,取代了指定尺寸和文字换行。
设置自适应宽高的快捷操作是,双击大小调整手柄。双击左右手柄会自动调整宽度,双击上下手柄自动调整高度适应其内容高度。



阴影

通过添加外部阴影、内部阴影和文字阴影可以增加原型的保真度。
添加阴影可以在顶部的工具栏和部件样式面板中设置。



形状不透明度

要设置形状按钮部件的不透明度,在部件样式面板中设置不透明度的值,如 50% (数值越小透明度越高)



常用的形状按钮交互
点击按钮跳转到其他页面

点击按钮给变量赋值

点击按钮设置其他页面动态面板状态

形状按钮的局限性

自定义按钮图标
图标无法插入形状按钮部件,然而,你可以覆盖一个图标在形状按钮部件上面来创建一个按钮图标。你可以添加交互到图标和形状按钮上,或者覆盖一层图片热区,将交互添加在图片热区上。



单独的边框样式

没有办法给形状按钮的不同边框分别设置样式。一种解决方法是使用水平线和垂直线画出边框。比如,你创建一个形状按钮,顶部线条设置为白色,左右和底部的线条设置为黑色。



画矢量图

通常你可以将线条和形状组合起来接近想要的形状,但是没有钢笔工具绘制自定义形状。一个解决方法是使用矢量图绘制工具,如PS,制作好图片后复制粘贴到Axure或者导入图片。



复制形状样式

当复制形状按钮部件的时候,形状的样式也会被复制过来。另外还可以使用格式刷复制样式,并粘贴给其它指定部件。



形状按钮和矩形的区别

矩形和形状按钮是完全相同的部件,只是默认的外观有所不同而已。 形状按钮添加了圆角效果,而矩形没有。

时间: 2024-08-28 21:58:17

AxureRP7.0基础教程系列 部件详解H1,H2,标签,段落,占位符,矩形的相关文章

AxureRP7.0基础教程系列 部件详解Text Area 文本段落

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Text Area 文本段落 常用案例 评论或留言 多行文本框(文本区域)大多情况下用在留言/评论效果上.多行文本框可以输入多行文本,而且可以调整至任意你想要的高度. 模拟对话或消息窗口 多行文本框可以用来模拟现场聊天屏幕或消息窗口,因为它允许用户输入多行文本. 多行文本框的属性和单行文本框相同,参见 Text Field 文本框部件 文本框区域部件的

AxureRP7.0基础教程系列 部件详解水平线和垂直线 HORIZONTAL & VERTICAL LINES

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 水平线和垂直线 HORIZONTAL & VERTICAL LINES 使用案例 将页面区块化 最常见的用法是将内容分解成几个部分,比如,讲页面分为 header 和 body. 编辑线条 添加箭头 线条可以通过工具栏中的箭头样式转换为箭头:选中线条,点击箭头样式,在下拉列表中选择箭头样式. 线宽.颜色和样式 线条可以添加颜色.设置宽度和添加样

AxureRP7.0基础教程系列 部件详解 动态面板 DynamicPanel

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 动态面板 DynamicPanel 动态面板概述       动态面板(Dynamic panel) 动态面板是一个可以在层或状态中装有其他部件的容器. 你可以将动态面板比喻成相册,相册的每个夹层中又可以装进其他部件,并且每个夹层和里面的部件可以隐藏.显示和移动,并且可以动态设置当前夹层的可见状态.这些特性允许你在原型中演示自定义提示.灯箱.标签控制和

AxureRP7.0基础教程系列 部件详解 Inline Frame 内部框架

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Inline Frame 内部框架 使用内部框架,可以嵌入视频,地图,和HTML到您的原型设计中.使用案例 模拟移动体验 使用手机外壳部件,并在手机外壳的内容区域添加内部框架,内部框架可以签入其他页面或站外链接并显示在手机外壳的屏幕上.这样可以在你的电脑上实现模拟移动设备的体验. 签入外部内容 外部的HTML文件.视频.地图等内容都可以签入到内部框架中

AxureRP7.0基础教程系列 部件详解 List Box 列表选择框

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> List Box 列表选择框 常用案例 替代下拉列表 如果你想让用户查看所有选项而不需要点击选择的话,就使用列表选择框替代下拉列表. 多选 与下拉列表不同的是,列表选择框允许用户对选项进行多选. 编辑列表选择框 编辑列表选择框 项目的添加.删除.排序和批量添加操作,和下拉列表框都是一样的.唯一不同的是,列表选择框可以设置为允许多项选择. 列表选择框案例

AxureRP7.0基础教程系列 部件详解 中继器部件Repeater

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> 中继器概述 REPEATER OVERVIEW 中继器部件是一款高级部件,用来显示重复的文本.图片和链接. 通常使用中继器来显示商品列表.联系人信息列表.数据表或其他. 中继器的构成 2 PARTS OFREPEATER 中继器数据集 Repeater Dataset 中继器部件是由中继器数据集中的数据项填充的.这些填充的数据项可以是文本.图片或页面链

AxureRP7.0基础教程系列 部件详解 文本框 Text field

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Text Field 文本框(单行)使用案例 收集表格数据 文本框(单行)经常用于收集表格内容传递给其他表格或其他页面中的表格,还可以进行函数运算. 登陆框 文本框可以用作登陆体验,加入逻辑条件和多个用例还可以对登陆成功/失败进行模拟. 编辑文本框 文本框类型 文本框可以给定特殊的输入格式,主要用来调用移动设备上不同的键盘.可选格式:文本.密码.Ema

AxureRP7.0基础教程系列 部件详解 HTML Button HTML按钮

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> HTML Button HTML按钮 为操作系统的浏览器体验而设计 HTML按钮的格式取决于你浏览原型的操作系统中的浏览器.它通常针对你的浏览器内置了鼠标悬停和鼠标按下时的样式,这和你操作系统中应用程序的样式类似. 编辑HTML BUTTON 提交按钮的填充颜色.边框颜色和其他大多数样式格式都被禁用了.取而代之的是生成原型后在浏览器中它会使用内建的样式

AxureRP7.0基础教程系列 部件详解 Droplist 下拉列表

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Droplist 下拉列表 常用案例 传递表格信息 下拉列表经常用于性别选择.信用卡过期日期.地址列表等形式.所选择的项存储在变量中,然后通过变量进行传递. 跨页更改动态面板状态 查看效果 使用下拉列表改变图片 在下拉列表的选项改变时,图片内容也与之对应改变.详情下载案例RP文件. 本帖分享可见的内容 下拉列表选项 查看效果 编辑下拉列表 添加.删除.