4种方式可以让网站的登陆框更加时尚

2016-02-16 20:41 11 1 收藏

今天图老师小编要向大家分享个4种方式可以让网站的登陆框更加时尚教程,过程简单易学,相信聪明的你一定能轻松get!

【 tulaoshi.com - 平面设计 】

一个秘诀是,让一切元素都动起来。

最近,一个叫 GoSquared 的博客做了一项与登陆框有关的调查,调查表明,人们更喜欢这样的登陆框:1. 更快速、更简洁;2. 要有实体的 提交按钮;3. 在出现误拼写时(比如把 gmail 误拼为 gkail 时)能及时纠正;4. 放置聪明的 placeholder 标识。关于登陆框,他们还总结了一句话:要在安全性和实用性之间找到平衡。

1.更快速、更简洁

4种方式可以让网站的登陆框更加时尚,PS教程,图老师教程网

对于网站的构建者来说,这条不用说你也知道。登陆页面是用户们最想快速翻过的页面,所以登陆过程越简洁越好,但说起来容易做起来难。针对这一点,GoSquared 网站举了个例子:他们使用了动画效果,让整个登录过程显得简洁和流畅。在用户输入邮箱地址时,头像会立刻关联显现,增强登陆框的私人化体验。

2.要有实体的submit按钮

4种方式可以让网站的登陆框更加时尚,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

现在许多网站都去掉了提交按钮,填完个人信息直接按回车键就行了。但 GoSquared 的调查显示,大部分的用户还是希望在填完信息后按一下实体提交按钮。所以就把两者兼顾起来吧:针对那些老用户,他们填完个人信息按回车即可登录,而对于大部分的用户来说,给他们增加一个实体的提交按钮是很必要的。

3.出现拼写错误时要及时纠正

4种方式可以让网站的登陆框更加时尚,PS教程,图老师教程网

在登录的过程中,把邮箱地址拼错是最烦人的了。GoSquared 推荐了一款叫作 Mailcheck 的工具,用户在拼错邮箱域名的时候(比如误将 gmail.com 拼成 gkail.con ),它可以作出自动纠正,登陆框因此变得更智能。

4.放置可移动的placeholder的标识。

4种方式可以让网站的登陆框更加时尚,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/pmsj/)

现在有许多网站会将邮箱地址四个字放在登陆框内部,当鼠标移动到这个位置时,四个字便会从框内移动到框外,你就可以开始在框内输入自己的邮箱地址了。

4种方式可以让网站的登陆框更加时尚,PS教程,图老师教程网

GoSquared 网站给出的登陆框看起来有点复杂,但其实你也可以做一个类似的。一个有设计感的网站,每个细节都很重要。不要小看了这些登陆框,可能它在不经意间又多留住了一个用户呢。

来源:https://www.tulaoshi.com/n/20160216/1573974.html

延伸阅读
阿里旺旺2015可以同时登陆吗   在同一台电脑上可以登录两个不同的阿里旺旺账号,需要您再次点击桌面上的阿里旺旺快捷图标,打开阿里旺旺登录界面,输入阿里旺旺账号和密码,点击登录就可以了。不过建议不要登录太多的账号,系统会判断可疑哦。 注意:同一个阿里旺旺账号不能同时在两台电脑上登录(从网页上登录我的淘宝除外),...
本PS教程为大家带来网站按钮制作教程,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢! 先看效果图: 1、执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:制作登陆办公平台按钮,宽度:800像素,高度:600像素, 分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮。 2、在图...
标签: PS PS基础
本PS教程为大家带来网站按钮制作教程,制作过程中主要应用渐变、蒙板等工具,希望大家喜欢! 先看效果图: 1、执行菜单:文件/新建(快捷键Ctrl+N),弹出新建对话框,设置名称:制作登陆办公平台按钮,宽度:800像素,高度:600像素, 分辨率:72像素/英寸,颜色模式:RGB颜色、8位,背景内容:白色,设置完毕后单击确定按钮。 2、在图...
360浏览器无法登陆账号 找不到登陆头像框该怎么办? 360浏览器在登陆360账号之后,可以同步收藏夹、便签、微博登陆等设置参数,如果找不到登陆按钮该怎么办呢?   1、通常情况下,打开360安全浏览器之后,在浏览器的左上角会有一个如下图所示的头像按钮 2、点击该按钮,会弹出登陆框,要求输入360的账户和密码,登陆...
让你的宝宝聪明起来 想要你的宝宝聪明起来吗?那就多和他说说话,多进行阅读,多让他听音乐,同时,还要多给他玩玩具哦。生活中,有一些方法是可以让宝宝变得聪明起来的,下面,我们就来介绍它们。 和宝宝说话 这个看起来可能很容易,但是,当妈妈埋头于繁杂忙乱的家务事时,很容易就会不吭声的。另外,要记得从宝宝刚出生时就开始和他...

经验教程

710

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部