Axure制作微信APP原型(二)登录注册模块
好的,我将详细描述Axure制作微信APP原型中的登录注册模块。
1. 手机号登录界面
首先,我们需要设计一个手机号登录界面。这个界面应该包含以下元素:
* 背景: 使用阿里巴巴矢量图库表找到的背景图案,颜色为浅蓝色。
* 标题: "手机号登录",字体大小为24px,颜色为黑色。
* 输入框:一个用于输入手机号的输入框,宽度为300px,高度为50px。使用阿里巴巴矢量图库表找到的图标作为输入框的左边缘。
* 验证码输入框:一个用于输入验证码的输入框,宽度为100px,高度为50px。使用阿里巴巴矢量图库表找到的图标作为输入框的左边缘。
* 登录按钮:一个用于登录的按钮,宽度为300px,高度为50px。背景颜色为浅蓝色,字体大小为24px,颜色为黑色。
界面大小统一使用720x1560的设计。
2. 提示手机号码错误
当用户输入的手机号码不正确时,我们需要提示用户。这个提示应该包含以下元素:
* 背景: 使用阿里巴巴矢量图库表找到的背景图案,颜色为浅红色。
* 标题: "手机号码错误",字体大小为24px,颜色为黑色。
* 内容: "请检查您的手机号码是否正确",字体大小为18px,颜色为黑色。
界面大小统一使用720x1560的设计。
3. 手机号码已注册
当用户输入的手机号码已经注册时,我们需要提示用户。这个提示应该包含以下元素:
* 背景: 使用阿里巴巴矢量图库表找到的背景图案,颜色为浅蓝色。
* 标题: "手机号码已注册",字体大小为24px,颜色为黑色。
* 内容: "您的手机号码已经注册,请直接登录",字体大小为18px,颜色为黑色。
界面大小统一使用720x1560的设计。
4. 手机号码未注册
当用户输入的手机号码未注册时,我们需要提示用户。这个提示应该包含以下元素:
* 背景: 使用阿里巴巴矢量图库表找到的背景图案,颜色为浅蓝色。
* 标题: "手机号码未注册",字体大小为24px,颜色为黑色。
* 内容: "您的手机号码未注册,请先注册后登录",字体大小为18px,颜色为黑色。
界面大小统一使用720x1560的设计。
5. 验证码错误
当用户输入的验证码不正确时,我们需要提示用户。这个提示应该包含以下元素:
* 背景: 使用阿里巴巴矢量图库表找到的背景图案,颜色为浅红色。
* **标题**: "验证码错误",字体大小为24px,颜色为黑色。
* **内容**: "请检查您的验证码是否正确",字体大小为18px,颜色为黑色。
界面大小统一使用720x1560的设计。
以上就是Axure制作微信APP原型中的登录注册模块的详细描述。