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