Menu

14个特别走心的网站着陆页设计

  • 视觉设计/交互设计   2015-03-06 分享文章到:
<返回列表

在过去的几年里,精美的登陆页面见证了设计趋势实实在在的转变。不论是iPhone应用、Web应用、服务还是实际产品,在登陆页面设计方面的门槛是节节升高。


我认为在其中很多初创公司发挥了很大作用。在初创公司的世界里,给用户留下第一印象的机会仅此一次,所以如何展示产品至关重要。而为了有效竞争,一些比较大的品牌在这一方面也不得不多走点心,而这一竞争就造就了越来越多精美的营销页面,这些页面能够有效地展示产品、说明产品功能和好处,并鼓动顾客的情怀,让他们产生比较高的期望。


下面我收集了一些我个人比较喜欢的营销页面设计,这些设计我觉得融入了大量的心思和功夫,希望能够给大家带来一些灵感。


1)FOREST



Forest是一款能够帮助用户以30分钟为单位集中时间和注意力的工作效率提升应用。其登陆页看起来比较松散,近似极简主义,但仍然很好地解释了产品简单而上档次的理念。


2)MOTO 360



这是摩托罗拉首次杀入智能手表市场,其Moto 360是公司的旗舰产品,因此一定要以一种创新、有趣地方式展示出来。滚动登陆页你会看到以动态UI展示的手表装配过程。其中比较讨巧的一个元素,就是手表图片上显示的是当前实际的精确时间。


3)Instapaper



Instapaper是比较成功的一款阅读储备应用,其特点是应用界面简单、简约。其登陆页面也集产品之大成,虽然有大量的留白空间,但却展现出了一切必要信息,没有乱七八糟的东西。


4)Ring


Ring是一款门铃产品,不在互联网圈子内。其内置的摄像头可以让你通过手机看到门前来者,甚至还能检测到自己房屋周边的动作情况并向你发送警报。这是个比较新奇的理念,所以可能需要详加解释一番,其登陆页面充分而优雅地展示出了产品的所有好处。


5)Gumroad



Gumroad可提供网上销售服务,用户还可通过其系统收款。其登陆页面踩中了很多设计最佳实践方式:有明确的方向指引(大大的“免费设立”按钮)、用词巧妙的操作引导、与之合作的大网站的logo,还有用精美插画绘制的整体流程方式。


6)RDIO



Rdio提供在线音乐服务,其拥有一套制作精良的登陆页。页面典雅、简洁,并采用了大量留白空间和大幅的满屏图片,营造出能够吸引眼球的大胆设计。


7) Intercom



Intercom服务可帮助用户提高向客户发送电子邮件的效率。其登陆页采用了相对比较复杂的理念以便大家理解产品工作原理以及好处所在。这个设计中我最喜欢的是对比展示旧有工作方式和Intercome的简便方法。


8) iPhone 6



iPhone 6的登陆页面采用了其标志性地营销风格——大量留白、巨型方便阅读的文字和高质量的图片衬托白色背景。不仅如此,公司还加入了相对比较微妙的动画效果——向下滚动鼠标时,手机会以视差的形式自己移动。这一切元素共同组成了一套漂亮、容易领会而且具有苹果风格特色的登陆页。


9)Shyp



Shyp是一款旨在简化包裹发运工作的服务。其流程是首先用手机应用拍摄物品照片,准备发运,然后Shyp会负责完成剩下全部工作。考虑到这个想法比较不寻常,所以需要比较复杂的解释工作来展现出这项服务的简单和直接,而这也就是登陆页面的作用了。用户滚动鼠标时,可以看到分步骤的服务流程,并领会到这一切有多简单和方便。


10) DISQUS



Disqus可通过嵌入代码帮助网站所有方在网站任意位置添加评论功能。Disqus一直崇尚创意、巧妙并且设计精巧的登陆页,而其最新的登陆页版本又加入了一个新元素:个性化。其将主页的标题部分打造成了一个不同寻常、有趣且好玩的评论幻灯片,给整体设计精美的页面带来了另一丝魅力。


11) CAMPAIGN MONITOR



打造简单雅致的登陆页面看似简单做起来难,但是Campaign Monitor出手不凡。这是我印象中最简单但最漂亮的页面。其同样踏中了最正确的节奏:有力的标题、撰写得当的介绍语准确说明软件的好处、显眼的操作引导以及一片正在使用其软件的知名公司名称。


12) Human



Human是一款能够跟踪健身水平、卡路里摄入等的iPhone应用。其推广产品的登陆页面在一定程度上采纳了苹果的设计风格,使用了大型的文字、大量留白和巨大粗犷的图片。其简约的设计一笔到位,没有废话,而且看起来也很不错。


13) CIRCLE



Circle是一项比较新颖的服务,其可辅助你使用比特币买东西。公司登陆页面有几个方面做得非常好,比如在多个位置放置注册表单,而不是单独跳出页面。另外,其还采用了几个其他设计诀窍。鼠标滚动时,其背景图片上采用了比较聪明的视差效果,但大型的图片并不会原地不动,而是会缩小到远景,营造出不同寻常的运动感。


14) DYSON 360 EYE



Dyson正式揭开了其机器人吸尘器Dyson 360 Eye的面纱。其登陆页面采用绝妙而不同寻常的方式展现了其不同寻常的产品。页面在显眼位置展示了成品,鼠标滚动采用了有趣的动画效果展示每个零部件,以便用户仔细查看吸尘器内部构造。而最后就组成了这一信息满满而又十分有趣的产品展示登陆页面。


来自:优设

本文地址:http://www.niceui.cn/html/blogs/view-18.html

查看更多:http://www.niceui.cn/html/blogs/index.html

了解nicedesign动态:http://www.niceui.cn/html/news/index.html

分享文章到:

更多阅读

WINDOWS 10通用应用设计趋势分析

用户体验 2015-05-05
众所周知,当初微软在Windows 8上做了非常大胆的变革,除了开创性的Metro设计语言,传统桌面和平板两种模式的...

2015年在网页设计中运用图片的六大趋势

视觉设计 2015-04-25
当我们谈论到设计,图片就是设计元素之中最不可少的一个元素。小编今天在这里跟大家分享的并不是实体摄影的趋势,而是201...

2015年度最佳设计工具汇总

设计管理 2016-01-24
回顾这一年我做了很多的设计,我想与大家分享一些我比较喜欢的工具,它们都是我工作中的好帮手。让我能够高效率高质量地完成...
返回全部博文
扫描二维码分享到微信
确 认

Copyright © 2014-2017 nicedesign 京ICP备15000202号-5

联系
奈思

Nic

联系奈思Nic

直接联络,为你提供产品体验和数字化咨询

扫码合作联系

更多联系方式

联系
客服
提交
需求
扫描二维码关注我们:nicedesign奈思设计
确 认