[译稿]网页设计(design)趋势成长历程之2009上

Web Design Trends For 2009
Smashing Magazine版权所有
作者：Smashing Magazine
译者：UCD翻译小组，波希米亚
校审：Angela
网页设计(design)师是幻化无常的。我们喜欢拿东西做试验，喜欢观察人们如何与我们的产品进行交互。我们喜欢实验与众差别的设计(design)要领，这些在将来可能会成为主流和经典。因此，随着新设计(design)要领的兴起，越来越多的设计(design)师关注他们、使用他们，新的趋势也就诞生了。
在过去的几个月，我们剖析了很多网页设计(design)，观察新趋势，权衡设计(design)决策和源代码解决方案的优点。在这篇文章里，我们将展示2009年网页设计(design)趋势：动态、新的设计(design)元素和新的图形体现形式。接着还讨论了这些趋势被使用的情况和现有的一些漂亮的案例。在这篇概述中我们还遗漏了哪些动态吗？通告评论吧，好让我们知道！
本文仅涵盖了过去几个月中我们发觉的25个趋势之中的10个。第二局部将在下周通告。届时将涵盖结构、新的视觉体现形式和新的设计(design)元素。敬请期待。
2009年网页设计(design)趋势
首先来看看过去几个月里我们发觉和观察到的主要趋势。在这篇概述中，将带你逐一回顾每个趋势和漂亮的案例，他们将激发你在下个项目中的灵感。
1. 凸版印刷
 
2. 富UI
 
3. 透明的PNG
 
4. 大字号(版面)
 
5. 自界说字体（sIFR 等）
 
6. 模式化对话盒/会话窗
 
7. 多媒体区
 
8. 杂志外观
 
9. 旋转木马（幻灯片）
 
10. 导言模块
 
好，现在就让我们到具体内容中去仔细看看上面提到的每个趋势。
1. 凸版印刷
在过去几个月的观察中，最出人意表的趋势，是凸版印刷样式（实际上压上去的字）出现在网页设计(design)中。可能这种趋势孕育产生的最重要的原因是因为，这种印刷术到现 今已经很少被使用了。凸版印刷以百般百般的品格被用在网站和主题上；尤其是，已经被频繁使用于产品设计(design)和网站的在线办事中。
 
 
 
 
 
 
 
 
 
2. 富UI
我们欣喜的看到，用户界面在现代网站和网页应用中已经变得越来越漂亮、越来越实用了。在过去的一年里，这些网站应用的用户体验已得到大大改进，从而使得用户界面的充裕性和响应度都非常接近经典的桌面应用程序。AJAX和Flash在为用户提供动态交互的广泛应用上，已经有了先进、老练并且专业的解决方案。
特别值得一提的是，过去一年里我们看到在设计(design)元素中使用了更多的留白，更多的填充以及更大的空间。我们还注重到，许多现代用户界面用直观的视觉提示来体现用户与系统间的交互情况。好比，当按钮被按下时，它的外观就由正常变为按压（就像Newspond.com和Quicksnapper.com上这样），确认并对用户与系统的交互赐与及时反馈。除此之外，越来越多的办事能够进行用户本性化：对我们而言，这清楚的证实，更适用的用户界面将在2009年到来。
 
 
上述两个例子证实，网页应用的设计(design)师们在效用介绍和改进交互性、响应度等用户体验问题上投入了更多的精力。
 
 
 
 
 
 
 
3. 透明的PNG
透明的PNG，尽管不被IE6支持，但从去年来看似乎已经得到了很好的普及。显然，设计(design)师们试图更好地把配景图片融入到实际内容中，并计划形成一种品格，这在印刷媒体中很多见，好比在杂志中。在多数情况下，半透明配景从页面整体配景中脱颖而出，其目的是为了突出一个重要的设计(design)元素，例如头条和通告。有时透明PNG也作为模式化对话盒(会话窗)的配景。
去年，我们描述了许多可以利用透明度发挥网页设计(design)创意的要领，很多设计(design)师似乎也在他们的劳动中实验着这些技术。有趣的是，透明经常被使用在设计(design)的头部或底部，但也有些设计(design) 逾越了这种定式。
 
 
 
 
 
 
 
4. 大字号(版面)
在之前的文章（1，2 ）中，我们列举过一些大字号(版面)的杰出案例。2009年，大字号(版面)将成为主流。特别是设计(design)机构，开发大型项目，做产品网站和在线办事的，他们会使用大字号(版面)来转达自己网站最重要的信息。
这些设计(design)元素的字体巨细通常都要超出36px，在很多情况下，为迎合观众都市使用非常漂亮的字体。总的来说，设计(design)师投入更多精力在排版的细节方面，如主次关系，行高和字体的选择。其结果是：网站更漂亮，品格更一致，看起来可靠且值得信赖。
 
 
 
 
 
 
 
