设计语言—表单（登录/注册）

2.4垂直登录（实际案例）

我在这里附加一个垂直登录的实际案例吧，已经应用到我们的系统当中了。这里给大家一个样式，方便大家做参考。关于注册按钮的布置，因为我们的系统是由公司给企业提供的账号，就导致"注册"这个优先级在需求中就会显得比较低，就放置了右下方，从视觉导向来看要比记忆区优先级还要低。那我在这里还是想唠叨一嘴，看问题不要看表面，形式追随内容，一切还是按照实际项目需求而定。

3.1注册表单（样式）

注册表单都是一些基础操作，都是一个个小输入框组合起来的。比较简单的基础操作我就不多说了，只讲一下平时设计中容易遇到的问题吧，并如何解决它们。注册表单也是分为白色和黑色两种，如下图所示。

由于展示不开的问题大体结构就不做讲解了，这里放大一下白色的注册表单，大家看一下细节。

3.2注册表单（拆分要素）

首先第一个要讲的平时设计中容易出现的问题，就是输入框文字的对齐问题。对齐方式主要是根据场景和需求而定的，不是绝对的。如果整个表单的所有文字都是相同的字数，例如姓名、年龄、密码、昵称等都是两个字或相同字数的情况下，采用左对齐或者右对齐都行。

那如果输入框的字数不同，例如：邮箱、密码、确认密码、昵称，又有两个字又有四个人时，就必须右对齐。这样的话元素之间就建立起了统一性，彼此之间就有了联系。