基础操作流程系列——登录、注册流程

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

我们在下载一个APP后最先接触的就是登录和注册页面,虽然很小但却是不可忽视的功能。它们的目的非常明确,让用户使用自己的账号身份登录,来根据这些账号信息提供服务,产品的登录、注册页面会极大的影响用户对产品使用的初次印象,所以抛开产品产品自身的特性去设计登录/注册的方式都是耍流氓,在选取登录/注册方式时一定要根据产品的自身情况,来选择合适的方式。老规矩原型资源已经放在文末,记得下载哦~

先来看看常见的注册方式有哪些!

基础操作流程系列——登录、注册流程

我这次主要挑选了[xiaopiu 登录/注册流程]、[美团 登录/注册流程]、[Airbnb 登录/注册流程]、[ofo 登录/注册流程]来制作了产品原型资源,这四种登录和注册方式都是市面上比较常见,并且是使用率比较高的登录和注册流程,希望可以对你制作原型有所帮助,如果真的想要引用到自身的产品当中,再次强调!还是要根据你想要达到的目的和结合产品本身进行针对性的设计,只有这两者相互结合才能设计出方便用户的登录/注册方式。做好用户产品面向用户的第一步!

预览一波原型图

基础操作流程系列——登录、注册流程

我们组件库中的组件该如何使用呢?

1、进入 xiaopiu 精选广场的组件库/页面库,搜索「登录/注册流程」,在搜索出的组件库右下角点击「引用为我的公用库」。

基础操作流程系列——登录、注册流程

2、或直接进入「登录注册流程」,然后点击右上角的引用按钮~

基础操作流程系列——登录、注册流程

3、引用成功后,在您的项目编辑页左侧【组件库/页面库】就可以看到我们丰富的资源啦!拖拽组件到自己的页面上改一改就是你的了哟!

基础操作流程系列——登录、注册流程

资源分享:

登录注册流程原型

登录注册流程页面库

原文地址:xiaopiu工坊

 收藏