发现素材创作

登录/注册

「这个控件叫什么」系列之输入框/文本框/Text fields - 优设-UISDC

http://www.uisdc.com/ui-element-textfields

「这个控件叫什么」系列之输入框/文本框/Text fields - 优设-UISDC

「这个控件叫什么」系列之输入框/文本框/Text fields - 优设-UISDC

来源uisdc.com

35采集 · 2关注

拳击800x600

Image title

送货卡

Heatwatch

Android cardslider预览开源ramotion

Tbrandstudio nyt dribbble

由martin kundby motiondesigner酷酷的孩子

Tbrandstudio nyt dribbble

通过gleb发送电子邮件

无标题

移动购物迈克尔piechota

「这个控件叫什么」系列之输入框/文本框/Text fields - 优设-UISDC

1528198.gif (800×600)

1528205.gif (800×600)

1528214.gif (800×600)

1528215.gif (800×600)

1528197.gif (800×600)

1528195.gif (800×600)

1528213.gif (800×600)

1528187.gif (800×600)

熊茜6gVz

34粉丝 · 1961采集

2017/12/21通过花瓣采集插件采集

转采 0 · 喜欢 0

同在画板

为你推荐

三八妇女节节日祝福-时尚感全屏竖版海报

春分简约创意节气海报

腾讯视频 - 中国领先的在线视频媒体平台,海量高清视频在线观看

3477采集

Tighter

dribbble-surf-concept

67501

374采集

2.5D blue Drawing ILLUSTRATION

采集图片

手机端 | 顶部Tab - 小红书

69采集

Dribbble - shot-form-redesign.png by Felipe Pires

Create on Web by Sumup from UIGarage

WechatIMG875

44采集

「这个控件叫什么」系列之输入框/文本框/Text fields

从理论到落地！3个方面详析如何做好B端移动App设计

内容长度与输入区高度相适应

87采集

采集图片

抖音来客 App 截图 019 - UI Notes

dc5c6470-b5e7-423a-9c43-7e1b1bf529ff

【UI/UX】APP/小程序-B端界面

224采集

采集图片

采集图片

采集图片

89采集

640 (1080×798)重品牌传递的场景，需要强化个性，强调品牌展现。如成长体系、个人中心、详情页等。

[GIF] Float Label Form Interaction ios mobile interface form input animation ux typing interaction 交互动效表单

避免将标签作为占位符使用
有一种设计模式是让标签作为占位符置于输入框中，当用户点击输入时候就自动消失。这种设计固然简约，但是用户在输入的时候很容易忘记他们需要输入的字段是什么，也会产生问题。

用户行为交互

42采集

UI设计灵感库｜卡片式设计

卡片式UI列表-优秀设计案例分享

卡片式UI列表-优秀设计案例分享

UI 细节/组件

160采集

火山引擎-云上增长新动力

5-t

0-t

2349采集

手机ui动效设计-UI设计网uisheji.com -

Split bill interaction tips calculator

182采集

采集图片

采集图片

采集图片

【GUI-细节】

361采集

【9张图带你轻松了解复古未来主义】#设计秀# #优设每日艺术风格#

【9张图带你轻松了解合成器波】#设计秀# #优设每日艺术风格#

头号玩家。几何插画型海报

39采集

蓝牙门锁

8deeb7f3fcf6b10f5f04616d760fc36fcadd46abbdde6-oOYeaE_fw658

Schedule 01

92采集

Form

Form

53采集

采集图片

采集图片

采集图片

APP：交互动效

32采集

@移动端设计的个人主页 - 微博

夸克；会员开通01

采集图片

APP界面设计

1608采集

减少二次确认
基于 OTA行业特性，出行表单业务对标电商购买表单业务需要填写的信息更为冗长，层级更为复杂，为了减少用户填写过程中的心理负担，降低填写难度，我们需要对不必要的信息进行删减或合并，为用户信息输入提供便利。

以注册环节为例，在 Web 设计时往往会有二次确认密码的环节，但在移动端这样的操作会增加用户填写的负担，因此大部分移动端界面上我们不建议对用户的密码信息进行二次确认，转而通过使用明文显示或者优化密码消失交互的方法来改善这一环节的体验。

不隐藏基础帮助信息
作为一个购物流程中的信息确认和采集环节，需要用户对于购买的产品有明确的认知。因此在设计过程中对于用户填写表单有基础帮助的信息应该做强调或显示设计，避免出现因为隐藏帮助信息导致的客户投诉。

竖向排列
在表单中有多个选项以供用户选择时，将每个选项以竖向的排列方式位于每个选项下方时，更利于用户阅读浏览的习惯。

GUI表单设计

32采集

抢票加速火车票 C4D

采集图片

超赞web端卡片列表页分享 - 小红书

1.1w+采集

[GIF] Float Label Form Interaction ios mobile interface form input animation ux typing interaction 交互动效表单

1采集