进行移动端APP登录界面设计时应注意的几大要素

设计营销   2021-08-29

在大多数情况下,应用程序的登录界面Ui决定了客户对应用程序的第一印象,因此在设计APP或者小程序登录界面Ui时必须特别小心。只有设计一个无瑕疵且有吸引力的登录界面Ui,客户才能对使用应用程序产生更强的兴趣。

APP登录界面Ui需要包含几个要素:

第一,背景的选择

1.纯色背景:整体看起来很干净。

2.毛玻璃效果:要控制好效果,注意色彩搭配,否则会显得有点脏

3.渐变色

4.蒙版背景图片:注意背景图片的选择和蒙版的透明度,否则容易降低输入框和按钮的识别度。


二、上半部分(即输入框上方)

目前主流App登录界面Ui一般不显示标题栏,界面整体显示大方,空间感强,上部一般显示图片(可能是logo应用程序),文字(应用程序名称或体现App短句)或图片加文字的方式。

第三,输入框和登录按钮

1.纯输入框,包含输入内容的提示文本。

2.在输入框中添加一个小图标来识别需要输入的内容。

3.在输入框之前或在输入框中添加标题。

第四、注册键位

只需两种表现形式:按钮和文本。通常位于登录按钮下面。由于使用频率较高,一般更倾向于按钮。


第五、忘记密码键

大部分都是用文字显示的。毕竟这个功能使用频率低。与登录和注册相比,它是最不重要的功能。一般会放在登录按钮下面,有些App会放在登录按钮和文字框之间,放在左边。

第六、联合登录键位

通常会放在登录界面Ui的底部,有些App会放在登录按钮下面,登录按钮的顶部(毕竟联合登录也属于登录)。

APP登录界面Ui设计的两个思路。

首先是APP登录界面Ui路一:大众化设计

一般纯色背景,元素是登录框和密码框,加上登录按钮,这种APP登录界面Ui设计比较流行,中规中矩。一般的布局是:上-中-下,上面一般放置企业形象logo或APP名称,中间是登录密码框,下面是注册信息。这种APP登录界面Ui的背景是渐变的或多色的。意境非常平坦。

APP登录界面Ui设计思路二:情感设计

在流行设计的基础上,会加入一些情感元素,比如人物头像,代表这个APP的象征性图标或者背景素材。比如信封,旅游图片。

还有一些APP登录界面Ui背景会随着现在的时间而改变,如果是白天,背景是简单而阳光的,如果是晚上,则是深夜星空闪耀的背景,比如QQAPP登录界面Ui设计。

用户体验设计注意事项:

1.将邮箱和手机号码输入框结合起来,可以减少用户的操作步骤。

2.用户名密码这些必填项入时,登录按钮处于不可用状态,避免误操作带来的麻烦。

3.输入框中显示提示信息的方式进一步释放了图片空间,使整个图片看起来更加简洁。但是注意输入框和提示文本的颜色灰度,颜色太浅不容易查看。

4.图片中的核心流程按钮突出显示,而其他按钮最小化显示,颜色根据重要程度不同。

5.当输入框获得焦点时,突出显示,以便在多个输入框中识别焦点的位置。

6.错误提示直接显示在图片中,不以弹出对话框或toast的形式实现。如果短时间内,用户可能看不清消息提示框。

7.页面中的输入框、按钮等其他重要控件在弹出软键盘时尽可能显示在手机屏幕的上方便用户切换和确认。

8.如果注册/登录失败,提示信息应尽可能详细,如账户名称错误、密码错误或手机号码已注册。

9.输入邮箱地址时,可以弹出自动补充功能,自动添加普通邮箱后缀。

10.发送验证邮件后,可以给用户详细的说明和操作提示,也可以加一个按钮直接跳到相应的邮箱。

APP登录界面Ui设计同样也需要深度研究设计。只有多设计多尝试和创新,才能设计出让大家满意的产品哦。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码