同一控件在不同场景下体验就会发生变化，交互设计要学会根据不同场景使用不同控件，今天要聊的是form控件的场景运用，这也是国内设计师经常搞混了的，交互就是要将细节扣到底，才能发挥真正的价值。

form控件在移动端常见的场景有：输入文本信息、输入验证码、输入密码等等，今天要聊的是输入验证码和输入密码这两个场景form控件运用。

常见form控件是横杆的样式，在输入普通文本和输入验证码的场景下，该控件样式毫无问题，但是在输入密码的场景下，就有体验问题产生了，用户无法快速知道输入了多少位数密码，而密码通常使用*代替加大了确定位数的难道，对用户产生了不确定感。

每次输入密码时，我都得数着自己的输入位数，害怕一不小心就输入多了，因为我的密码是6个0。

为了解决该问题，设计们设计出了限定位数的form控件，这样用户就可以不用去数自己输入的密码位数，可以愉快地输入密码。

不用担心多输入了位数或少输入了位数。

但是限定位数的form控件运用在输入验证码的场景下，就会产生新的体验问题，密码*号，导致位数不可知，但是验证码是可见的、易数的，不存在输入密码的体验问题。而在此场景下，用户的诉求是快速输入验证码，所以通常会使用复制粘贴，而该form控件不支持复制张贴，该控件对于用户来说是一个黑盒。

用户以为该控件是支持复制张贴的，最后只复制了一位数，导致又得回去看短信验证码，重新输入。

在前几年，很多app默认读取手机短信自动填充验证码，帮助用户节省粘贴复制的操作流程，由于国内用户安全意识逐年增高，心理抵触app读取短的行为，带来了很大的不安全感。虽然缩短了操作流程，但是不符合用户心理认知，所以近年来，设计者们都取消了默认填充的系统行为。

而在输入验证码的场景下，使用常见的form控件就不会出现该问题。

airbnb的输入验证码，搜狗输入法将复制验证码流程缩短了两步，极大的提升了输入验证码的体验。

控件的运用，需要根据不同场景下用户为完成任务的诉求而确定。

在输入密码的场景下，用户诉求是准确快速输入密码，密码位数通常是固定的，所以有了限定位数的form输入框帮助用户输入。

在验证码的场景下，用户诉求是快速输入验证码，除了自动填充的方案，最快的就是复制粘贴了，所以常见的from表单适合该场景。

本文由 @火炬 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。

一名优秀的UI设计师需要了解这些设计规范

1.图标规范

很多设计师以为ui设计就是设计图标和设计界面。虽然事实并非如此，但图标的设计在整个ui设计中是比较基础的一个环节。图标与品牌标志一样，在设计时都需要做适当的减法，应该尽量用简约的线条去表达其含义，还应该尽量避免出现线条结构过于复杂的设计。

而且整体的图标都需要保持风格一致，例如图标的线条粗细、边角弧度、图标高度宽度比例、风格等升册等。

2.标注规范

如何把标漏笑仿注的思路整理清晰——结构化思维进行拆解，将大问题拆解成小问题，逐一击破!标注主要是以下四种不同属性的内容：尺寸、文字、间距、颜色。

在进行标注时，首先去除导航栏和标签栏，因为这些控件通用性非常强，需要单独拿出来进行统一标注，这里我们只对内容区来进行标注示例。

3.命名规范

许多UI室内设计师针对“取名”是没有什么定义的，她们全是轻易返纤用一些没有特殊含意的英文字母去给网页页面取名，我认为它是不太好的。

统一的、标准的取名对人们自身的文档梳理有挺大的协助，中后期改动文档、涂层的那时候更为省时省力，并且标准的取名也看起来人们本身较为技术专业。并且，如果取名不统一，精英团队中间的组员没办法达成协议，每日任务工作交接时必须挺大的学习培训成本费。

以上就是UI设计规范的一些内容，对于没有跟过实际项目的设计小白来说，这可能理解不太深刻，所以，各位小伙伴们，接下来就是实践了，只有去做了，你才能发现自己的问题。

UI设计常用的UI控件有哪些？

uI控件的三要素：绘制、数据、控制。