原作者：鲍佳tmac 来源：PMCAFF 注：有删改
输入框设计细节要点主要包含：
1.输入限制问题
2.输入多行文字后的规则
3.别忘了输入内容时会唤起键盘
4.记得标注键盘类型
1.输入限制问题
很多输入框是有限制字数的（微博的140字），如果输入框对字数有限制，而你没有把规则告诉用户，那用户一定会吐糟。
告诉用户限制规则常用方法：
（1）输入框的右下角告诉你还可以输入多少字（微信个性签名）
（2）在右下角告诉你已经输入多少文字，如果超过规定字数后，数字变色，起到警示作用（微博140字限制）
2.输入多行文字后的规则
对于输入框，当文字只输入一行的时候，不会有什么问题，但输入多行的时候，如果你不给出规则，那UI&程序猿一定会说你不专业。
（1）输入单行规定字数自动换行输入，输入框向上撑开。最多显示4行，4行前的字被遮挡（微信）
3.别忘了输入内容时会唤起键盘
设计时考虑输入内容唤起键盘是否会对后续操作造成影响，是否会遮挡提交操作等
4.记得标注键盘类型
现在大家都知道，输入内容会唤起键盘，而键盘分为很多种类型，比如中文键盘、数字键盘、英文键盘，如果在输出设计稿的时候对键盘类型没有标注，程序猿就会使用默认键盘，这样就有可能造成一些降低体验的问题。
如果你不标注使用纯数字键盘，默认的中英文键盘就会被唤起，给用户带来不必要的麻烦。
所以键盘类型一定要记得标注哦，如果需要自定义键盘，还需要将自定义键盘样式提供出来，不过开发成本就会高一些，所以要谨慎使用。
网友评论