UI组件你用对了么长沙麓言信息

      随着信息及其处理的进步,收集数据的手段也在不断发展,因此我们可以从其设计中学到一些技巧 

  文字栏位剖析 

  文本字段允许用户在UI中输入文本。它们通常显示在表单和对话框中。文本字段组件设计应为交互提供明确的承受力,使字段在布局中可发现,高效填充且可访问。 

  以下是基本Text字段的关键元素 

  1.容器-可交互输入的区域 

  2.输入文本-在文本字段中输入 

  3.标签文本-告诉用户给定表单字段中属于什么信息 

  4.占位符文本-是所需信息的描述或示例,被输入文本替换在用户提供之后 

  5.帮助程序或验证文本(可选)-提供其他上下文或验证消息 

  6.前导图标(可选)-描述文本字段所需的输入类型 

  7.尾随图标(可选)—对输入的文本的附加控制,例如清除,隐藏/显示等 

  文字栏位类型 

  它们中的大多数基于基本文本字段,这些文本字段经过修改以更好地处理特定类型的信息,例如信用卡号。以下是我们创建的整个UI中最常用的输入类型的一些示例: 

  对你收集的数据使用适当的输入类型 

  为请求的数据提供正确的文本字段类型将帮助用户以正确的格式输入信息并避免错误,从而使过程尽可能简单高效。 

  文本字段必须根据状态和用户交互来更改其外观 

  这可以通过提供视觉提示来传达文本字段的状态来完成。输入文本字段可以具有以下状态之一:不活动,悬停,禁用,集中,验证,错误。所有州应清楚地区分,并在整个表格和申请中保持一致。最好遵循最佳实践,以不挑战形成的用户思维模型。 

  选择最佳的文本字段样式 

  通常,你将使用三个主要的标签定位选项:顶部,左侧和右侧对齐。最佳的样式取决于关键目标和表单的大小,组件库和设计平台。它们都有优点和缺点。 

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容