浅谈WEB登录页面设计。

用户活跃度是检验一个产品成功与否的重要指标之一。传统行业的商家非常重视门面的装修，因为好的门面可以聚集人气，吸引更多的顾客。在古代，大户人家庭院门口摆放的石狮子或其他摆件极为精美，有一定的风水理论，更能显示主人家的地位。因此，& ldquo外观& rsquo就像一个人的脸和一个人的形象一样重要，WEB的登录页面也是相当传统的& ldquo门面& rdquo。

现在越来越多的大型网站将登录页面和首页一起设计，可见登录页面的重要性。一个辉煌的登录界面会提升产品的品质，赋予产品独特的气质。登录界面也是兵家充分发挥情感设计、提升用户体验、拉近用户距离的必争之地。本文将着重于侃侃用户登录页面的一些设计表现形式，而不谈论趋势、交互原则或技术。希望这些设计表达能给你一些启发和灵感。

优雅大方

如果说iPad是介于传统电脑和手机之间的产品，tumblr就是介于博客和twitter之间的服务。与twitter相比，它的功能更复杂，内容展示更强，更强调多媒体应用。Tumblr作为轻博客的鼻祖，带来了全新的视觉体验，Anthony & middotDe & middot圣埃克苏佩里曾经说过。完美意味着多即是多，少即是少。& rdquoTumblr的登录页面优雅大方，没有过多的视觉干扰。所有的元素都是为了用户更好的登录而存在的，登录过程非常流畅。

精致的质感表达

ICloud是苹果公司提供的云同步服务。用户有5GB的空闲存储空间。Cordell & middot负责Macintosh用户界面设计的Ruizlaf回忆道:& ldquo乔布斯会逐个像素地检查屏幕上的每个细节，以确保相关图像准确对齐。他非常重视细节，细节的层次其实达到了像素的层次。如果发现问题，乔布斯会立刻对一个工程师大喊大叫。& rdquoiCloud登录页面的设计继承了苹果对细节的苛求，细致的纹理，细微的阴影，精致的纹理，完美的细节。金属光泽可以随着鼠标指针移动，底部的图标可以随着分辨率自适应，改变排列，保证用户的浏览体验。

ICloud给我们上了很好的一课。有一句话大家都听说过，但不一定能做到& mdash& mdash细节决定成败。丰富的细节可以提升一个设计的价值，也是判断一个设计高低的重要标准之一。精致舒适的质感给用户带来身临其境的惊喜登录体验，是一种很棒的表现方式。

小清新插画

在网页设计中，插图是非常具有表现力的，而且它们与绘画艺术密切相关。所以大部分设计岗位都特别受到手绘能力突出的人的青睐，很多表现手法都是以绘画艺术的表现手法为基础的，插画艺术与网页设计的结合具有独特的艺术魅力，使其更具表现力。越来越多的设计师将插图应用到网页设计中。生动、有趣、温馨的清新插画能迅速抓住用户的眼球，使登录界面更加友好。

63号邮箱的登录页面使用大插画，小邮差迅速唤醒等待80后来信的记忆。有故事的插画与用户建立情感联系，引起他们的精神共鸣，让他们更有归属感。

Vimeo是一个提供高清视频存储服务的网站，在这里你可以找到很多来自世界各地非常有创意的设计师。相信登录过Vimeo的朋友对Vimeo的登陆页面记忆深刻。

人文关怀的品牌传播

以人为本的设计不仅可以提高产品的质量，还可以提高设计的艺术水平，而登陆页是体现人文关怀、传播品牌理念的绝佳场所。

每次刷新QQ登录页面，都能看到不同的内容，或者用海子的诗，或者迈克尔杰克逊的歌词，引起用户的共鸣。设计手法简洁，主要信息突出，导向明确，没有多余的元素。界面中最重要的操作& ldquo登录& rdquo按钮是流量流行的绿色，而不是常见的蓝色。细节设计非常优雅，每一个细节都注入了人文关怀。

新浪微博把登录框设计成了围巾。用户的每一次登录都是一次品牌传播的过程，这与新浪推广的围巾品牌理念是一脉相承的。织围巾的观念深入人心。

越来越大的登录框

越来越大的输入框设计让用户在输入时感觉很舒服，登录过程非常愉快。今天有了更大的显示屏，mailchimp的大输入框充满了霸气，可以看出它的密码一反常态。第一次在WEB登录框看到这样的设计，感觉很甜。正是这种不拘一格的设计，让mailchimp从一个内部项目转变为公司最成功的商业产品。

简洁而不简单

网页设计的风格越来越趋于简洁，登录页面大量的留白可以让登录框更加突出。尽量减少用户分心。从视觉上看，简约的设计是沉稳的，砍掉了多余的元素、色彩、造型、质感。不能用让人眼前一亮的设计元素，只能靠留白来制造视觉感染力。如果布局平衡和简化设计不到位，很容易变得单调。wordpress后台登陆页面采用了适当的投影，巧妙的运用了灰色，以及针对错误的抖动提示，使得整个登陆页面简洁而不简单。堪称典范。