网站或APP文本输入框设计有哪些规则呢？

网站或APP文本输入框设计有哪些规则呢？

1、清晰的文本标签
2、合理的输入框尺寸
如果你的输入框尺寸是按照输入内容的长短、尺寸来设计的话，会更加适宜用户阅读和输入。
更多UI设计知识，请咨询华南电脑学校。
3、输入框焦点
对于输入框，当用户选中准备输入的时候，应当提供清晰的视觉提示，比如外发光的输入框，或者闪动的光标，都行。
4、输入提示
数据的呈现方式多种多样。所以，当你在设计输入框的时候，应当与用户输入信息的类型、格式相互匹配。不过要做到完全的对应并不容易。
5、帮助信息
帮助信息(或相关文字)应当出现在需要的地方。一般说来，这类帮助信息最好不要超过100字。
6、仅限移动端：键盘类型与文本输入的匹配
在APP上用户常常要输入不同类型的文本，当输入框需要输入数字的时候，结果弹出的是全键盘自然不方便，而需要输入文本的时候则出现数字键盘就更加不合适了。
7、可访问性
目标：确保不同状况的用户都能无障碍地、轻松浏览和填写输入框。
8、避免使用大写文本标签
永远不要使用全部是大写字母的文本标签，这样的标签通常都很难快速浏览，因为字母的大小高度都是一致的，对于非英语言国家的用户尤其麻烦。
9、字体尺寸
在设置字体尺寸的时候，应该确保字体足够大，尽量让它们清晰可辨。网页上设置正文字体的时候，最安全的选择是16px，当然，大小的选取主要还是取决于实际的页面设计，如果识别性问题，应当适当调大一些。
10、标签颜色
标签的色彩应当依从于你的APP或者网页的整体配色方案，并且确保对比度(不能太暗，也别太耀眼)。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息