App登录界面的设计

一 背景

1.纯色背景

整体上看起来非常的干净

2.毛玻璃效果

要控制好效果，注意颜色搭配，否则会看来有点“脏”

3.渐变色

4.蒙版背景图片

要注意背景图片的选择及蒙版的透明度，否则容易造成输入框和按钮辨识度降低

二 上半部分（即输入框的上面）

当前主流的App登录界面一般不显示标题栏，界面整体显示大方，空间感强，

上半部分一般展示图片（可能是应用的logo）、文字（应用的名称或一个体现App的短句）或者图片加文字的方式

三 输入框和登录按钮

1.纯输入框，里面有输入内容的提示文字

2.输入框增加一个小图标，用来标识需要输入的内容

3.输入框前或输入框中带title

这种方式用的越来越少，因为icon和引导文字足以说明需要输入的内容，加上title纯属多次一举

输入按钮一般紧跟在输入框下面，用户输入完成后可直接点击按钮登录。

登录按钮的长度可以和输入框长度一致或者小于输入框的长度，一般使用有背景色的按钮。

有些App登录按钮会采用其他形式

四 注册

只要两种表现形式：按钮和文字。位置一般在登录按钮下方。

个人更倾向于按钮，因为使用频率比较高。

五 忘记密码

大都采用文字展示，毕竟这个功能的使用频率较低，相对于登录和注册是最不重要的功能

一般会放在登录按钮的下方，部分App会放到登录按钮和文字框之间，居左放。

六 联合登录

一般会放在登录界面的最底部，有些App会放在登录按钮之下，注册按钮的上方（毕竟联合登录也属于登录）