常用的交互组件：文本框、按钮、搜索框、弹出框
在交互设计中，我们会用到哪些通用的组件呢？本文主要总结了一些我们常会用到的组件。
  交互设计中，我们经常会遇到一些通用的组件，这些组件几乎会在每一个app中用到。表面上看这些组件很常用、很简单，但越常用的组件，可能背后有很复杂的交互。
  今天笔者总结一些我们常会用到的组件。
一、文本框
  文本框是设计中常见组件之一，无论是PC端还是移动端，交互形式是可以相互参照的。相比于其他组件，由于文本框的内容无边界性，其交互复杂性很高，在日常的设计中，可以注意一下几点：
1.默认态
  文本框的默认态，通常是显示预置文字，可以是内容提示或输入规则。比如：字数限制、内容限制，但在特殊情况下，默认态可以是激活态，甚至有默认输入文本。
 
2.激活态
  （1）点击激活文本框后，应当显示光标，以提供清晰的视觉提示；弹出键盘，可以结合输入内容选择键盘类型。如：手机号文本框，弹出数字键盘，而非文本键盘。
  （2）输入字符后，文本框右侧出现x，点击清除输入内容。
  （3）是否存在输入位数限制？如：手机号文本框限制11位，提高防错性。
  （4）输入格式，如：身份证文本框，通常格式为6-8-4，贴近用户认知。
  textbox控件边框设置
  （5）输入字符限制，是否支持中文、数字、下划线、特殊符号、空格等？
  （6）是否有快捷输入按钮？
 
  （7）密码类型文本框，明文、密文切换。
3.错误态
  （1）前端验证是同步，还是异步。
  （2）错误是属于格式错误，还是内容错误？可以将文本框标红突出视觉效果，并且标注错误原因。
 
  虽然按钮看起来就是一个非常简单的操作控件，但它仍然存在很多种状态，常常被忽略。
1.不可点击态
  有时页面没有完成必要交互，按钮可以显示为不可点击态，甚至消失，在必要的时刻出现。
2.可点击态
  （1）可点击态的按钮，前端验证不通过时，需要提示用户完成必要操作。
  当一个按钮当前未满足可点击条件时，通常可以设计为不可点击态或可点击态+提示两种方式。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。