继上次解析登录部分的高保真设计，本次将讲解《登录·高保真设计》下部分，注册账号、重置密码的部分。因注册账号和重置密码的操作基本一致，本次将一并说完。

登录界面结构

需要准备哪些东西

矩形、文本、输入框、账号/密码/验证码icon。

学完将学会什么

本次文章的重点是：输入手机号后、点击获取验证码、验证码自动填充的操作。

除此之外，还可以了解注册账号、重置密码的基础布局以及各种元素，用户操作时需要有哪些反馈，怎么做体验较好。

前面有人说内容有些偏基础没有做条件判断，所有本次在各类操作中将加入一些交互的判断。其中toast提示消息提示模块，只列举较为基础的，有不完善的地方需要自行补充，以下学完相信你会做出更好的交互原型。

下面开始剖解制作步骤。

制作方式