app登录页是一座桥梁,将产品与世界、用户、潜在用户或任何其他人联系起来。只有美观、实用的app登录页才能留住用户,从而提高转化率。下面让我们来看一下app登录页面的一些最佳示例,并思考一下app登录页面还可以在哪些地方进行优化。

1. 什么是app登录页
每个产品都有一个登录界面,这是产品联系用户的第一个界面,也是向用户传输信息的第一种方式,因此这在UI设计中非常重要。
作为一个门面入口,一个好的app登录界面通常会给用户留下深刻的印象。无论是界面的视觉表现还是过程的交互体验,都是不可或缺的。
2. app登录页的内容和结构
产品LOGO
产品的LOGO类似于我们现实生活中的家庭门牌,它是产品的重要形象标志,把LOGO放在登录界面的第一位置,有利于加强品牌渗入、彰显品牌调性。

欢迎语
欢迎语有利于打破产品与用户初次见面的冰冷感,让用户有种宾至如归的感觉。一般可分为两种场景,一是用户初次下载未注册时,与用户寒暄;二是欢迎已有账号的用户回来。

主要登录路径
主要登录路径由用户名和密码组成,用户名可以是昵称、邮箱、手机号等,密码由数字、字母或符号结合组成。
密码输入框的右侧有一个小眼睛的图标,点击可以进行密码显示或隐藏,防止密码在公共场合暴露。
如果忘记密码,可点击“忘记密码”进行密码重置。

辅助登录路径
第三方账户登录,国内常见的有微信、微博、QQ三个社交平台的授权登录,国外常见的还有Facebook、Twitter、Google。
使用辅助登录可以为用户节省注册时间,用户只需点击两下就可以直接访问,体验非常友好。第三方平台上的注册用户都是通过手机或电子邮件验证的用户,安全可靠。其次,使用第三方账号登录,可以获取第三方平台信息,如好友信息、主数据等。
第三方登录也有弊端,如果只使用第三方帐户登录,就无法获得有关用户注册的有价值的信息,也无法创建自己的用户系统。

注册路径
如果没有账号,可以切换到 “注册”tab,或者文字链接跳转页面进行注册。
3. app登录页UI设计技巧
简洁至上
没有人希望被淹没在无关的事项中,也没有人喜欢被无关内容蒙住双眼,因此,登录界面的UI设计需要保持简洁至上的原则。提供给用户清晰的路径,使他们能够方便高效地找到所需的内容,减轻用户的思考。
保持独特
尽管用户登录界面看上去千篇一律,如果为登录界面加入独特的元素,可以让登录页面更出彩。可以通过与产品有关的质感图片、创意logo、加粗标题等打造美观的版面。
突出CTA按钮
CTA按钮的目的是吸引用户的注意力,提高转化率。因此,按钮越大,用户越有可能找到并点击它,但它不宜太大,以避免破坏视觉组合和布局层次结构。
最佳按钮应根据页面比例进行设计,以便用户更好地识别它们。使用产品的主题色,可以让登录动作的CTA按钮突出,聚焦用户的目光,促成用户行动。
4. 用Pixso进行app登录页面设计
值得一提的是,以上的全部登录页面案例都可以在Pixso社区找到。Pixso内置腾讯、阿里、字节、今日头条、蚂蚁设计等优秀设计规范,提供海量设计模板和素材,本地化字体资源,供设计师参考和使用。

现在,不妨打开 Pixso ,直接在Pixso编辑器里创建不同设备(手机、平板、电脑等)尺寸的画板,预览你的设计效果。
Pixso还具备实时在线协作、一件交付、多功能文件导入、全局样式自动布局、团队协作等多个功能,有效解决以往设计中,团队沟通难、设计效率低、资源管理乱等痛点,赶快来试试吧!