聊一聊登录页设计那些事儿

现在很多的大型网站把登录和首页放在一起设计,由此可见产品登录页面设计的重要性。一个出彩的登录界面,将提升产品的品质,赋予产品独特的气质。登录界面也是一个发挥情感化设计,提升用户体验,拉近与用户之间距离的兵家必争之地。

无论网页或是移动APP的设计,很重要的一点是如何能在小而美和功能复杂性之间找到平衡点。 在执行设计的第一步,便是思考如何利用原型工具诸如MockplusAxure在初始阶段把握产品登陆页面设计的技巧。

一、 学会做减法

跳出登录界面设计中的条条框框,搭配简单的配色,醒目又大方。

二、 结合用户界面设计-页面背景

1. 模糊背景

模糊背景的运用不仅让整个网站显得更加人性化,并且在很大程度上烘托出网站所要表现的氛围。

2. 暗色背景

在暗色背景中,明亮的输入框便吸引了所有的注意力。

3.扁平化纯色背景

三、清晰的视觉纵线

人的视觉浏览一般呈“L”型视线,意指从上到下,从左至右,表单的视觉浏览顺序符合“L”型规律就基本符合用户的心理预期。

四.注重用户体验设计

登陆和注册表单的使用率非常高,一个表单的设计其实也不是简单的事情,用户体验是必须要考虑的事情。哪怕是一个注册表单,也值得再细心研究。如果不重视用户体验,就会致使网站流失大量用户。一切以最佳用户体验为出发。

1.减少用户的强制性操作

2. 减少用户输入

一般说来,注册表中每增加一个字段,注册率就会相应的下降。

3. 信息化注册提示

为终端用户提供有效的信息提示是用户体验设计中的最好方式,尤其是在用户注册填写信息具有多个输入域,而在需要填写的字段互相可能产生歧义的时候,这些消息提示可以减少用户的思考和猜测时间。

4. 错误密码输入记忆

当用户第一次输入一个错误的密码时,系统在判断错误后同时把用户输入的错误密码保存记忆,当用户再次输入这个错误密码时,系统会自动在客户端提示“密码错误”。

以上就是一些常见的网页或APP产品登陆页面设计的技巧。巧妙的设计是吸引用户的第一步,站在用户的角度,让更多的用户通过登陆注册这扇大门真正的走近和了解我们的产品。

更多设计类相关干货(文章及教程),详见:UI/UX专业博客

时间: 2024-07-29 16:25:25

聊一聊登录页设计那些事儿的相关文章

JSP注册登录页教程

转载请标明原文地址:http://www.cnblogs.com/zhangyukof/p/6785258.html  一.准备工作 已搭建好的SSH框架工程一个,如果没有,请参考我的上一篇文章<SSH框架搭建详细图文教程>. 二.登陆功能 1.打开MyEclipse切换到MyEclipse DataBase Explorer视图,右键user表选择"Hibernate Reverse Engineering",通过Spring框架的逆向工程功能把user表逆向生成Java

后台管理界面--管理页设计

本章我们开始进行后台管理界面的设计,本节课设计一下登录后的管理页. 一. 登录验证首先,创建一个数据库:easyui:其次,创建一个表:easyui_admin:然后,创建三个字段:id(自动编号).manager(管理员帐号).password(管理员密码).create(创建时间).//服务器端验证$.ajax({url : 'checklogin.php',type : 'POST',data : {manager : $('#manager').val(),password : $('#

【SSO单点系列】(3):登录页验证码的添加

这一篇主要是讲解怎么在登录页上添加验证码功能,默认的登录页是只有用户名与密码功能.其他我觉得加验证码没什么用,因为现在我部门做的系统主要是放在内网里,外网是不能访问的.登录页的验证码主要是为了防止进账号进行暴力破解,不过我觉得客户估计也不会没事去搞这玩意.以上只是我自己的个人见解,可能有失偏颇,就当作是对客户的愤怒的一种发泄吧,大家看看就好,最近真是被客户搞得头都大了.不过,如果你的系统放在外网上,那验证码是必须要加上的 .  好了,牢骚发的差不多了,下面进入正题吧! 最终效果图 简单做了个页面

注册和登录表单切换的大气登录页模板

全屏的背景图片,简洁的设计,注册和登录表单可切换,很不错的登录页模板.演示  下载 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><he

【SSO单点系列】(3):CAS4.0 登录页验证码的添加

附上源代码: http://pan.baidu.com/s/1mgDptZa 这一篇主要是讲解怎么在登录页上添加验证码功能,默认的登录页是只有用户名与密码功能.其他我觉得加验证码没什么用,因为现在我部门做的系统主要是放在内网里,外网是不能访问的.登录页的验证码主要是为了防止进账号进行暴力破解,不过我觉得客户估计也不会没事去搞这玩意.以上只是我自己的个人见解,可能有失偏颇,就当作是对客户的愤怒的一种发泄吧,大家看看就好,最近真是被客户搞得头都大了.不过,如果你的系统放在外网上,那验证码是必须要加上

选择单页设计的理由是什么?

互联网最令人着迷的地方在于它会不断地进化.每年都会不断涌现新的工具和技术替换过时者,用新的解决方案来搞定各种问题. 单页设计在前几年就已经出现,并且愈演愈烈直到今年成为当仁不让的网页设计大趋势.它已经站在流行最前线,今天我们来聊一聊为什么它会这么火. 什么是单页式网站设计? 界定一个网站是否是单页设计很简单,顾名思义,单页设计就是一个网站仅需一个URL,进入之后只需要纵向或者横向滚动就可以浏览信息而无需点击.看看下面这个例子: 这是一个非标准的单页设计,网页中使用热气球元素来引导用户进行浏览.

通过ajax前端后台交互/登录页和注册页前端后台交互详解/前端后台交互基础应用/几个后台函数的基础应用/php文件函数基础应用/php字符传函数基础应用/php数组函数基础应用

  前  言  PHP     学习了好久的PHP,今天做一个可以后台交互的登录页和注册页,没做什么判断,简单的了解一下. 具体的内容分析如下: ① PHP中的数据传输-->>由注册页传输给注册页后台-->>注册页后台经过转码保存实例化的文件 ② 在登录页输入账户密码,点击登录时,获得触发函数:获得由后台传输过来的true或者false---转换页面或者弹出输入错误.    登录页后台获取保存账户密码的实例化文件,通过转码,if判断之后传输给前台登录页TURE或者FALSE. 总共

SSH系列:(19)系统首页、子系统首页、登录页、项目主页

在这里,有三个名词需要区分:项目首页.系统首页.子系统首页.登录页. 项目首页是指在web.xml文件中配置的页面.   <welcome-file-list>     <welcome-file>index.jsp</welcome-file>   </welcome-file-list> 当一个系统比较大时,可能包含多个子系统.系统有自己的主页,称为系统首页:而子系统也有自己的主页,称为子系统首页. 登录页,则是用户进行登录的页面. 1.系统首页 (1)

【试水CAS-4.0.3】第03节_CAS服务端登录页添加验证码

/** * @see ------------------------------------------------------------------------------------------------------------------------ * @see CAS登录页添加验证码 * @see 0.这年头验证码一般用来防止帐号被暴力破解,如果我们的系统是走专线的,也就是说放在内网,那完全没必要搞验证码 * @see 1.由于CAS使用了Spring Web Flow框架,所以