登陆表单设计案例网页和APP登陆表单

登陆单设计案例网页和APP登陆表单 登陆表单设计案例:网页和APP登陆表单 石家庄做网站 www.sw-tech.cn 我从Dribbble收集了20个漂亮的登陆表单案例。希望你看后能从中受益，并对你以后的登陆表单设计有帮助。设计一个登陆表单看上去非常容易，但大多设计都很糟糕、毫无亮点。无论如何，这篇Dribbble案例集锦绝对走的是另一个极端。希望它们能赢得你的青睐～来一起欣赏吧:) 网站与APP中的登陆表单 继承了iOS7的精髓，这件登陆界面作品将iOS7微妙的动画背景上升到一个新的层面。此处的背景完全是一张动画图片——甚至可能是GIF。尽管这背景事实上没有那么精致，但这一定是你平时不常见的设计。你几乎很难见到这样的APP，还有如此卖弄的首屏设计。 同样秉承着iOS7的精神，这个登陆界面和它的附属界面采用了彩色模糊背 景，令一切都保持绝对简洁。我得说这两个界面都相当极简化，实际的输入 框被细线所取代。不过美妙的多彩背景增添了个性化色彩，令作品亲切美观。 如果说有令人愉悦的设计，那这一件就是了。蓝色背景图与明快的白色LOGO、 文字和输入框形成强烈对比。绿色按钮看起来像个真实的按钮——尽管界面 的其余部分都是扁平的——色调也与蓝色搭配地非常好。 真是醒目的配色～当然，它是从另一个角度思考登录框的产物。这不是一个 通常意义上的登录窗，因为它在易用性方面仍存在瑕疵。但是在设计方面， 我们尽可以跳出条条框框来思考登陆界面。 与之前那些相比，这件相当平静和简洁。颜色选得非常棒。页面也很切中要 害，它没有任何不必要(甚至扰乱注意力)的小把戏，任何一个登陆界面都 不应该有。 这又是一款大胆的登陆界面设计。深色的登陆界面、深色模糊背景、明亮柔 滑的纤细字体，营造出了神秘气息与魔力。有了迷人的登陆界面，就别无他 求了。 现在呈现的是一款深色登陆界面，还有非比寻常的红色文字与按钮。我不确定这么多红色是否合适，不过我们暂且继续——这是非比寻常的大胆设计，值得喝彩。我觉得自己对于红色的忌惮是没道理的，因为决定用户反应的，是红色按钮所处的环境，而非红色本身。我可以肯定，没有人会在按下这个登陆按钮时感到崩溃。 这件作品绝对是本文中我的最爱之一，因为它够简洁，却不单调。它的配色 相当惊艳，几种颜色完美结合。而且，它看上去真的很赞～确实是个打造简 洁美观登录界面的好办法。 这是个稍微复杂些的登陆界面。像如今大部分平台一样，你可以已有账号来 登陆，比如Google、Twitter或者Facebook，而不必在每个新网站上创建新 的账号。不过如果你想的话，你也可以注册自己的账号。 这个界面很有创意——手写风格的注释与箭头，给界面增添了一些个性，配 色也很棒，与常见的蓝色和银灰色有所区别。同时，不像时下大多数登陆页 面，它的背景图并不是视觉焦点，它就是一个轻巧的登陆/注册页面。 我非常欣赏这件自由散漫的设计。没有分散注意力的导航，也没有烦人的其他内容。用户的操作与目标同样简单:选择Platform或Opentag，然后登陆。如果是首次打开，你可以试试底部的”注册账号”链接。我觉得这真是个组织良好且执行到位的登陆界面。 这也是我最爱之一，我着迷于它的扁平设计。它也没有多少分散注意力的东 西，重点就是登陆。简明的logo效果非凡，如果你没有账号，也能在这注册 一个。除此之外，所选的颜色也紧密结合，表现良好。 我非常喜欢这件设计，因为东西都足够大，登陆按钮很大，按钮上的文字很 大，图标也很大。现在你应该有所体会了。另外，登陆按钮是明亮的橙红色， 你不会忽略它。它不会与周遭环境混为一谈，所有需要强调的操作都该如此。 我不确定自己是否赞同输入框背景和文字的颜色，不过除此之外，这仍然是 件优秀的单色表单设计。我喜欢这两个输入框彼此结合的方式，因为他们显 然就是一体的。我也喜欢那个醒目的登陆按钮。 在你注销登陆前，网站会记住你是谁，这点太赞了。从外观来看，它想营造安全登录的感觉，事实也确实如此，这得益于下面的两个logo——McAfee和VeriSign。我还喜欢它滑稽的头像，使得整个界面体验如此愉悦，虽然它其实很严肃。 这是我第三喜爱的作品，因为它好玩的配色。是的，这是扁平设计。如此基本的样式，本应该很单调，它却没有。我发现精心挑选过颜色的扁平设计常常能成功，因为充满了亲切感和个人色彩，这件登陆界面就是如此～我很希望在自己经常使用的app和网站中见到更多这类设计。 啊，又是一个蓝色的界面～我对此处使用的绿色持怀疑态度，不过本作品中 微妙变化的蓝色，与白色文字结合地很好——确实非常好。非正式的小写字 体也给整个界面增添了几分个性。 我相当喜欢这个表单，因为它显然是页面的视觉中心，再没有其他东西分散我的注意力。当然，还有logo和邀请注册链接，不过它们在哪里都无法盖过巨大的登陆界面。与暗调处理的背景图相对比，明亮的输入框吸引力注意力，让你立马就去登陆。 这是一件拟物化与扁平结合的UI作品。你怎么想,我觉得它处理的非常好。 不用嘲笑拟物元素的阴影效果，它们并没有影响整个设计，此处的设计相当 聪明，节制地使用拟物化元素，字体的选择和色彩搭配铸就了这件作品。 又是一件迷人的登陆界面。它内容比本文中很多设计都更丰富，不过配色选 得很好，让界面漂亮地结合成一个整体。