Axure设计之-表单标签对齐方式及向导型表单

Axure设计：表单标签对齐方式全解析
最新推荐文章于 2025-06-19 07:00:00 发布
原创 最新推荐文章于 2025-06-19 07:00:00 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#表单标签对齐方式 #标签对齐方式 #表单对齐方式 #标签 #表单

本文详细探讨了Axure设计中的表单标签对齐方式，包括向导型表单设计，以及标签的顶对齐、右对齐、左对齐和输入框内对齐等不同布局策略，同时介绍了混合对齐方式的应用，帮助提升表单设计的专业性和用户体验。

1）向导型表单


2）标签顶对齐方式


3）表单标签右对齐方式


4）表单标签左对齐方式


5）表单标签输入框内对其方式



6）表单标签混合对齐方式


Axure重要元件三——中继器表单制作
benleiqiang的博客
10-12 1371
以上是中继器表单制作，学习步骤：中继器数据分类函数赋值——数据录入——菜单调节。步骤八：制作最后“操作”，表头向后新增，下方拖入一个垂直菜单，并填入链接按钮。步骤六：双击中继器，拖入一个垂直菜单，保留一个表格。步骤二：双击中继器，删除原始表格，拖入一个表格。步骤六：建立表头：拖入横向菜单（做表单的表头）步骤三：参照案例，分别扩展表格和录入数据分类。
axure form列表_AXure之向导型表单设计
weixin_39589557的博客
12-20 590
一、登陆注册进度条(1)在画布中拖入一个动态面板，双击它，设置动态面板名称为登陆指导，面板状态将state1改为注册进度(如图1)，然后双击该面板，点击“注册进度”，进入到该面板的具体操作界面；图1(2)从左侧元件库中拖一个椭圆到面板，在右方的样式处设置其高度、宽度都为20，并设置填充色为红色，输入数字1(如图2)，并命名为椭圆1(编号方便后续操作)，再拖入一个文本标签，双击它重输入为设置登陆名(...
Axure RP 10表单数据提交制作
Peppaaa的博客
05-24 863
本文介绍了如何使用Axure RP 10实现表单数据提交。
Axure表单的设计
weixin_43987367的博客
05-08 695
标签设计 标签可选对齐方式 顶对齐： S：填写速度快、用户注意力集中、提供大的横向空间，对标签进行一些加大字号等设计对整体布局没有影响 W：占用垂直空间 设计原则：标签和输入框间距以输入框高度的50%-75%为佳 右对齐： S：标签和输入框间距小、输入速度快；不占用过多垂直空间 W：标签左侧锯齿状空白难看；标签过长时影响表单整体布局；从左到右的阅读习惯使用户不能快速浏览表单问题 左对齐： S：易于浏览表单问题、仔细考虑问题 W：长标签影响输入框的填写；输入速度慢 表单标签输入框内对齐方式 S：标签集
Axure的基本元件及表格、表单元件介绍
weixin_73898077的博客
12-13 1698
链接按钮：如，在登录界面点击链接按钮，跳转到指定位置一级、二级标签：通常用来目录分层文本标签：用户填输入框，里面的文本就是文本标签在左侧元件中找到文本框，拖至绘图区，点击文本框就可以看到右侧交互下面有一个提示文本，在里面输入文字，完成以后就是下面的样子。文本域同文本框同一操作。
谷歌扩展程序之axure-chrome-extension.zip
02-28
标题中的“谷歌扩展程序之axure-chrome-extension.zip”指的是一个专门为谷歌浏览器（Chrome）设计的扩展程序，这个扩展程序的名称是“Axure Chrome Extension”。Axure是一款流行的产品原型设计工具，它允许设计师...
axure-chrome-extension-V0.6.3 下载
02-26
axure-chrome-extension-V0.6.3的推出，无疑会受到广大设计师的欢迎，尤其对于那些需要频繁进行设计预览和团队协作的设计师而言，这样的插件能够显著缩短项目的开发周期，提升产品设计质量。 最后，针对本文所讨论...
精选资源
Axure-chrome-extension
02-18
Chrome浏览器Axure-chrome-extension插件，解决Chrome浏览器无法打开Axure生成的Html文件的问题。 安装教程文章链接：https://blog.youkuaiyun.com/wu10188/article/details/136153790
谷歌浏览器插件Axure RP（全称：axure-chrome-extension）
02-05
想要使用 Axure Chrome 插件，可按以下步骤操作： 首先，下载名为 “axure_chrome_extension_V0.6.3” 的压缩包，下载完成后，将其解压。 打开 Chrome 浏览器，点击浏览器右上角的三个点图标，在弹出的菜单中，依次...
Axure谷歌浏览器插件axure-chrome-extension下载
08-02
Axure导出的html文件在浏览器中打不开，是因为浏览器缺少“axure-chrome-extension”插件导致。只需要在扩展程序中安装一个插件“axure-chrome-extension”，就可以解决问题了。
AXure 控件库
10-11
AXure的各种控件。有“格式、功能表单、脚本扩展、界面控件、手机及平板电脑、图标资源、信息架构组件、页面布局、桌面软件”的相关控件。
Axure组件库-3（包括22个组件）
12-03
Axure组件库-3，包括22个组件。 组件列表如下： 1、表格元素 2、菜单和按钮 3、操作系统窗口 4、操作系统元素 5、草稿样式库文件 6、窗体和容器 7、导航和分页 8、广告位 9、广告位标准尺寸组件库 10、幻灯片 11、控制条 12、屏幕分辨率 13、日历 14、手机-General 15、手机-iPhone 16、手机-iPhone_Y!DSK 17、输入框 18、图标组件库 19、图表和表格 20、网站常用部件 21、文本模板 22、页面布局
如何设计一个优秀的向导式界面（Wizard）
03-03
软件界面设计中的“向导式界面”这个术语翻译自英语中的“Wizard”一词。大部分字典上对于Wizard的解释是男巫、奇才的意思。不过从其用途来看，似乎向导的译法更加形象。向导，顾名思义，就是能带领或指引别人到达目的地的人。在实际使用中，这种交互方式的确就像一个向导一样，一步步地引领用户向前。在每一步中，它会询问用户一些简单的问题。最后，根据用户的输入信息，它将能够帮助用户完成一个复杂的任务。从软件可用性的角度来看，向导式界面试图达到的可用性目标包括易学习性和易记忆性，这两个可用性目标在如下两个应用环境中显得尤为重要：1．从用户特征来看，用户是新手，希望能快速上手使用；2．从任务特征来看，任务有
走进Axure的表单设计
Brienz
03-13 1487
一、表单设计的影响与原则 1、表单的产生 由内而外，从数据库映射成表单 由外而内，从用户能做什么推出表单 2、表单的重要性 电子商务（携程订票、淘宝购物、产品信息发布） 社交活动（社区、论坛） 职业生涯（前程无忧、智联招聘）等等 3、表单设计的影响 因为迷茫而放弃表单注册 因为填写信息繁琐而放弃创建简历 因为提交订单过程麻烦而放弃购物 因为填写表单困难而放弃发布产品信息 4、表单设计的原则 尽量减少用户填写表单的痛苦 说明填写完成路径 表单的设计要考虑情景 确保沟通一致 二、表单
Axure简单作业-表单和流程图
mtm001的专栏
02-23 769
Axure疑难杂症：动态表单字段与表格列的智能联动设计
最新发布
benleiqiang的博客
06-19 1436
【摘要】本课程讲解Axure动态表单与表格列的智能联动设计，通过下拉选项控制数据列显示。核心方法包括：1)根据选项对中继器数据列赋空值并前移补位；2)表头动态面板状态同步切换。实现步骤：搭建基础布局→创建多状态表头面板→设置选项变更时数据列处理逻辑（后排数据前移）→关联表头动态面板切换。课程提供配套练习题及专栏资源链接，帮助系统掌握Axure交互设计技巧。
Axure 9基本元件，表单及表格元件简介，表单案例
weixin_73471776的博客
12-13 1244
概述- 在Axure RP中，元件是**构建原型图的基础模块**。将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。- 软件自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元件库（Icons）。元件操作 方法- 使用：如果想使用某个元件，我们只需要将它从元件库中拖入画布摆放即可。- 对齐：默认情况下，两个矩形元件并排摆放，中间的边框为两条边框的宽度，如果想保持一条边框的宽度，需要在【偏好设置】中，进行【元件对齐】的设置。
用 Spring MVC 来处理向导式复杂表单
一叶不知秋
10-12 8513
引子 我们在网上经常会碰到一些向导式的表单页面，比如 第一步 >> 第二步 >> 第三步…、基本信息 >> 联系方式 >> 兴趣爱好…。它们都是按类型分到多个有序的页面要你来完成填写的。当然，你也可以把它们全部罗列在一个页面里，那样用户就会感觉茫茫然，分不清主次，可能不会很好的予以配合。然而像 Struts、WebWork 那样的 MVC 框架未提供类似的实现，都需自己采用某种方式来实现向导，可以
Axure基本元件、表单、菜单与表格全面指南
benleiqiang的博客
10-16 716
认识和熟悉Axure基本元件库
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值