0
点赞
收藏
分享

微信扫一扫

Axure元件的介绍使用以及登录界面和个人简历的绘制

伢赞 2023-12-13 阅读 46

目录

一、Axure元件介绍

1.1 简介

1.2 特点

1.3 元件操作

二、基本元件的使用

2.1 矩形和圆形

2.2 图片

2.2.1 图片元件特点

2.2.2 具体操作

2.3 占位符

2.3.1 使用规范方法举例

2.4 文本元件

2.4.1 图示

2.5 热区

2.5.1 图示

2.5.2 热区辅助页面排版

2.6 线段元件

2.6.1 适用场景

2.6.2 图示

三、表单型元件的使用

3.1 文本框

3.2 文本域

3.3 下拉列表

3.4 列表框

3.5  单选按钮

3.6 复选框

四、菜单和表单元件的使用

五、登录界面实操

六、个人简历绘制


一、Axure元件介绍

1.1 简介

1.2 特点

元件具有以下特点:

1.3 元件操作

在Axure中,元件操作包括创建、编辑、组合、使用和管理元件。以下是一些常见的元件操作:

这些元件操作可以帮助用户在Axure中快速、高效地创建和管理交互式原型,提高设计效率并确保设计一致性。

二、基本元件的使用

基础元件在 Axure RP 中分为以下几大类:

2.1 矩形和圆形

例如:

2.2 图片

2.2.1 图片元件特点

2.2.2 具体操作

2.3 占位符

2.3.1 使用规范方法举例

在Axure中,可以使用以下方法创建和使用占位符:

通过使用占位符,设计师可以快速搭建页面框架,让其他团队成员(如开发人员、产品经理)更好地理解设计意图,同时也可以在设计过程中更加灵活地调整页面布局和结构。

2.4 文本元件

在Axure中,有几种常用的文本元件可用于不同级别和用途的文本显示,包括文本标签、文本段落、一级标题、二级标题和三级标题。实际上文本元件也是形状元件,给文本元件添加边框,就变成了矩形元件。 下面是它们的简要介绍:

在Axure中,你可以通过拖放这些文本元件到页面上,并在属性面板中进行各种格式和样式的设置,以满足不同文本显示的需求。这些元件可以帮助你更好地组织和呈现文本内容,提高用户对界面信息的理解和导航。

2.4.1 图示

2.5 热区

在Axure中,热区(Hotspot)是一种特殊的元件,用于创建可点击或交互的区域。通过添加热区,你可以为用户提供可交互的功能或导航,而不仅仅是静态的文本或图形展示。以下是关于Axure中热区的一些重要信息和用法:

2.5.1 图示

展示效果:

2.5.2 热区辅助页面排版

2.6 线段元件

2.6.1 适用场景

在Axure中,水平线和垂直线元件可以应用于各种界面设计场景,其中包括但不限于以下几个方面:

总之,水平线和垂直线在Axure中的应用场景非常丰富,它们可以帮助设计师更好地规划页面布局、对齐元素、划分内容区域,并提高设计效率。利用这些线条元件,可以使界面布局更加清晰,并确保设计的准确性和一致性。

2.6.2 图示

三、表单型元件的使用

Axure中有许多表单元件可用于设计和创建交互式表单。以下是一些常见的Axure表单元件:

这些表单元件可以方便地进行定制和配置,以满足不同的表单设计要求,并与其他元素进行交互和联动。同时,这些表单元件也提供了验证规则、文本格式、状态反馈等功能,帮助设计人员更高效地设计和实现交互式表单。

3.1 文本框

用于输入一行文字内容。 比较常见的使用场景是用户登录功能中用户名与密码的输入框。

3.2 文本域

文本域,也叫多行文本框,用于大量文字段落的输入。

3.3 下拉列表

用于多个选项的单项选择,往往也会有多个下拉列表联合选择的出现。

3.4 列表框

直接呈现选项的选择框,可以支持单选或多选。

3.5  单选按钮

用于多个选项的单项选择,有些时候可以用下拉列表替代。

3.6 复选框

用于一个或多个选项的选择,可以选中和取消选中状态。  

四、菜单和表单元件的使用

在Axure中,你可以使用菜单和表格元件来设计和创建交互式的菜单和表格。下面是一些常见的Axure菜单和表格元件:

五、登录界面实操

六、个人简历绘制


最后Axure元件的介绍使用以及登录界面和个人简历的绘制就到这里,祝大家在敲代码的路上一路通畅!

感谢大家的观看 !

举报

相关推荐

0 条评论