新型SEO思维就是从一个全新的层次上提升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,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 网站设计 网站体验 页面设计趋势

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

今日话题更多>

SEO研究院 更多 >>