正确的登录页面设计可以创建或破坏(vandalism)一个网站,因为这将是你的访问者操作的第一个页面,如果这个页面做的不好,那么大多数人将不会再逛这个网站了。登录页面设计应该清楚地传达产品或服务的独特卖点,并专注于一个调用行动(CTA),比如让访问者注册(re..

互域东莞网络公司,专业东莞网站设计,东莞网站建设行业里很有竞争力的团队之一。

您的当前位置:互域网络 >> 网站设计知识 >> 怎样设计出优秀的登录网页?

怎样设计出优秀的登录网页?

日期:2018-11-07   来源:mysite
072018-11


  
  
正确的登录页面设计可以创建或破坏(vandalism)一个网站,因为这将是你的访问者操作的第一个页面,如果这个页面做的不好,那么大多数人将不会再逛这个网站了。登录页面设计应该清楚地传达产品或服务的独特卖点,并专注于一个调用行动(CTA),比如让访问者注册(register)他们的详细信息或者购买。无论目标是什么,它都取决于页面的设计来引导用户走向它,无论是通过使用简洁的页面、漂亮的颜色或更明确的方向线索。
清晰、简洁的标题、子标题和敏感的、容易扫描的要点是当天的顺序。登陆页应该有醒目的标识,经常把企业形象与产品或服务相结合,直接切入(qiē rù)正点以避免用户的注意力漂移。从网上找到了一些特别有效的登陆页面设计实例,大家可以参考一下。
0
  1. Interface Lovers
为一个专为“界面爱好者”设计的网站设计一个登陆页面绝非易事,但Facebook的设计师Timothy Achumba却把它钉在了这里。该网站旨在激励(Excitation)人们,在UI设计的工艺上提供实用的建议,并庆祝不同设计师的独特(释义:特有的、特别的)体验。
设计把重点牢牢地放在内容上,并使用平衡的layoutin,由Achumba的初恋:print。“界面爱好者的设计,基于从报纸版面上取下的简单的三栏网格,是不复杂和干净的,”他说。美丽的人像摄影吸引了游客,并强调了网站对个人故事的兴趣。
为了构建这个站点,开发人员Iheanyi Ekechukwu利用了Tachyons,这是一个功能CSS框架,允许对设计进行细粒度的控制。结果是一个华丽的,最小的设计,没有任何的铃声和哨声。
0
  2. Google Fonts
谷歌引导你直接到字体,没有任何麻烦
最初在2010年推出的谷歌字体现在在互联网上被浏览超过150亿次,在全球超过135种语言中。谷歌字体网站是干净和完全响应的,使用材料设计的网格和样式。
在她的博客文章中,设计师Yuin Chien解释道:“我们通过建筑的能力来玩尺度、颜色和字体的配对,我们邀请每个人在他们的项目中发现并无缝地使用字体。””,她是对的。界面既诱人又美观。这也是一种直观而有趣的探索。
至关重要的是,它不会强迫你跳过hoops来获取字体;他们就在登陆页面的顶端,准备(ready)好让你玩了。您可以直接输入页面的文本字段来测试它们。如果你被选择淹没了,谷歌可以很容易地缩小范围,在字体类别和方便(fāng biàn)的滑块上,有很多风格,厚度,倾斜和宽度。
0
  3. MIT Technology Review
麻省理工学院的技术评论让它变得简单
非常多网站都在用花里胡哨的方式来浏览这些页面,找到一个能让事情变得简单的网站是一种解脱。麻省理工学院(MIT)的技术综述首次发表于18世纪末,它有着悠久而自豪的传统,它的网站是专门为展示优秀的艺术和阅读而设计的。
登陆页面(webpage)是一种乐趣,你可以用一个大胆的封面故事,三个次要的故事,以及一个被称为“下载”的故事。这使得访问者能够以一种没有废话的方式快速地了解事情。右上角的一个大红色订阅CTA也立即吸引了你的眼球,引导访问者进入付费的网站选项,而不会妨碍他们享受免费的内容。
0
  4. Resn
神秘的“坠落”打破了常规登录页面设计的大部分规则
现在让我们来看看一个页面,它忽略了登陆页面设计的大部分规则(rule),但无论如何都是成功的。从来没有人排队,使用标准的用户界面模式,设计机构Resn建立了一个以“Drop”为中心的登陆页面,这是一个神秘的、闪闪发光的泪滴形状的多边形,它充当了Resn心灵的入口。
点击并按住鼠标,你就会变成一个灰度,苹果主题的万花筒;一种用x射线激光束将人肉从旧画中脱离出来的蝙蝠。一个有趣的管;一种能提供奇异的剪纸的迷幻乐;天知道还有什么。Resn已经打破了许多创建登录页面的常规规则,但其结果足够令人信服,如果这种东西能让你的船漂浮起来,那么你很有可能继续挖掘,如果不这样做的话,你就不会浪费时间。“The Drop”可能是一个完美的过滤(filtration)器,用来吸引公司想要与之合作的客户类型,这是一个你可能永远不会忘记的真正华丽的登陆页面。
0
  5. Present & Correct
每个小组都是一个诱惑
在它整洁的华丽图像网格中,现在和正确的网站触及了它的重要受众:那些迷恋文具的人。
一张图纸(drawing)背景,浅灰色的着色和经典的字体,一个学校锻炼的书vibe和每个面板显示一个漂亮的产品。Stock被精心安排在顶部菜单栏中显示的类别,很容易点击整个过程,从有趣的标题“蜉蝣”开始。
0
  6. Monotype
就像公司本身一样,Monotype的登录页面是关于排版的力量
“我们是类型的公司,”Monotype的登录页面,它的低调而巧妙的设计与这自信的声明携手并进。东莞网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来整个左半边的页面设计都是为了公司的使命宣言,有一个巧妙的转折:通过一个下拉菜单,你可以看到文字的各种字体,以及各种各样的重量和风格,来体验一下Monotype所做的事情。
页面的右边是一个链接到Monotype图书馆,企业许可证,和公司新闻,在不同的字体中有大量的M图标,像drop caps。柔和的sepia色调色板将重点牢牢地放在字体上。
0
  7. LS Productions
《LS》的制作将你带进华丽的苏格兰地区
LS Productions——一家总部位于苏格兰的stills和移动服务制作公司(Company)——知道它最大的资产是什么,当你去它的网站时,你会看到它。一个窗口填充的循环视频展示了公司的工作,都是在美丽的地方设置的。向下滚动,你将学习它的三个主要服务:运动(sport)、静态和位置。
到这时,登录页已经完成了它的工作。下面的一切——每周的华丽地点,“会见团队”的部分——只是粉饰门面。如果你打算招聘LS产品,那么你就已经进入了一个主要的服务页面,在那里你会发现大量相关的、良好的信息,让你相信公司的适用性。
0
  8. O'Neill
奥尼尔的照片重拍,完美地出售了冲浪和雪梦
美国生活方式品牌(Brand)奥尼尔主要关注两件事:冲浪和雪。它的美国网站用一个图片引导的登陆页面,把你的衣服范围和运动装备都卖给了你,让你能在巨大的海浪和白雪覆盖的山脉上拍摄(shoot)。
如果你知道你想要的是什么,那么在登陆点顶部的一组下拉链接可以直接把你带到你想要的东西,但在你的页面下方,你可以看到一些大的、图片引导的部分链接和Instagram画廊。这一切都足以让你冲到海滩上——或者是最近的山的顶部——但不是在先把奥尼尔的装备储存起来之前。
0
  9. Hipstamatic
Hipstamatic的登陆页面(webpage)显示了该应用程序的功能
对于复古的模拟摄影应用Hipstamatic,这一切都是为了展示(model)酷炫的功能,以及应用程序的外观、感觉(feel)和直观的导航,尽可能吸引(xī yǐn)用户。东莞网站建设是指使用标识语言(markup language),通过一系列设计、建模、和执行的过程将电子格式的信息通过互联网传输,最终以图形用户界面(GUI)的形式被用户所浏览。
在页面的顶部,一个滚动的画廊展示了在实践中“Hipstamatic美学”,而一个巨大的iPhone展示了最新版本的应用程序,它的老式的经典模式和新的推广,具有更多最新的功能。在那下面,一个新的strapline总结了Hipstamatic现在的全部网站内容:“制作美丽的摄影”,一个大的CTA引导你到App Store。

  10. Apple
苹果的登录页面围绕着精美的产品摄影
毫无疑问,毫无争议的工业设计大师可以把一个像样的网站整合在一起,而Apple.com毫不费力的简单,甚至赢得了一个D&AD黑铅笔。
该网站将该公司广泛的产品(Product)系列和零号产品放在一个热门产品上。东莞网站制作通俗的来说就是网站通过页面结构定位,合理布局,图片文字处理,程序设计,数据库设计等一系列工作的总和,也是将网站设计师的图片用HTML(标准通用标记语言下的一个应用)方式展示出来。除了顶部的简单导航栏外,它只是精美的产品摄影,产品名称和它的口号。这里甚至连一个CTA都没有——苹果明智地认为,它的精通技术(Technology)的观众会知道图像和文字与更多的信息联系在共同。这是一个真正的大师班。

  11. Pinterest
Pinterest非常有名,它的登陆页面不需要努力推销自己
Pinterest知道它想要什么,并没有心情去击败布(cloth)什:它是注册的,或者什么都没有。流行(Prevalent)的在线剪贴簿在其品牌(Brand)和迅速发展的声誉上有足够的信心,不要过于担心自己的销售,或者让用户有机会浏览一些董事会,并有机会回避。
在注册卡的后面,Pinterest的一份令人愉快的照片剪贴簿,让人感觉(feel)很好,给用户提供了一种体验。这是一个简化版和美化版的你实际上得到的——没有冗长的描述,广告或repin info在这个版本的首页。

  
  
  
  
  
  

0
[ 关键字:网站,,,,,,,,, ]


相关阅读:
  • 得与舍并存的网站建设思想 [04-25] 在文章网站内容正式开始之前,小编无聊和大家讨论一个关于舍与得的问题。贪婪之念人皆有之,但也说知足常乐,生活告诉我们,无论做什么事情都要善于..
  • 影响企业建设网站周期的因素 [04-25] 如今互联网技术(Technology)的不断发展,非常多企业都想要做网站建设,但是在建设网站过程(guò chéng)中,都会存在一系列不同的问题(Emer..
  • 建设营销型网站的栏目该如何设置? [04-25] 作大家都知道,网站首页是一个营销型网站的形象代表,越来越多的公司营销型网站现在非常重视优化(optimalize)和推广(generalize),那么企业就要..
  • 建设营销型网站对企业的重要性 [04-16] 随着互联网的发展(Develop),营销型网站建设(construct/build)被更多企业所应用(application),企业可以通过(tōng guò)网站建设来减低企业的管..
  • 建站公司选择一点通 [04-16] 许多企业在建站之时都有一个头疼的问题,选择哪一家建站公司,性价比,质量好坏,售后服务等等都会是要考虑的因素。东莞网站建设包括域名注册查询、..
  • 定制开发与模板建站的几大区别 [04-16] 当一个企业准备做自己的企业网站或其它类型的网站,或者对于刚接触(touch)网站建设的人来说,难以搞清模板网站和定制开发网站的核心区别。东莞网站..
  • 如何理顺网站建设与企业品牌间的关系 [04-16] 网站建设与企业品牌间的关系是相互的,二者即相互促进又互为补充,企业品牌可以帮助网站建设定(shè dìng)位(Locate)和确定方向(direc..

在线QQ咨询