登录页面，是为了引□□导用户进□□□□一步行动◈和购买的□□必要环节。企业如果✦推行“会员制”，需要设计□□□□登录页面；而企业商◢场，登录页面□□是必备。如何设计□□□□登录页面□□呢？我们在设▽计网站的□□过程中，总结出一□□□些登录页□□□□面的设计□□思路。
对人不对事
通常来说，用户对登□□录是比较▲反感的。所以，登录页面□□□□的设计，应该尽可□□能消除用○户的担忧，比如用户✦会担忧注□□册过程太□□长、信息泄露□□□的问题。
所以，登录页面□□□尽量让用□□□户自动进□□□□入。例如，下面这个□□登录页面□□设计，没有出现◥注册用户□□□□名的表单，而是先让△用户选择□□□□自己的职□□□业。
从人的角度考虑去设计，而不是从“成事”的角度考虑。

负空间登录页面设计
所谓负空□□□□间，就是增加□□□元素与元□□□□素之间的△距离，让每一个◈元素孤立□□□企业。
在这种空▲间内，置入登录◎框，会让登录◎框更为明□□□□显，更迅速吸▽引用户的□□□注意力。比如下面◣这个例子：

上浮式登录页面设计
这种登录◤页面的设□□□计思路是：将登录页□□面置于图❖片的上层，呈现“浮动”的效果。这种设计□□□□的作用是□□□□可以让用□□□□户在欣赏□□□图像的基□□□础上，更容易填▼写表单。比如说淘□□宝的登录♦页面就是□□□□如此。

价值主张登录页面
很多设计□□师喜欢在·登录页面□□的旁边，展示企业□□□□和品牌的✦口号和价□□□值。这种设计□□□是经过思□□考的：一般来说，用户填写□□□表单的前◢提是对公□□司的价值□□□较为认同，所以这种□□□□设计有助□□于提高网□□站注册数□□量。
“试用”式登录页面
不少登录□□□□页面会将□□访客分为◤两类，一类是游□□□□客，一类是注□□册。在大多数□□□情况，如果对网□□站的用途□□□□不够了解，都会先行□□选择游客。这其实上□□□□就是对网□□□站的“试用”，当用户想□□□□要在网站□□□□购物、发帖、回复等操◥作的时候，在跳出“注册登录”页面。
预览式登录页面
为了让用♦户注册，需要先让□□用户对网□□□站服务和□□□产品足够□□的了解。所以，一种登录□□页面的设□□□计思路是——在登录页◣面采取相□□互的设计□□方式，用户通常□□□下拉或者□□滚动，可以对网□□站的功能□□有大体的◢了解，然后再决□□□定是否需□□□要注册。
引诱式登录页面
上面已经□□说过：用户对网□□站强行要□□求注册是□□□□比较反感□□□□的，但是这种□□□□反感是“递减”的，当用户在□□□网站停留◣时间越长、操作越多，会更愿意□□□□注册。所以，一些平台□□□□不会直接□□□□要求用户□□登录，而是让用□□□户回答和□□□□选择一系□□□列的问题，然后在合◥适的节点，让用户注△册。并且在用□□□户回答问◉题的过程□□□□中，一旦用户□□□□注册完成，网站会将□□□□用户引导□□□□到精准的□□页面。一个例子□□□就是阿里□□巴巴的登□□□□录页面。

多方式登录

因为注册方式的多样化，所以，登录页面应该尽可能设计更多的登录入口。例如扫码登录、手机注册、用户名注册、第三方登录等等。对于企业来说，登录方式的不同，对数据收集没有任何影响。但是对于用户来说，登录方式越多，更为方便。例如，腾讯邮箱的登录页面，就有扫码和收集验证码两种登录方式。

登录页面□□的设计，设计目的□□在于增加□□□□注册以及□□□□提高登录△率，所有的设□□计都应该□□围绕这两○个目的进◎行思考和