马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 网站制作 > 网站设计 > 2012年网站体验设计趋势回顾

2012年网站体验设计趋势回顾

时间:2013-06-23   文章来源:www.mahaixiang.cn   访问次数:

最近一直想把马海祥博客的展现形式重新设计一下,但都苦于没有一个全新的理念,因为新网站的设计不但要考虑到搜索引擎方面的优化,更有顾及到用户体验度。可以说用户界面领域在过去的一年中有了突飞猛进的发展,界面设计、易用性和技术之间界限的模糊也造就了更方便也更令人愉悦的整体体验。例如瀑布流形式本身是一个技术成果,但同时也给用户带来了更加连续的体验。这种网页排布拥有了审美的同时也给用户带来了更加清晰的浏览方式。刚好今天看到一篇英文版的2012年网站体验设计趋势回顾的文章,马海祥觉的此文章或许能给那些还正在迷茫的设计师们带来一点灵感,所以在此为了广大博友的阅读方面也特意翻译成中文,借助马海祥博客的平台跟大家分享一下:

2012年网站体验设计趋势回顾

1、瀑布流

2012年网站体验设计趋势回顾之瀑布流

瀑布流对于大家来说已经非常熟悉了。这种形式对于没有层级结构的信息展示非常适用,既有即时刷新的形式,又能按照时间排序。像那些有大量图片的网站—比如google images或者pinterest都把这项技术用的很好,最重要的是周密的将设计和技术落地才能让用户不会有挫败感。Lookbook是另外一个好例子,和瀑布流一起配了一个悬浮导航还有一个返回顶部的按钮,这样用户就可以轻松的到瀑布流的任意一个部分。瀑布流也同样不是一个“全能”的形式,对于那些有很多复杂元素需要考虑的网站来说,分页的形式对于搜素结果,显示列表和电商展示还依然是最好的处理方法。

2、单页网站

2012年网站体验设计趋势回顾之单页网站

单页网站随处可见。超大的背景图,丰富的画面细节还有用动画来展现出来的更加清晰的故事、媒体信息或者提示信息。在跳出了传动网站结构的限制之后,有创意又美观的单页网站发展的非常繁荣,其中两个最喜欢的单页网站要数Jess and Russ和Ben the Bodyguard。不过还是人们总是喜欢盲目跟风,哪怕有些网站甚至根本不适合用单页这种形式。但是对于用的好的网站,单页的形式马海祥觉的真的非常棒!

3、全局导航——“Sticky Nav”

2012年网站体验设计趋势回顾之全局导航――Sticky Nav

全局导航对于结构复杂的网站、长页面网站、或者是有功能条的表单类网站来说是最为理想的方式。但一直存在的导航容易分散用户的注意力,所以最好做的窄一点,不明显一点。一个超赞的例子就是新西兰航空的网站,导航始终只占了顶部一条,而将大部分面积留个内容。Gmail同样也将常用功能作为一个全局导航栏方便用户使用。

4、 web2.0 的审美彻底不复存在

2012年网站体验设计趋势回顾之web2.0 的审美彻底不复存在

我们注意到视觉设计上的一种复古潮流:平面化,干净,简约,并将重点放在了字体设计,以信息呈现为主导,这种的审美代替了传统web2.0的大图亮色和透明的质感。许多网站和app甚至将软件背景换成纯CSS样式,以确保在多端都能够展现这种引人注意的形式。最近最棒的设计包括Basecamp,Dropbox,还有Smashing Magazine 的新版设计。

5、 多样化字体形式展现

2012年网站体验设计趋势回顾之多样化字体形式展现

多亏字体技术的成熟和大多数浏览器与电子设备对字体渲染能力的提高,设计师才有更多的字体可以选择也可以更好的控制字体。人们认为网站内容越来越重重要,那么字体的利用就可以让内容沟通更加的高效。随着手持屏幕,响应式设计和更多retina屏幕的发展,字体将在接下来的几年继续成为关注重点。一个最好的例子就是The New Yorker,使用了标准网页字体(Times New Roman)作为正文字体,并优雅的搭配了展示字体(Irvin,Neutra)作为标题和导航。

以上便是国外设计师对去年互联网页面的总结,而目前阶段国内网站的发展总不可避免的或多或少的受到影响,所以马海祥觉的以上的几点设计理念还是很值得我们去思考的,不知设计师们是怎么看的呢?

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/wzsj/231.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 网站设计   网站体验   页面设计趋势  

上一篇:如何利用“自适应网页设计”实现不同的设备上呈现同样的网页
下一篇:如何才能让页面文字阅读起来更舒适?

