图标标签也是内联标签的一种演化形式，采用图形图像的方法来替代内联标签中的文本标签

图标标签也是内联标签的一种演化形式，采用图形图像的方法来替代内联标签中的文本标签，以此来提示输入域中需要填写的内容，如注册登陆等表单。

优点：

同时能够节省水平和垂直的页面空间，标签设计成图标，使表单更灵活和简洁。

缺点：

抽象的图标标签，增加认知负担和记忆成本。

适用场景：

录入项信息区分较大，不易混淆，能用图形轻松识别内容，或某些固定的场景或业务模式以及不超过3个录入项的简易表单。

5）标签对齐总结

关于表单对齐方式这个问题是在设计师发问频率较高的一个问题。其实，不论是哪种方式都有相对的利弊，需要根据实际业务场景提供不同的解决方案。当然，为了保证设计语言的一致性，在同一个表单下选择使用一种便好。

根据马泰奥·彭佐的对齐方式研究出的时间表总结：单从效率角度看，顶对齐>右对齐>左对齐，根据不同的业务场景，效率并不是唯一的考虑指标。

基于以上，我总结了一个对比表：

基于上表，得到以下几点建议：

如果你希望用户放慢速度，仔细思考表单中每个表单项，左对齐标签是个好选择，特别是含有大量可选输入框或高级设置的陌生数据时；

而顶对齐标签在一些国际化产品的表单设计时，会有更好的延展性；

至于，右对齐标签虽然与表单域联系紧密，便于用户填写，但是要考虑好标签的长短不齐如何解决。能否精简标签内容，以及确定好表单与界面的边距。

6）pc端和移动端，选择表单方式

（1）pc端

在网页端我们大多看到的都是左右结构（右对齐和左对齐），这是因为有空间占比的原因。

在 pc 端，横向空间很大，需要考虑到协调的关系，如果采用上下结构，在内容过多的情况下，就会出现重心偏左的视觉效果。并且，视线距离屏幕较远，视觉聚焦面积更大，因此视觉路径较长的这一点就被中和掉了。

（2）移动端

移动端的限制是屏幕太小，一个横屏展示不开，特别是在标签名字很长的时候，弊端更加明显，当然缺点除了识别度会降低，视觉路径增长之外，纵向空间占比也会增加，本身一屏就能展示完，现在需要两屏甚至更多。所以在移动端更多的是使用上下结构。