最近才采集部分注册登录参考素材的时候，想到之前自己在设计 APP 的时候，都是考虑内容页的设计上，从而忽略了注册表单设计上，所以在注册表单上看起来比较流程化，对用户缺乏吸引力。
之前注册表单仅仅是简单使用了纯色背景、纯文本字段根本无法激发用户注册的欲望，当然了如果产品是必须注册才可以使用的，无论你表单设计成什么样都会使用，但是如果对于那些对你的应用可有可无的人，如果一进入你的 APP 看到注册界面如此粗糙，就会觉得这个产品整体都不会怎么样，从而损失掉部分用户，而好的表单设计对于客户的留存也是非常有必要的。
一般而言，注册页面是你这个 APP 的第一印象，用户会倾向于将“视觉吸引力”作为评判界面是否有趣、易用的标注。
首先是标签和文本输入框布局方面，常见的布局主要有左右、上下。
左右结构常用于PC端，因为在用户体验上，视觉路径相对较长，特别是多行录入的时候，更为明显。
而内容较长，在五个以内，一般会选择上下结构，因为需要考虑到纵向空间占比。所以移动端大多数都是上下结构，因为移动端屏幕太小，横屏显示不开，特别是标签很长的时候。
此外，还有一种是内部结构的，将标签放在输入框内，这种也多用于移动端，对于移动的小屏来说，占比空间会很小。内部标签结构只有提示性文字，用作提示用户应该输入的内容。
当然这种也要弊端，当用户输入后，框内提示就会消失，如果要判别自己输入是否正确，就得删掉输入的内容，重新再看提示，对用户的记忆产生负担，渐渐地就会让用户抓狂。
这种场景下，因为空间占比或视觉等因素，需要删掉标签，可以采用以下两种方案：
1、在内部加入 icon， 用作信息提醒，缺点是 icon 属于图画，比较抽象，识别度不是很高，比如有两栏信息，一栏是籍贯，一栏是现居住地址，很难用 icon 区分；
2、是 Google 的一种设计方式，就是在用户输入时，内部标题（提示信息）机械能浮动位移，既节省了空间，提示性信息依旧在，缺点是增加了一定的开发成本。
其次是输入限制
输入限制一方面是为了陈列这些数据时，可以根据长度来确定它的展现方式，另一方面也减轻了数据库的压力。
输入限制分两种，一种是对表单或者输入信息进行字数限制，如对于昵称的字数限制，用户输入的时候，可以在输入框右下角提示用户已输入的字数，如果超过限定字数，则字体会变成红色用来警示用户，并且此时输入框无法再输入内容。
另外一种是属性限制，如账号输入框仅支持数字、字母、或者汉字，这种酒增加了用户的错误率。
第三是占位符
设计中，关于占位符的设计，一定要注意文字清晰，明了，简短，一直，颜色选择上，仅作为提示性信息，视觉层级较弱，不宜采用过于突出的颜色。因为长期的占位符已经给用户培养了使用习惯，如果没有了，用户会疑惑是不是在此输入内容，用户体验上不太友好。
以上就是关于表单设计的部分内容了，参考《设计师必不可少的表单设计-上篇》。
