原本以为会是一篇含金量很高的文章，09年看过一篇流传很广的年度网页设计趋势，写的很不错，不过完成这篇翻译后还是觉得新鲜的东西少了点。这篇文章也是几度犹豫后才翻的，老是觉得看过就好了，用不了这样耗时去翻译，但是还是坚持翻译完了，我始终相信亲自翻译和看别人的文章后留下的印象和收获肯定是不同的。这也是我乐此不疲的一直坚持下来的原因，我能感受到自己那微小的点滴进步，但是还是看不清未来，好了废话完毕。上文！

正统主义者们往往会讲真正伟大的设计是不朽的。是的，在一个理想的世界里，我是应该忽视所谓的趋势。然而实事求是的来看，追寻和借鉴流行的设计趋势仍然是一件非常有价值的事情，特别是对于网页设计而言。
现实情况是网络是一个迅速变化着的，不像其他媒体，网页设计的趋势不仅仅因审美的改变而改变技术的日新月异往往能够彻底的改变媒介传播的方式。
在2010年，我们不断的发现设计师们正不断的拓宽网页设计的设计方式，呈现出以下明显的趋势……

平面设计一直以来都是网页设计的灵感来源地。那些曾经主要做平面工作的设计师们已经在网页设计领域获得了不俗的成绩，因此，我们可以看到很多网页设计灵感都是来源于平面设计，而且这些设计师已经跨越了网页设计的界限。

对于字体设计来讲最重要的就是易识别性，平面设计师通常情况下都非常喜欢使用衬线体（serif fonts），因为字体边缘修饰有效的增强了清晰度，这让字体非常容易识别。


Sans-serif fonts曾经一度被认为是在屏幕上最容易被阅读的字体，但是随着用户屏幕分辨率的提高以及字体平滑技术的改善，serif fonts作为正文字体已经非常普遍，而且其易读性也得到了大大的提高。

平面设计师们通常喜欢用大的标题来吸引眼球，如果平面印刷期望被xx看见的话它必须讲求高的视觉冲击力。如果你看见桌面上放着一张枯燥乏味的印刷小册子，你会有欲望拿起来看吗，我想不会。
这种趋势从2009年就开始大量流行，现在变得越发普及起来，巨大的标题也被证明能够很好的吸引用户的注意力，也更能清晰的传达出页面信息。

设计师们往往都会受到媒介的限制.和网页设计不同的是，平面印刷设计无法提供滚动条，它会受制于纸张的尺寸。使用多列布局可以让你在同一个页面呈现更多的内容。
现今，随着屏幕分辨率的不断提升以及网格排版的使用，越来越多的设计师们使用这种方法让页面使用起来更为方便，而且呈现更为丰富的内容。

一图顶千言。和平面印刷（需要更大的分辨率）一样，网页上使用大的顶部图片很容易形成大的视觉冲击力，但是这需要一定图片载入时间，不过随着宽带技术的改善，大图片的使用变得越发可行。
现在我们已经能看见许多的网页开始使用大的图片，而且巨大的视觉冲击力也让用户被深深吸引，同时也让用户能更融入页面中。

平面设计师们常使用图表传达复杂的信息，这在杂志媒体和年度报表中非常常见。
图表能传达复杂的信息和比率，而这些都是很难用文本能够表述清楚的。信息图表提供了一个更为简单而且在视觉上也更为直观的表现方式，许多设计师已经在尝试在网页设计中使用信息图表或者模拟这种呈现方式。

Antoine de Saint-Exupery曾经说：xx的作品不是那些无法再添加内容的作品，而是不能再减少内容的作品。“Perfection is achieved not when there is nothing more to add but when there is nothing left to take away.”简洁设计的优点是非常多的。
Hick的理论告诉我们每每增加一个选项也就同时意味着需要时间去做出决定。加之，信噪比理论又告诉我们任何不能添加到信息和功能（信号）里面的内容都会起到阻碍作用而且会降低设计的有效性（噪音）。
简洁的设计容易阅读和理解，而且在信息传达上也更为明确和清晰。

