不同类型的输入框与8大设计重点

本文详细探讨了输入框的设计,包括其组成部分(文本、载体、图标)和不同组合(标题+文本框、图标+文本框)。讨论了8种关键设计情况,如开始输入、部分数据后、固定字符数量、指定账号输入、即时校验、异常提示、特殊字符处理和特殊账号输入,旨在提升用户体验。
摘要由CSDN通过智能技术生成

 

输入框几乎每天都会接触到,但是看似简单的输入框,你真的会设计吗?

输入框的组成部分

输入框包含的内容有三种:载体、文本、图标,细分下来是这样的:

l文本:包含标题,占位符,帮助,反馈;

l载体:文本框;

l图标:展示型图标,操作型图标,反馈型图标。

不同类型的输入框组合

组合一:文本框与标题组合

组合能确保用户知道需要在文本框中输入什么信息,虽然看起来很简单,但排版上需要注意多列内容如何正确展示,涉及到用户的眼动行为。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值