登录页面设计体现着用户对产品的初始印象。若此页面设计不佳，便容易使他人对我们的产品印象变差。登录页面设计需清晰地传达产品调性，并且在视觉方面帮助用户完成登录这一任务。

登录页要有醒目的标识，时常将企业形象与产品或服务相融合，提升用户的关注度，防止用户注意力分散。今天我们来盘点一下当下市面上那些做得较好的登录页吧！（觉得不错的可放入你们的参考范畴哦）

背景类

大多数登录页单调简洁，而有着炫酷多变动态背景的登录页会让人眼前一亮，还会让人看个不停。先来说说几个背景特别的 APP 吧！

1、马蜂窝&虾米音乐

马蜂窝的登录页面最大的亮点在于其背景动图很好地点明了产品的核心，使产品的形象鲜活起来；虾米音乐的登录页面最大的亮点也在于其背景动图很好地点明了产品的核心，使产品的形象鲜活起来。如下图所示：

我们在参考时需要考虑公司的产品特点，还要考虑时间和成本的投入是否是公司能够承担的，这是很现实的问题。马蜂窝还有一个值得注意的小交互细节。当用户开始输入账号时，背景动图会变为高斯模糊，这样能减少用户输入时受到的干扰。虽然这只是一个小细节，但在平时设计时是必须要考虑到的。

2、毒&映客

如果第一种难以实现，那么可以采用一种难度系数不高的形式，就如同下面的图所展示的那样：

3、

登录注册入口与引导页相结合，用户在登录时能看到更多产品信息，这种设计在市面上比较少见，如下图所示。

4、快手电丸&FACEU

这两种 APP 把手机和第三方登录都做成了按钮，并且搭配了产品形象插画。这样做的好处是能更突出产品的想象。不过从操作方面来看，若用户是手机登录，就需要进入二级页面。但背景设计可供参考，容易出效果，还能快速符合产品调性。大背景设计的难度系数最低，新手设计师建议优先尝试。

顶部图片

1、最右&&快手漫画

上图中的三个产品都有卡通形象，且识别度很高。将它们放在登录界面顶部，有助于深化产品形象。用户输入密码时，卡通形象会变成蒙上眼睛或其他动作，既有趣味性又能给用户安全感。以上三个产品类型不同，不过都采用了同一种登录方式。它们都拥有相对年轻化的用户群体，并且有卡通形象的产品。所以使用这种登录方式能够更好地固定产品形象。

2、36氪&松果

36 氪的头部小背景使得整个登录页面不会显得过于平淡，在视觉方面也不会太过单调。我们可以进行一个对比，情况如下所示（如下图）：

上面两种图中，有背景的登录页和没有背景的登录页是不同的。我们可以明显看出，没有背景的登录页从视觉上显得较为单一，同时也失去了一定的识别度。如果想要制作比较简约但又有特色的登录页，就可以参考这类头图，这样能让你的登录页不那么单调，并且增加识别度。

弹窗登录

叨叨记账&波洞

叨叨笔记采用的登录形式类似弹窗且带有 tab 切换，不过这种形式仅适用于只有一种第三方登录形式的情况。若第三方登录形式数量增多，就需要改变形式或者去掉 tab。然而，这种表现形式是比较特别的。波洞是腾讯旗下的，它的设计风格很鲜明。登录时直接使用弹窗形式，考虑到大多数用户喜欢直接用第三方登录会更方便，而且它本身也是自己的产品，所以做成了弹窗形式。上面有两种不同形式的弹窗，小伙伴们可以依据自己公司产品支持的第三方登录种类来决定选用哪种。

图标

陌陌

陌陌的登录注册页，大家看着可能觉得很普通，没什么特别之处。我刚开始也有这样的感觉，觉得很普通没什么特别。不过，大家可以留意一下它的第三方登录，如下图所示。

我们找参考不是直接照抄页面，而是可以选择每个页面优秀的地方来学习。

图标

音遇

音遇的号码输入框也是很优秀的，如下图所示：

音遇的账户输入框会依据文字的增减而改变宽度，这样能让用户更专心于输入账号这一行为，并且可以及时确认自己的输入是否存在错误。

划重点

考虑到实现的问题，我找的参考大多为线上稿。在变身成厉害的设计师之前，需要做练习和积累。拥有一双能辨别好设计的双眼，能让你事半功倍。很多人说因为审美不行，其实不好看的页面也有可借鉴之处，好看的设计也并非所有想法都适合我们，我们要学会辨别，而积累只是开始的第一步。

海盐社（公众号）

