【设计】输入框设计细节要点

原作者：鲍佳tmac  来源：PMCAFF    注：有删改

输入框设计细节要点主要包含：

1.输入限制问题

2.输入多行文字后的规则

3.别忘了输入内容时会唤起键盘

4.记得标注键盘类型

1.输入限制问题

很多输入框是有限制字数的（微博的140字），如果输入框对字数有限制，而你没有把规则告诉用户，那用户一定会吐糟。

告诉用户限制规则常用方法：

（1）输入框的右下角告诉你还可以输入多少字（微信个性签名）

（2）在右下角告诉你已经输入多少文字，如果超过规定字数后，数字变色，起到警示作用（微博140字限制）

2.输入多行文字后的规则

对于输入框，当文字只输入一行的时候，不会有什么问题，但输入多行的时候，如果你不给出规则，那UI&程序猿一定会说你不专业。

（1）输入单行规定字数自动换行输入，输入框向上撑开。最多显示4行，4行前的字被遮挡（微信）

3.别忘了输入内容时会唤起键盘

设计时考虑输入内容唤起键盘是否会对后续操作造成影响，是否会遮挡提交操作等

4.记得标注键盘类型

现在大家都知道，输入内容会唤起键盘，而键盘分为很多种类型，比如中文键盘、数字键盘、英文键盘，如果在输出设计稿的时候对键盘类型没有标注，程序猿就会使用默认键盘，这样就有可能造成一些降低体验的问题。

如果你不标注使用纯数字键盘，默认的中英文键盘就会被唤起，给用户带来不必要的麻烦。

所以键盘类型一定要记得标注哦，如果需要自定义键盘，还需要将自定义键盘样式提供出来，不过开发成本就会高一些，所以要谨慎使用。