UI设计素材模板|表单的临摹学习技巧
表单是 UI 界面中最为常见的元素,它通常是用来搜集和呈现一些数据、信息和特定的字段。在现实世界中,印刷的表格存在的时间更为久远,它们身上有很多设计可以作为重要的参考,帮助我们优化 UI 中的表单元素。
文本输入框是 UI 表单的基本组成部分,无论是表单还是对话框中,它都非常常见。文本字段是提供内容输入交互的核心组件,在进行布局和交互设计的时候,它其实有着不低的设计要求:它需要高效、显著且有良好的可访问性。
这些是文本输入框的关键元素:
-
1、文本容器——可交互的输入区域
-
2、输入文本——所输入的文本内容
-
3、标签文本——告诉用户这个表单字段中要输入的内容属性
-
4、占位符文本——输入信息的范例,用户后续需要用自己的内容替代它
-
5、帮助和验证(可选)——提供上下文信息和验证信息
-
6、前导图标(可选)——描述文本字段所需的输入类型和特征
-
7、后缀图标(可选)——对输入内容进行控制,比如现实和隐藏