# 快手电丸号  # 如何设计吸引用户的登录页面？盘点马蜂窝、虾米音乐等优秀案例  # 如何设计吸引用户的登录页面  # 盘点马蜂窝、虾米音乐等优秀案例  # 第三方  # 所示  # 如下图  # 考虑到  # 自己的  # 这一  # 让人  # 也有  # 很好  # 成了  # 之处  # 我们可以  # 能让  # 于其  # 图中  # 输入框  # 是一个  # 这是  # 没什么  # 看着  # 如何做一个收钱网站推广  # 抖音如何做线下营销推广  # 荆门抖音seo话术  # 崇明区官网网站优化机构  # 网络营销推广培训方案  # 河北网络推广网站优化  # 邵阳专业的网站建设价格  # 惠州网站优化推广  # 望谟县网站优化服务  # 海南微博关键词排名  # 厦门网站建设订制平台  # 阿里营销一键推广方法  # 什么是全网营销网站优化  # 江西网站优化方案ppt  # 章丘网站seo优化  # seo url检查  # 营销推广费一般是多少  # 怎么推广网站设计流程呢  # 万州seo优化教程视频  # seo劣势是什么 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 广州百度推广总部电话及服务详解,青岛网站建设方案php  数字化时代OPPO手机如何为微信设置加密，保护聊天隐私？   推广客服必看！百度搜索推广效果转化漏斗的五个量解析   性价比之选,介绍高SEO排名的秘密武器,seo网站建设规划  微粒贷放款快又便利，曾白名单邀请，现竟有内部开通渠道？   地主来了2019微信赢红包版，经典玩法与炫酷特效等你来   青海SEO优化，打造品牌新高度的秘诀在这片土地,河北省seo关键词排名  广州百度推广充值，助力企业线上营销的新引擎,珠海可靠营销推广案例  SEO小白必看！从零起步SEO的秘诀，轻松提升网站排名,南京网站运营优化平台  安顺网络推广SEO培训班,助力企业互联网营销腾飞,肥东网站优化费用  SEO有意：如何通过优化策略提升网站排名与流量,天津政府智慧网站建设  广州百度推广职责，深入解析与实施策略,南沙服装口碑营销推广  SEO检测，让网站排名飞升的秘密武器,高端快消食品营销推广  西藏特色产品SEO优化步骤,挖掘潜力，助力品牌腾飞,电商网站页面优化怎么做  拼多多SEO优化，如何让您的电商店铺在竞争激烈的市场中脱颖而出,医疗营销推广方案ppt内容排版  南昌SEO管理，打造你的在线品牌，让流量倍增,汕头企业网站优化  株洲专注SEO优化企业,助力企业互联网时代腾飞之路,新闻页面 seo标题  扎比微信分身ios版：解决多微信账号登录烦恼，免费又易用   武侯区SEO搜索优化软件,助力企业在线营销腾飞,舟山关键词排名推广软件  SEO获客的秘诀：如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名  北京抖搜SEO，掌握这5大技巧，让你的内容秒变爆款！,界首网站建设及优化  浅谈广州百度推广样式的多样化与优化策略,网站建设可以外包  清远设备SEO优化费用解析，如何精准提升品牌曝光度？,网站推广阶段怎么写  深圳首批可售性人才住房项目公布，六个项目共4422套房源   佳木斯文艺交通广播新闻线索征集电话公布！微信安全中心提醒防*   揭秘成功的自媒体营销之道，如何让你的品牌在数字海洋中脱颖而出,儿歌网站建设主题大全  青海SEO营销排名前十，探索数字时代的营销奥秘,南京正规网站推广服务商  十堰SEO分析,挖掘城市潜力，助力企业腾飞,找个优化网站有没有  iPhone13 的 iOS 16.0 系统下，抖音视频时长权限你知道多少？   SEO舆情：如何通过有效的舆情管理提升企业品牌形象,seo推广外包提高收录  凉山SEO优化报价介绍,专业服务助力企业互联网营销,shopify seo 案例  福建百度推广运营公司简介及概况,枣阳公司建设网站  SEO好吗？助力网站成功的关键之道,网站优化方案范文怎么写  网站长尾词怎样去做效果更突出  SEO地址优化的秘诀：提升网站排名与流量的关键,临沂如何优化网站关键词  SEO网站优化,提升网站排名，助力企业腾飞,徐州seo常用方法  广州百度推广业务助力企业数字化转型,网站建设点击次数限制  SEO笔记：如何打造高效的SEO策略提升网站排名,网站优化优质服务方案  福建百度推广非企开户有风险吗？,广州网站推广策略  中共昆明市委党校：四库建设推动教学创新，抓现场教学提科学化水平   分享免费下载无损音乐网站，车载CD刻录歌曲不愁啦   福建百度推广为什么接不到电话了？深入剖析原因与解决办法,智慧营销系统推广简历  SEO在线服务-让您的网站快速跃升至搜索引擎前列,江西小红书营销推广案例  广州企业如何优化百度推广费做账流程,务川县换锁网站推广部门  掌握SEO艺术，从入门到精通的终极指南,如何做一个销售网站推广  网站建设教程 帮助新手快速入门  广州百度推广厂家如何助力企业营销升级,安徽问答营销推广  新品牌如何熟悉小红书核心逻辑？做好这几步很关键   介绍SEO学习圣地,哪里学SEO最好,河南seo优化加盟  南京生态项目手册印刷，如何设计生态园区宣传册？