老矣还能饭   发表于 2016-10-28 14:46:40

收藏 959 3

【解决案例】输入框title或提示文本的解决方案

输入框title或提示文本的解决方案

代表应用:dubble

通常设计输入框时,我们会使用Lable标签给每个输入框一个title,比如”用户名”、”密码”,另外,还会在输入框中使用灰色的提示文本,如图6所示。但是,在手持设备的应用中,这样的设计会产生两个问题,一是浪费屏幕空间,我们知道,手持设备的屏幕空间是很宝贵的,而以Lable标签呈现的title会占去很大一块屏幕空间;二是提示文本在用户输入时便消失不见,提示效果无法持续到任务结束。那么,如何解决这两个问题呢,如下图7所示,在用户输入时将title移至输入框边框中,或者像dubble应用的注册界面,把输入框的提示文本移动到键盘上面,如图8所示:

图6 通常情况下的输入框设计

图6 通常情况下的输入框设计

图7 将title移至输入框边框

图7 将title移至输入框边框

dubble的输入框提示文本

图8 dubble的输入框提示文本


此帖被天天要开心 于2016年12月15日 14:28 进行了推荐操作
全部回复共3条
电梯直达
我要回复
  • 大猫猫不大 2016-10-28 15:01:40

    1楼

    应国家法规要求,由于该用户未绑定手机号,故此信息暂无法显示

  • 事吧 2016-10-29 07:17:00

    2楼

    应国家法规要求,由于该用户未绑定手机号,故此信息暂无法显示

  • 事宜11 2016-10-29 07:35:00

    3楼

    应国家法规要求,由于该用户未绑定手机号,故此信息暂无法显示

加载中...
关闭
关闭
在线
咨询
QQ
交流群
App
下载
返回
顶部