极简主义设计是非常强大的但是又很难掌握。极简主义设计除了最核心的内容外剔除了所有不重要的设计元素。在其他的一切元素均被剔除的情况下，剩下的核心内容也就承担起了视觉吸引和信息传达的职责。
极简主义设计往往需要一个强有力的网格系统作用。通常情况下它包含着大量的留白，因此如果没有网格系统的，设计整体上会显得散乱和草率。网格系统能让设计看起来更为有组织性和结构感。

实现简洁的设计方式有很多方法。单页布局就呈现了两种方式：隐藏和移除（hiding and removing）
有效的单页布局设计隐藏了那些不优先显示的内容。如果用户希望看到这些隐藏的内容的话他可以点击覆盖当前内容查看。这与显示所有内容相比显得更为有效，而且显示所有的内容会让页面看来非常的复杂和拥挤。
同样的，单页布局设计背后的原则也让额外的页面显得没有存在的必要了。通过使用强大的JavaScript数据库和快速的链接速度，现在许多网页已经不再需要多页面的呈现方式了，设计们可以非常容易的在一个页面里面编排内容。而无需用层级系统来干扰用户的使用体验。

在早起的网页设计中，我们没有足够的屏幕空间去呈现内容。因此我们也就没有办法为用户呈现足够多的留白。如果你尝试过在640×480的分辨率下设计网页的话，你就能够准确的体会我在讲什么。现今随着屏幕分辨率的不断提升以及JavaScript在显示和隐藏内容上的强大功能，巨大的留白已经能够很容易的表现。
留白对于设计作品是非常重要的。它为视线提供了休息空间。留白也能提升设计的整体质量。而且也能非常清晰的呈现各个元素之间的联系关系。

曾经一度我们被限制使用很少的“网页安全字体”，而且对于这些字体的呈现方式也没有多少展示变化空间，然而现在我们拥有了更多的工具区拓展排版编排的方式。
网页设计师们曾经非常的热衷于使用样式作为一种工具来传达信息，然而随着控制方式和功能的拓展，我们现在已经看见更多设计师开始聚焦于版面编排并将其作为一种主要的方面进行思考设计。

还不确信你能充分的利用好CSS3的技术优势吗？让我们想想看，像Andy Clarke和Jeremy Keith这样的网页设计先锋人物们不是一直在鼓吹网页设计应该“渐进增强（progressive enhancement）”么。
渐进增强也就是讲设计网页的时候应该注意在老版本浏览器中也能正常使用。而当用户使用的是{zx1}版的浏览器的时候页面也能呈现更为强大绚丽的效果。
在这种情况下进行设计的话你需要充分的利用好CSS3的各项特性诸如：圆角、边框背景、文字以及阴影（rounded corners, border backgrounds and text and box shadows）。用户在高版本的浏览器中能看见非常完整和绚丽的效果，而在低版本（如IE6)的情况下也能看见最基础的呈现方式。

CSS3 Animation CSS3的动态效果
动态效果在网页设计领域已经经历了很多个阶段。最起初，我们只能使用GIF动态图片。然后我们几乎是仅xx于使用flash技术，然而现在我们可以在flash、Silverlight、gif、JavaScript甚至CSS3中作出选择。微妙的动态效果可以为页面提供令人难忘的使用体验，而且CSS3能让这一切变得更为轻巧和容易。

Rounded Corners圆角
2005年和2006年兴起的web2.0格式让圆角变得非常流行，直角是非常讨厌的。在那时，创造圆角还是非常困难的。那时候还没有直接的设置方法创建真实的圆角，他们用css进行模仿或者使用JavaScript hacks以及图像。
css3技术现在已经能允许我们在浏览器里面直接的创建圆角效果。创建圆角效果不仅变得更为容易而且更为有效率。因为用户无需下载额外的图片或者JavaScript代码文件。
现在设计师们现在越来越多的充分的利用新浏览器带来的各种优势。

Box and Text Shadows BOX以及文字阴影
使用阴影以营造一种空间深度在早期的网页设计中就已经得到应用（而且有时候被过度的使用）。但是那时候还不是那么简便实用，为了增加文字阴影，你需要使用图片，这也就大大的增加了文件载入速度，同样也大大的增加了维护难度。阴影框需要几张图片和CSS tricks。
现在CSS3提供了可定制阴影的功能。这为创意效果提供了更为宽广的空间。包括不仅仅是投影还能设置内阴影。充满创造力的设计师们现在已经开始使用css3效果来模拟浮雕和凹印效果。

