本课教程的目的是登录如何产品思考和设计与登录界面的内容及布局,使用软件Sketch,喜欢的一起来学习吧。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.登录方式与注册方式是分开的,一般是注册后登录,现将注册于登录融为一体,增加了用户体验。登录方式通用有登录前浏览与登录后浏览,PC端可扫码登录,移动端通过图案登录、声音登录、指纹与人脸识别。
2.(通用)登录前可浏览,发布内容时需要登录,点击【+号】发布时,弹出登录界面,具体如图示。
3.(通用)登录前可浏览,点击【立即购买/购物车时需要登录】,弹出登录页面,具体如图示。
4.登录方式有手机号/邮箱/账号密码/第三方,可通过扫码登录来登录PC端,通过图案登录、声音登录、指纹于人脸识别登录移动端。
5.手机号验证码在(移动端与PC端)都是常见的,手机号验证码同时存在,安全登录。
6.手机号验证码(常见)一个页面一个操作,安全登录,具体如图示。
7.移动端登录可通过账号密码登录,快速登录,具体如图示。
8.第三方登录(移动端),首次第三方登录,依法绑定手机号,绑定手机号获取验证码登录。
9.第三方登录(PC端),常见第三方登录、微信、QQ、微博,可通过多种方式来登录。
10.图案登录(移动端),通过银行账号与验证登录,具体如图示。
11.打开【软件】,复制【界面】,调整【W】375,【H】667,调整【名称】登录,点击【形状】-【矩形】,画出矩形,调整【H】