020-29815005
预约专线时间:09:00-23:59

UI组件你用对了么

新闻来源:优漫动游 日期:2022-12-23
随着信息及其处理的进步,收集数据的手段也在不断发展,因此我们可以从其设计中学到一些技巧
  UI组件你用对了么
  随着信息及其处理的进步,收集数据的手段也在不断发展,因此我们可以从其设计中学到一些技巧
  文字栏位剖析

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


优漫教育,设计培训,设计培训学校,UI设计


  以下是基本Text字段的关键元素
  1.容器 -可交互输入的区域
  2. 输入文本 -在文本字段中输入
  3. 标签文本 -告诉用户给定表单字段中属于什么信息
  4. 占位符文本 -是所需信息的描述或示例,被输入文本替换在用户提供之后
  5. 帮助程序或验证文本(可选) -提供其他上下文或验证消息
  6. 前导图标(可选) -描述文本字段所需的输入类型
  7. 尾随图标(可选) —对输入的文本的附加控制,例如清除,隐藏/显示等
  文字栏位类型

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


优漫教育,设计培训,设计培训学校,UI设计


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

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


优漫教育,设计培训,设计培训学校,UI设计



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

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

优漫教育


  选择最佳的文本字段样式

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

优漫教育,设计培训,设计培训学校,UI设计


  以上就是优漫教育小编为大家介绍的“【UI设计培训】:“UI组件你用对了么
  ”相关内容,学习相关技术,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解!