上海WEB培训
达内上海市场营销中心

15026646813

热门课程

Web页面中的“门”—Web登录页的设计

  • 时间:2017-11-21 13:10
  • 发布:达内上海Web培训官方首页
  • 来源:企业面试题

登录 请填入您的基本信息 获取验证码 登录普通登录 动态密码登录密码修改 请输入您的新密码 确定 您好,请重置您的登录密码 手机认证 请认证您的手机号码 获取..

上海Web培训

登录页是用户进入网站的入口,就像是进公司的“门”一样。

对于登录页面,是否有足够的魅力让用户在登录过程中不感到烦躁,是否能准确的区分所要填写的信息(如:是填用户名或是电话,快速切换的按钮等),是否能准确找到登录或注册按钮,这些元素的视觉层级与交互关系,直接影响着整个页面的体验。一起跟上海达内web培训机构小编来温习这些知识吧。

5个元素

一般登录页都会包含5个重要元素:LOGO、登陆框、广告图、帮助中心、底部导航。

在这五个元素中,Logo与登录框是必不可少的两个重要元素。Logo体现了产品的品牌,登录框是用户进入这个页面最终的意图。Logo与登陆框已经构成了最简单的登录页面。随着用户体验的提升已经情感化的设计,广告图、帮助中心与底部导航也逐步的体现在了登录页面。

登录页风格

体现品牌类

上海web培训班:这种类型的登录页面多是由LOGO与登陆框两个元素组成,页面质感比较强,操作性比较强,用户在这样的登录页能快速的完成填写与登录,同时还能对产品的品牌一目了然,整个页面呈现一种比较理性的设计,没有任何的视觉干扰。

上海Web培训

当然也不是全部,如果会受干扰,可能干扰的对象就是设计师们,设计师对高质感的设计都有很敏锐的观察力,页面中的设计细节(如渐变、阴影、高光等)可能会让设计师短时间内停下来观察,随后快速完成注册。

有趣味性的设计

上海web培训班:当这种风格的登录页面展现在用户眼前时,用户的第一视觉中心往往实在这个图片上,其次才会看登录框。但这些广告图又很好的传达了产品的相关信息,如:品牌(是什么产品)、性质(这个产品是用来做什么的),或者传达一种节日的氛围(春节、国庆等)。

虽然第一视觉中心不在登录框上,但这些广告图又很好的诠释了这个产品的涵义,加深了用户对此产品的认识,同时,这些广告图趣味性比较强,虽然是广告,但并不会让用户感到反感。

还有一种相似的广告图,广告本身与此产品关系并不大,这些图的内容更多的实在表现一种意境,一种情感,像是回忆、憧憬、幻想、童话等,能让用户进入一种意境中,产生共鸣。

上海Web培训

情景类

上海web培训班:这种全背景的登录页,用大背景图来烘托出比较随性的情境,在登录框设计上,感觉比较轻松不拘束。比较适合用在个人空间、博客等产品中。

上海web培训小编总结:综合这些广告图的类型,其实都是在表达四种寓意:品牌宣传、相关广告、情景化设计和节日相关。

登录页广告图的变化,很多时候都见证了产品从宣传“产品品牌”到宣传“产品理念”的一个过渡。在第一阶段宣传品牌时,很多时候都以直白的产品特性为宣传 点,随着产品的运营,第二阶段会对产品特性加以包装,结合趣味性的设计语言,使产品的特性包含一些寓意,在接下来的阶段中,会融入越来越多的情感化设计, 情感化的文字,可以使用户在了解品牌的同时,也加深对产品理念的认识。

学习使我们处于不败之地,IT学习更能让我们适应互联网+大数据时代的高速发展,上海达内带你一同走进魔都的高薪阶层,做更有价值的事。【上海web培训机构】达内

扫码获取免费学习机会

上一篇:未来Web设计几大趋势-上海web培训
下一篇:Web架构:关于缓存的解释

一位前端老程序员无法忘怀的百度电话面试

上海Web开发培训:简单的SWING图形用户界面

来自一位Web大牛口中的工程师常见面试题

Web工程师训练陷阱:canvas 图片合成中的坑

选择城市和中心
贵州省

广西省

海南省

免费学习5天VIP课程