APP登录注册页⾯设计指南
⼀个合格的注册登录页⾯，应该是具有清晰的操作流程，良好的交互细节和美观的视觉设计。
移动互联⽹盛⾏下，基本所有APP都会有注册登录功能，它不仅能让⽤户扭头就⾛，也能让产品获得新⽤户的芳⼼。⼀个合格的注册登录页⾯，应该是具有清晰的操作流程，良好的交互细节和美观的视觉设计。
APP的注册登录有三种情况
⼀、⽆登录注册
1、⼤部分免费使⽤
2、⼀般功能都⽐较单⼀，不会记录⽤户的历史⾏为，打开即⽤。
如：⼩⼯具较多、⼿电筒、指南针、计算器…
特征：⼯具类型产品盈利模式主要是靠⼴告盈利。
⼆、强制性登录注册
1、渴望⽤户的信息，对⽤户⾝份信息敏感
2、对⽤户账号安全有保护，注重⽤户的数据保护
如：社交类app、运动健⾝类、招聘类…
特征：这类产品的特质（功能、服务）强烈的吸引着⽤户，⽤户⾮常愿意使⽤此类⽤户。
三、触发登录/注册
1、靠内容与产品⽀撑，通过内容与产品的优势
2、吸引⽤户，促使⽤户转化
如：电商类、新闻类、知识类…
特征：
1、这类产品的特质（功能、服务）并未强烈的吸引着⽤户，需要⽤户体验
2、发展期、初创期的产品需要多的⽤户数量，所以不会在登录注册时强制执⾏，给⽤户带来困扰。
根据产品属性选择合适的⽅式
默认优先“登录页”还是“注册页”呢？
默认优先“登录页”还是“注册页”呢？
⼀、注册优先
1、可体验全部功能，直接进⼊产品核⼼区域。
2、可获取⽤户信息，个性化推荐
常⽤于社交或定制化较强的APP，例如：QQ，，抖⾳，keep，⼩红书.... 缺点：门槛较⾼，还没看到整个应⽤的全貌就要填写个⼈信息，考验⽤户耐⼼。
优点：
1 、所提供的内容和功能，需建⽴在⽤户基本信息之上
2、产品初期成⻓长阶段，需通过强化注册⼊⼝提⾼新增⽤户量
⼆、登录优先
适⽤场景：
1、前期在web端积累⼤量⽤户，转移到移动端时；
2、产品发展稳定期，已拥有⼤量的⽤户基础且新增⽤户增长较为缓慢时。
优点：⽅便⽼⽤户，进⼊应⽤效率较⾼
缺点：通常情况下，⽤户会选择下⽅的第三⽅⼀键登录，如果后期平台需要⽤户提交个⼈信息来享⽤更多功能时，需要谨慎引导否则引起⽤户反感
三、登录注册⼀体化
优点：⽅便快捷，转化率⾼
登录/注册的页⾯设计元素有哪些？
背景设计
浅⾊背景
1、简化了背景的视觉，突显账号区域的内容
2、聚焦注册/登录的信息录⼊，提⾼转化
品牌⾊背景
突出品牌信息，加深⽤户对品牌的认知，树⽴品牌在⽤户⼼中的印象。
图⽚视频背景
给⽤户营造⼀种产品氛围，是情感化设计的⼀种，应景的图⽚提前让⽤户产⽣代⼊感，促使⽤户融⼊到产品中。
引导元素设计
品牌元素引导
⽬的是为了进⼀步强⼤⽤户对品牌的认知，让⽤户熟悉产品，了解产品、对产品产⽣⾜够的印象，扩⼤品牌效应。
当以品牌名或LOGO体现的时候，背景的设计⼀般会弱化。
⽂案引导
更有亲和⼒，与⽤户对话，同时更加聚焦每⼀步操作任务！
插画引导
1、使⽤与产品⽓质⼀致的插画，可以强化品牌感
2、同时更具有趣味性，也能让⽤户感受到产品设计的态度。
账号操作设计
第三⽅快捷登录
以增加⽤户量为主要⽬的时，可采⽤快捷登录⽅式，它给⽤户提供了⼀种更为便捷的选择⽅式，⽆形中减少了⽤户的选择负担。
信息输⼊表单
以留存⽤户信息为⽬的时，让⽤户通过输⼊⾃⼰的账号、密码、⼿机号码、验证码等⽅式完成的登录注册操作。
表单有⼏种状态？
1、默认状态（input&Btn）
2、激活状态（input）
3、输⼊状态（input&Btn）
4、校验报错（前/后端校验）
4、校验报错（前/后端校验）
5、清除⽅式
6、密码可/不可见
7、验证码读秒/获取
页⾯左上⾓是“返回”还是“关闭”？
设计⽅式：
1、明确注册/登录的功能定位
2、参照操作逻辑使⽤
Bilibili注册登录定位为⼀个独⽴模块，该模块⾼于其他模块。如Bilibili：web端登录
感谢您耐⼼的读完，学习了解更多可以关注：Mr凯相关推荐：
UI底部标签栏设计总结
如何规范运营Banner设计？
UI交互设计中加载设计全⾯总结
设计师必看，作品集制作和注意要点
APP设计如何使⽤弹框以及弹框的注意事项

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。