RGBa and Opacity RGBa以及不透明度
前些年，在网页上使用不透明度几乎是不可能的。你有只有三种选择：使用平面图形模拟透明效果、处理PNG图片的跨浏览器不兼容的问题或者挣扎于css基本的透明度选择器。
CSS3技术为设计师提供了更好兼容性和自由度的透明效果。你可以充分的运用它的技术优势。CSS3对于创建有着半透明效果的复杂背景非常有帮助。在以前这样的效果如果不使用复杂的PNG图像几乎是不可能办到的！

手机网页已经让成千上万的用户在排队的时候可以处理银行账户，在乘坐地铁的时候查看{zx1}的分数，也能在开车的时候更新twitter信息（这是非常危险的行为~），而且手机网页设计也得到了长足的发展。
我们可以直接的讲每家公司都应该考虑到他们的公司网站在手机网络上的访问情况。现在很多创新型公司已经开始花大力气去开发更加易用和友好的手机网络版公司网站。

在社会媒体的爆炸性增长的同时人们也需要沟通和分享他们各自xx的内容。

在设计领域，我们已经看见了其他大量的作品的共享和浏览。作为一个设计师，我们现在正被其他人的创意轰炸着。这样做不仅仅可以提升设计的质量，而且也能鼓励创意想法的分享交流，这也能构建一种创造和革新的文化氛围。

如果你和我一样都是看着迪斯尼的动画长大的话，会非常羡慕那些创作动画的工作。我们早已过了只能用墨水和马克笔画插画的时代，工具的革新也将很多创造性的方式带到了设计里。
许多设计师正在学习使用平滑、清新、简洁的插画来创造一种与众不同的感觉，而这种方式是不能被摄影和简单的图片拼贴所复制的。这样也就成就了大量非常有吸引力和优秀的专业插画作品的诞生。

纹理背景在网页设计上并不是什么新鲜事物，但是这种技术在最近几个月已经有了一些非常有趣的变化，我把这称之为“轻纹理（micro-textures）”，这种类型的纹理非常的细微，几乎在背景上很难被察觉到。

也许你会讲，缩略图在网站诞生之日就存在了，它怎么成了一种趋势呢？是的，它们是非常常用的表现方式，但是只是非常简单的使用着，你可以点击一张缩略图进而显示一张更大的图片，但是这样是不是太枯燥了呢。
在过去的几个月里，设计师们开始反问自身：如何才能让缩略图看起来更为有趣呢？这也就产生了更为有趣和好用的缩略图设计方式。

随着网页设计的不断演进，我们可以看见越来越多的设计师们开始受到不同媒介和资源的灵感冲击，毫无疑问绘画作品也是其中之一。已经出现的一种风格就是对水彩风格的模拟。这种风格清淡且优雅，看起来非常的独特和平静。

http://www.thecroquis.com/

手写和手写字体已经过度的滥用了，基于此，许多设计师极力的绕开这种表现方式，或是因为厌恶或是因为担心这种方式看起来会不专业。但是最近，许多设计师开始发现，如果这种表现方式使用得当的话，手写风格传达着一种工艺感和良好的规划的意识，如果正确的使用了，其实它非常有助于信息的传达和沟通。

现在的人们使用Facebook的时间远远大于使用Google的时间了，难怪设计师们都在寻找一种创新的方式在他们的网站上添加社交媒体的内容。
有一些设计师甚至用他们的网站来聚合他们发表在社交媒体上的信息。
随着时间的推移，我们可以看见更多的设计师寻找并运用创造性的方法在他们的网站上整合社交媒体的信息，这可以大大的提高对他们用户的吸引力。

现在的浏览器对position: fixed固定元素有了更好的支持，我们看见非常多的精巧的使用方式。
在很多情况下固定的元素（诸如固定的导航）能够为用户提供更为有效的服务，这样做可以让网站可用性更强。
固定元素非常具有吸引力而且能大大的提升用户的使用体验，它有着非常多的创造性使用方法，我们也将看见更多的设计师充分发挥这一表现方法的优势！