文本输入框几乎是每个UI设计师都必须用到的设计控件,它们无处不在,对于用户体验的影响无疑是巨大的。今天小编主要给大家分享ui输入框设计规范,希望对你们有帮助!
文本输入框
文本输入框是ui设计中最常见的控件,在大多数情况下用于向用户输入少量文字。无论使用哪种app,都需要使用文本输入框来获取少量的个人信息(用户名等)。当你想搜索某些信息时,打开谷歌,至少也要通过在搜索框中输入来完成最小搜索请求。
清晰的文本标签
用户想知道他们输入的字段是什么类型的数据,自然需要文本标签来清楚地告知。当然,有时用户也通过使用与输入框相对应的图标来了解输入框对应的字段的含义(例如,用户通常会看到放大的图标,意识到这是一个搜索框)。然而,在绝大多数情况下,文本标签是还是必需的。 清晰的标签使用户更加自信,正确理解,正确操作。
短文本标签
标签不是帮助性的说明,因此你应该用简短的描述性短语作为标签,以便用户可以快速浏览。如果有其它信息,请通过上下文或有用的说明让用户知道,而不是超长标签。
合理的输入框尺寸
如果输入框大小是根据输入内容的长度和大小设计的,会更适合用户阅读和输入。
输入框焦点
对于输入框,当用户选择准备输入时,应该提供清晰的视觉提示,例如发光的输入框或闪烁的光标。
输入提示
数据以多种方式呈现,因此,在设计输入框时,应该匹配用户输入信息的类型和格式,但是,要实现完全一致并不容易。
例如,输入电话号码就有许多不同的方式,如常见的"+86 ",大多数情况下,大家可以输入11位数的手机号码,而座机号码的情况则更复杂。有些人习惯于添加区号,而有些人则不会。面对这种复杂的情况,可以通过设计输入框和添加输入提示来“格式化”输入内容。