5. 自界说字体
就像设计(design)师花费了更多精力在排版上一样，他们也更注重用来作网站正文副本的字体。尽管有像Helvetica, Arial, Georgia和Verdana这些毋庸置疑地占据统治职位地方的经典字体存在，我们仍观察到有一股向自界说字体成长的微弱趋势（例如使用sIFR）。
有趣的是，这些字体往往无缝结合于网站设计(design)中；它们几乎从不需要网站因它而更新排版。设计(design)师们试图融合漂亮的版式和炫目的视觉设计(design)，以此来改进网站的外观和用户体验。
 
 
 
 
 
6. 模式化对话盒/会话窗
模式化对话盒（会话窗）其素质上就是一个改革型的弹出窗。它们以友好的界面替代了传统JavaScript弹出窗口，并且使用户的注重力始终集中在网站最重要的区域内。状态窗通常是被用户的行动所触发（如注册或登录），并且出现于主内容之上，就像桌面应用中的一个窗口。会话窗往往以一个非常微妙的方法出现：它们通常接纳半透明，并且有一个关闭按钮。
 
 
 
7. 多媒体区
随着更多宽带网络的接入，相比两三年前，用户已经可以浏览更充裕的内容，设计(design)师可以借此机会，用更具吸引力和值得回忆的方法来出现内容。怪不得一些产品网站用多媒体区（录像和视频）来展示他们的内容。这类元素的主要优势还在于，它们可以快捷有效地表达内容，并使用户更易于消化这些信息。
用户要做的只是靠在椅背上欣赏；它们会把每件事循规蹈矩地展示出来，不需要用户点击，搜索说明，或是学习导航如何使用。影片通常都简明扼要；它们大多正式，但也不乏娱乐。
但请明白，视频只是网站内容的一种替代形式（而不是主体和唯一！）。不是所有人都通过宽带上网，也不是所有人都乐意看视频（因为他/她可能正在听广播或音乐），更不是所有人的机器上都安置了Flash和JavaScript.
 
 
8. 杂志外观
在Blog的设计(design)中有一个非常有趣的现象，许多手法通常来自于传统（印刷）媒体。从页面文章的排列、排版的运用、插图，甚至到文字对齐方法都与传统印刷技术的手法相似。栅格化设计(design)变得日益普及，但多用于大型项目，产品页面和大型的Blog；它们几乎不在公司网站或网上商城中出现。
 
 
 
 
 
9. 旋转木马（幻灯片）
旋转木马其实就是幻灯导航，它的内容笔直或水平轮转（因此得名旋转木马）。要到达轮转导航的目的，用户需要点击其中某一个切换元素（通常是左/右或者上/下箭头）。当进行切换时，内容就向所选的偏向轮换了。
过去用户为寻找他们所喜爱的内容需要点击网站中的很多章节，取而代之，现在可以快速浏览可见的内容，省去了滚屏和不须要的鼠标移动。这样做的好处是：用户不但节省了时间，并且使他们的注重力越发集中到内容中，而不是被疏散到浏览器窗口上。这类幻灯导航经常被使用在娱乐网站和大型Blog上，但设计(design)师也可以把它用在大型项目中，以更互动的方法来展示自己的劳动。
 
 
 
 
10. 导言模块
网站的左上部是页面中最重要的区域，因为它最能吸引访问者的注重力。因此，把网站最重要的信息放在那里是再明智不过的了，这样就能确保访问者尽可能快的看到信息。
事实上，这也是许多设计(design)师正在做的事情。不管是为网站应用、公司设计(design)、在线办事还是大型项目，设计(design)师们都市把他们的口号和简要导言放在页面顶部，通过使用粗体和生动的排版，给用户留下一个好的第一印象。一些导言是简短的，也有一些够啰嗦的；无论哪种，它们都市占一大块区域；与结构等宽，高度在 250-400px之间，已成为这些导言模块的通用尺寸。值得注重的是，这些模块几乎从不出现在Blog中，网上商城中也很少出现。
 
 
 
 
 
敬请期待！
本文仅涵盖了过去几个月中我们发觉的25个趋势之中的10个。第二局部将在下周通告。届时将涵盖结构、新的视觉体现形式和新的设计(design)元素。敬请期待。