系统登录功能的产品设计，是最常见的，基本上每位产品设计师必经之路，下面分享一下我多年做产品设计的设计思路和设计细节。
上一篇Axure8原型设计实战案例：如何实现登录功能和用户管理？8年专业产品经理设计分享https://blog.csdn.net/jlq_diligence/article/details/105723678已经大致介绍过，这篇博客在上一篇基础上，从不同需求和不同产品团队进行分享，感觉不错的，就点赞，评论和收藏三连发，让更多的人看到这篇原创之作。
一、登录功能的不同需求
1.登录界面，登录界面中有账号输入框，密码输入框，验证码输入框，登录按钮。
这种需求，默认是设计PC端登录界面，但产品设计人员，需要进一步跟需求提出方，进行细化。例如是否设计手机移动端登录界面，是否支持第三方登录，是否要包含注册和找回密码功能。
2.老板直接说做个商城，这个就是一句话需求。
这个商城，肯定得包含登录功能吧，这种情况就多站在使用者角度和市面上大部分商城的登录界面，有哪些功能，基本上都需要设计出来。
3.做个小程序吧。
这个需求一般指微信小程序，这种模糊需求，一定要多沟通，沟通后多确认，避免重复劳动。
还有其他很多需求，但最关键的，是多沟通多确认，不能凭感觉，想当然设计，画原型。
二、不同产品团队对登录功能的处理方式
产品团队指负责需求采集，产品原型设计和产品视觉设计（有的公司叫美工，有的叫平面设计），这些产品相关工作的人员总称。
1.产品团队刚创建，处于磨合期。
这种团队，团队内部要多沟通，因为这个阶段，大家没有默契，各自想法差异比较大。不仅只是团队内部人员沟通，还得多与提需求的人和开发人员多沟通。
2.产品团队已经磨合很久了，干活很有默契，别人一句话就知道要什么。
这种团队，一般都已经有些沉淀了，把以前的登录界面的设计稿，复制过来就行。或者从0设计，毕竟大家都是熟手，干活比较快。
3.开发根本不需要产品设计登录功能，开发就知道做成什么样。
这种，产品就只动动嘴，参考什么什么做登录界面，根本不用设计。
处理方式不仅这3种，这里只提3点，让大家参考参考，有个印象，不同情况处理方式有所不同。
三、登录界面，用Axure8设计，详细讲解一下。
登录界面的原型设计，最常用的，是用Axure设计，还有其他方式，大家自己百度。下面用Axure8举例说明。
设计处理的效果图如下：
下面一一分解：
1.用户名输入框和登录密码输入框类似，下面只标记用户名输入框，如下图
2.验证码输入框和验证码举例
3.错误信息提示区域
错误提示信息，放在验证码下方，也可以放在用户名输入框的上方，或者弹出显示。下面以防止验证码下方举例，
使用Dynamic Panel实现，大致如下图进行设置：
4.登录按钮
点登录按钮，设计4种情况，即用户名或密码不正确，请填写用户名，请填写登录密码，登录成功，具体分几次情况，跟需求来。
例如还需要校验验证码是否正确，防止重复提交提交后隐藏登录按钮。下面只涉及用户名或密码不正确，请填写用户名，请填写登录密码，登录成功这4种情况，如下图：
可以从http://www.zrscsoft.com/sitepic/12061.html中下载产品设计rp源文件。