您可能还会对以下这些文章感兴趣!

  • 关于响应式页面重构的一些关键技术点

    单纯的页面重构,所涉及到的工作内容一般是“分析设计稿>切图>写HTML和CSS”,虽然看起来很少,但要做好这份工作,绝非所想的那么容易。原因很简单:工作内容单一,在时间和工作量上必会很苛刻,往往跟设计师的工作时间是3:1,即设计师给三天的时间,制作只给一天的时间……【查看全文

    阅读:644关键词: 响应式   响应式页面   日期:2016-09-25
  • 响应式网页设计的排版设计趋势

    假如你研究一个流行的作品集网站,里面展示了当今的网页设计,毫无疑问,你会注意到网页的基本结构千变万化,根本没有固定形态,它可以伸缩变化成任何所需的东西,我认为这是响应式网页设计带来的最棒的副产品,事实上,新的准则,就是根本没有固定准则,我们能观察发现……【查看全文

    阅读:1110关键词: 响应式网页   响应式设计   排版设计   设计趋势   网页设计   日期:2015-04-01
  • 响应式设计时代该如何进行网站设计

    响应式网站设计可以说是一个全新、未知的领域,所以响应式网站设计者需要不一样的设计思路:要针对内容进行设计,一个成功的网站设计源自精雕细琢,但当进行响应式网站设计时候,我们会发现针对普通网站设计的经典方法已无法适用了,我们进行的Web设计均是针对默认的屏幕大小……【查看全文

    阅读:699关键词: 响应式   响应式设计   网站设计   日期:2015-11-22
  • 现阶段网页设计潮流的趋势和风格

    一个优秀的网站设计师设计出来的网页要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。因此在网页创作的时候就必须将网站的整体设计与网页设计的相关原理紧密结合起来。如今随着互联网技术的不断革新,也带动了设计行业的的迅猛发展,这使得设计师和开发者有了……【查看全文

    阅读:1003关键词: 网页设计   网页设计潮流   网页设计趋势   网页设计风格   日期:2013-11-09
  • 基于网站色彩设计对用户体验影响的研究

    色彩,对于人类而言,始终属于自然界最神奇的奥妙之一,永远都在激发着我们的好奇心和创造力。在我们生活中无论何时何地,充满着各种多采多姿的色彩,哪里有光,哪里就有颜色。有时我们会认为颜色是独立的:天空是蓝色的、植物是绿色的、而花朵是红色的。但事实上,其实……【查看全文

    阅读:1849关键词: 网站色彩设计   网站设计   用户体验   网站色彩   色彩影响   日期:2013-10-10
  • 如何利用“自适应网页设计”实现不同的设备上呈现同样的网页

    据百度官方最近发布的《 2013年中国网站运营发展趋势报告 》中数据表明,2012年,PC端网站增速较大,数量较2011年增加29%;PC无线化速度加快,12年PC网站无线化比例达到40%。网络的普及,也逐步的带动了PC网站的发展。而人们上网的方式也变的多样化了,其中比较值得关注……【查看全文

    阅读:7893关键词: 自适应网页设   网页自动调整   日期:2013-02-17
  • 响应式网页布局的实现方法原理

    昨天我在马海祥博客上跟大家详细的介绍过《什么是响应式网页设计?》,我觉的响应式网页设计不仅仅是一种趋势,还更是一个新的设计解决方案!它有助于解决不同的分辨率和设备(台式电脑,笔记本电脑,平板,手机)相关的设计问题。既然是设计的问题,这里就会涉及到很多……【查看全文

    阅读:52191关键词: 响应式网页   响应式布局   响应式原理   响应式设计   日期:2013-09-17
  • 响应式网站页面的设计需求和设计流程

    根据统计,到2015年,移动互联网的用户数量将会超过桌面用户,除了智能手机之外,使用平板电脑甚至是电视机进行上网的用户也在持续增加,在这种形势下,怎样让我们的网站尽量兼容各种类型的设备,并确保优良的用户体验,这将是越来越重要的问题,通过响应式的设计开发方……【查看全文

    阅读:3888关键词: 响应式   响应式设计   网站设计   日期:2015-12-16
  • 全能型设计师必备的10个技能

    为了成为一个全能的设计师,你必须学会掌握一些技能来有效的应对客户或你的老板,很多情况下,一个设计师需要有良好的审美观和许多年的经验,而将那些“经常被雇佣”的设计师和其他设计师区分开来的就是下面列出来的技能,掌握这些技能,你不仅能在团队中成为更有价值的……【查看全文

    阅读:1049关键词: 设计师   设计技能   日期:2014-11-07
  • 如何设计响应式网页中的图片和图库

    响应式网页设计已经是如今网站当之无愧的标准配置了,我们需要响应式的技术来应对日渐碎片化的屏幕尺寸,网页设计师也力图做好这件事情,而网页中的图片和图库的响应式设计,也是其中的重点难点,它们是网页中最常见,也是最直观可见的元素。打开一个漂亮精致的网站,然……【查看全文

    阅读:1161关键词: 响应式   响应式网页   图片   图库   响应式设计   网页设计   日期:2016-11-18
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

一个完整的企业网站首页应该具备什么因素? 如何利用极客精神优化网站的网络组件和代码