<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>四眼天兔工作室 &#187; 流行趋势</title>
	<atom:link href="http://www.4ebstudio.com/category/tips/trends/feed" rel="self" type="application/rss+xml" />
	<link>http://www.4ebstudio.com</link>
	<description>网站建设｜Joomla｜Wordpress｜PSD转HTML｜VI｜平面广告</description>
	<lastBuildDate>Tue, 29 Jun 2010 09:18:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>2009年网页设计趋势（上）</title>
		<link>http://www.4ebstudio.com/web-design-trends-for-2009.html</link>
		<comments>http://www.4ebstudio.com/web-design-trends-for-2009.html#comments</comments>
		<pubDate>Wed, 14 Jan 2009 09:20:39 +0000</pubDate>
		<dc:creator>4EB Studio</dc:creator>
				<category><![CDATA[天兔贴士]]></category>
		<category><![CDATA[流行趋势]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://4ebstudio.com/?p=780</guid>
		<description><![CDATA[我们网页设计师的想法总是变幻莫测。我们喜欢尝试各种事情。我们喜欢研究用户对作品的反应。我们喜欢创造出一些可能成为主流的，经典不衰的独特样式。结果，新的设计趋势出现了，接着很多很多的人都会注意到这一点然后开始使用他们，然后又会有新的趋势开始隐现。
在过去的一个月里，我们分析了很多的网页设计，研究了很多新出现的设计趋势，并分析了这些设计方案和代码解决方案的优势。在本文中，我们将向您展示2009年的设计趋势：近期的发展趋势，新的设计元素以及新的绘图方式。我们还会讨论如何使用这些趋势以及提供一些漂亮的案例。
本篇文章将会向你介绍25种流行趋势中的10种，剩下的会在接下来的文章中阐述，包括新的页面布局，新的视觉方式以及新的设计元素。
2009网页设计新趋势

凸版印刷

丰富的用户界面
PNG透明格式
大型字体
文本替换 (sIFR等)
模型盒子
多媒体块
杂志外观
传送带（幻灯片）
导言模块

下面让我们仔细看看上面介绍的各个趋势。
1. 凸版印刷
我们意想不到的趋势之一就是网页设计中使用凸版印刷的出现。其中最主要的一个原因可能就是近些年已经很少有人在使用这种技术了。凸版印刷被应用于不同的样式以及不同的网页标题上；特别是它经常被用在产品设计以及在线服务网站上。









2. 丰富的页面特效
让人高兴的是，在现今的网站以及网络应用中用户界面变得越来越漂亮，越来越实用。在过去几年里，这些网络应用的用户体验已经得到了很大的改善，他们和桌面应用有了很多相似的地方。AJAX和FLASH得到了广泛的应用，它们的动态交互体验给用户提供了更加高级的，精致的以及专业的解决方案。


以上两个案例足以说明网络应用的设计师们正在重点关注各种突出功能性的方式以及尽力改善用户体验效果。







3. PNG透明格式
去年，PNG透明格式似乎变得非常流行，尽管IE6并不支持它。很明显，设计师们在试图将诸如印刷物，杂志上的样式融合到网页背景当中来。在多数情况下，半透明背景突出显示在整个页面背景中并且试图突出某个重要的设计元素，例如大标题或者公告。有时PNG透明格式也被用作模型盒的背景。







4. 大型字体
在过去的文章中我们曾经展示过一些非常出色的大型字体设计样式。2009年，它还将成为一种流行趋势，特别是设计机构，产品网站以及在线服务会使用大型字体来突出重要信息。
这些设计元素中的字体通常都超过36像素，在很多情况下会用一些巨大的字体来吸引浏览者眼球。总体来讲，设计师正在仔细关注一些字体的细节问题，如行间距，行高以及字体的选择。







5. 字体替换
尽管一些经典的字体如Helvetica, Arial, Georgia和Verdana毫无疑问的占据主导地位，但是我们发现了一个潜在的趋势：字体替换（如sIFR）。
值得一提的是，这些字体通常会和整个网站的设计天衣无缝。设计师们试图整合一些漂亮的字体，突出视觉设计，从而改善网站的外观以及用户体验。





6. 模型盒子 (Lightboxes)
模型盒子 (对话窗口)属于第二代弹出窗口样式。它提供了用户友好界面来代替传统的JavaScript窗口，并将用户的注意力集中在页面最重要的位置上。对话窗口通常由用户的动作来进行切换（例如注册和登录），并且出现在主要内容的顶部。对话窗口通常用一种非常精巧的方式来提现：他们通常是半透明的样子，并且带有一个“闭合”按钮。



7. 媒体模块
随着互联网宽带的接入，用户们现在可以做到更多他们几年前不曾做到的事情，而设计师们也利用这个契机通过一些更具吸引力和难忘的方式来展示内容。因此，许多产品网站使用媒体模块（视频或者录屏）来实现这些目的是不足为奇的。这些媒体元素的主要优势就是他们能构快速而有效的传递内容，并且让浏览者能够更轻易的获取信息。
用户可以依赖和享受这些节目；他们可以通过这些视频一步一步的学会许多东西，而不需要再去点击，搜索一些描属性的文字或者导读。这些影片通常都非常的短，并且直奔主题。他们不仅正式，而且也极具娱乐性。
但是请特别注意，这些视频仅仅是个替代品而已，并非是最主要的或是唯一的内容。并非所有的用户都在实用宽带，不是每个人都愿意观看视频，也不是每个用户都在他们的机器上安装了Flash和JavaScript 。


8. 杂志外观
博客设计的一个非常有趣的发展就是可以看到许多在传统印刷媒体上使用的技术。页面上文章的排列，字体的使用，插图甚至文字对齐都和传统技术雷同。网格设计现在非常流行，但是通常都用在个人履历，产品页以及大型博客中。他们很少出现在企业网站或是在线商城中。





9. 传送带（幻灯片）
传送带本质上就是幻灯片导航，内容可以垂直或水平方向旋转。要想旋转导航，用户需要点点一或两个切换元素（通常是一个左/右或上/下箭头）。通过选择的切换元素，内容将会按照指定的方向旋转。
与在网页上点击不同的分区来许着自己喜欢的内容不同，用户可以不用垂直滚动页面或使用鼠标就能快速浏览需要的内容。这样一来，用户节省了时间，传送带还将用户的主力都集中在了内容上。这样的幻灯片导航通常被用在娱乐网站或者大型博客中，但是设计师也会用它们来设计履历，以更具交互性的方式进行作品展示。




10. 导言模块
网站左上角的区域是页面中最重要的区块，因为它最能抓住读者的眼球。因此，把最重要的信息放于此是非常具有可读性的，这样可确保用户能够尽可能迅速的获取信息。
事实上，这也是很多设计师正在使用的方式。无论是网络应用，企业设计，在线服务或是履历，设计师们会将他们的广告语以及简介放在页面的顶部，并且会使用粗体鲜明的字体来获得良好的第一印象。一些导言是简短的，也有一些非常冗长；不管哪种情况，他们通常会使用很多空间，长度一般是整个页面布局的长度，而高度通常在250-400像素之间。值得注意的是，这些导言没款几乎不会出现在博客和在线商城中。





[原文链接]
]]></description>
			<content:encoded><![CDATA[<p>我们网页设计师的想法总是变幻莫测。我们喜欢尝试各种事情。我们喜欢研究用户对作品的反应。我们喜欢创造出一些可能成为主流的，经典不衰的独特样式。结果，新的设计趋势出现了，接着很多很多的人都会注意到这一点然后开始使用他们，然后又会有新的趋势开始隐现。</p>
<p>在过去的一个月里，我们分析了很多的网页设计，研究了很多新出现的设计趋势，并分析了这些设计方案和代码解决方案的优势。在本文中，我们将向您展示2009年的设计趋势：近期的发展趋势，新的设计元素以及新的绘图方式。我们还会讨论如何使用这些趋势以及提供一些漂亮的案例。</p>
<p>本篇文章将会向你介绍25种流行趋势中的10种，剩下的会在接下来的文章中阐述，包括新的页面布局，新的视觉方式以及新的设计元素。</p>
<p><strong style="font-weight: bold;">2009网页设计新趋势</strong></p>
<ol>
<li>凸版印刷<a href="http://365daysofastronomy.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-04jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a>
<p><span id="more-780"></span></li>
<li>丰富的用户界面<a href="http://www.newspond.com/science/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-11jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>PNG透明格式<a href="http://rustinjessen.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-27jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>大型字体<a href="http://www.francescomugnai.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-15jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>文本替换 (sIFR等)<a href="http://www.chigarden.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-30jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>模型盒子<a href="http://listen.grooveshark.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-17jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>多媒体块<a href="http://www.goodbarry.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-24jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>杂志外观<a href="http://cutandtaste.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-19jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>传送带（幻灯片）<a href="http://www.itv.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-25jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
<li>导言模块<a href="http://productplanner.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/trend-14jpg.jpeg" alt="Web Design Trends 2009" width="325" height="175" /></a></li>
</ol>
<p>下面让我们仔细看看上面介绍的各个趋势。</p>
<h3 style="font-size: 1.17em;">1. 凸版印刷</h3>
<p>我们意想不到的趋势之一就是网页设计中使用凸版印刷的出现。其中最主要的一个原因可能就是近些年已经很少有人在使用这种技术了。凸版印刷被应用于不同的样式以及不同的网页标题上；特别是它经常被用在产品设计以及在线服务网站上。</p>
<p><a href="http://365daysofastronomy.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress6jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.alexbuga.com/v8/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress3jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://brightkite.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress7jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.powerset.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress8jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.storenvy.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://unblab.com/login"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress1jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.leemunroe.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress2jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://2d2.es/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress4jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.respiromedia.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/letterpress5jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">2. 丰富的页面特效</h3>
<p>让人高兴的是，在现今的网站以及网络应用中用户界面变得越来越漂亮，越来越实用。在过去几年里，这些网络应用的用户体验已经得到了很大的改善，他们和桌面应用有了很多相似的地方。AJAX和FLASH得到了广泛的应用，它们的动态交互体验给用户提供了更加高级的，精致的以及专业的解决方案。</p>
<p><a href="http://www.quicksnapper.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/quickjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://dc2009.drupalcon.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/slijpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p>以上两个案例足以说明网络应用的设计师们正在重点关注各种突出功能性的方式以及尽力改善用户体验效果。</p>
<p><a href="http://konigi.com/interface/mobileme-calendar-date-selector"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/action.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.newspond.com/science/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/spond.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.howcast.com/categories"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/howcast.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://moodstream.gettyimages.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/moodstreamjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.gettyimages.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/personalize.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://listen.grooveshark.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/radiohjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.kontain.com/#home"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/kontain.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">3. PNG透明格式</h3>
<p>去年，PNG透明格式似乎变得非常流行，尽管IE6并不支持它。很明显，设计师们在试图将诸如印刷物，杂志上的样式融合到网页背景当中来。在多数情况下，半透明背景突出显示在整个页面背景中并且试图突出某个重要的设计元素，例如大标题或者公告。有时PNG透明格式也被用作模型盒的背景。</p>
<p><a href="http://rustinjessen.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/cover-headline1.gif" alt="Design Trends 2009" width="500" height="265" /></a></p>
<p><a href="http://dc2009.drupalcon.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/png.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://24ways.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/oob2.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://labs.paulicio.us/viewport/#2"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/png2jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.restroom.nl/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/transp.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.wishingline.com/notebook/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/wisihjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://carrotcreative.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/carrotjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">4. 大型字体</h3>
<p>在过去的文章中我们曾经展示过一些非常出色的大型字体设计样式。2009年，它还将成为一种流行趋势，特别是设计机构，产品网站以及在线服务会使用大型字体来突出重要信息。</p>
<p>这些设计元素中的字体通常都超过36像素，在很多情况下会用一些巨大的字体来吸引浏览者眼球。总体来讲，设计师正在仔细关注一些字体的细节问题，如行间距，行高以及字体的选择。</p>
<p><a href="http://www.francescomugnai.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/zo.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://madebygiant.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/type1.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://theautumnfilm.com/red-white-sale/us.html"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/redjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.signalapps.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/logbook.gif" alt="Design Trends 2009" width="499" height="279" /></a></p>
<p><a href="http://www.blackestate.co.nz/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/vine.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.onefastbuffalo.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/type3.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.shiftpx.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/type7.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">5. 字体替换</h3>
<p>尽管一些经典的字体如Helvetica, Arial, Georgia和Verdana毫无疑问的占据主导地位，但是我们发现了一个潜在的趋势：字体替换（如sIFR）。</p>
<p>值得一提的是，这些字体通常会和整个网站的设计天衣无缝。设计师们试图整合一些漂亮的字体，突出视觉设计，从而改善网站的外观以及用户体验。</p>
<p><a href="http://blog.iso50.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/shjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://365daysofastronomy.org/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/sifr1.gif" alt="Design Trends 2009" width="500" height="161" /></a></p>
<p><a href="http://www.chigarden.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/sifr2.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.nonesuch.com/journal"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/sifr3.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://daily.creattica.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/daily.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">6. 模型盒子 (Lightboxes)</h3>
<p>模型盒子 (对话窗口)属于第二代弹出窗口样式。它提供了用户友好界面来代替传统的JavaScript窗口，并将用户的注意力集中在页面最重要的位置上。对话窗口通常由用户的动作来进行切换（例如注册和登录），并且出现在主要内容的顶部。对话窗口通常用一种非常精巧的方式来提现：他们通常是半透明的样子，并且带有一个“闭合”按钮。</p>
<p><a href="http://typedeskref.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/modalbox2jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.realmacsoftware.com/rapidweaver/overview/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/modalbox1jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://listen.grooveshark.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/groovejpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<h3 style="font-size: 1.17em;">7. 媒体模块</h3>
<p>随着互联网宽带的接入，用户们现在可以做到更多他们几年前不曾做到的事情，而设计师们也利用这个契机通过一些更具吸引力和难忘的方式来展示内容。因此，许多产品网站使用媒体模块（视频或者录屏）来实现这些目的是不足为奇的。这些媒体元素的主要优势就是他们能构快速而有效的传递内容，并且让浏览者能够更轻易的获取信息。</p>
<p>用户可以依赖和享受这些节目；他们可以通过这些视频一步一步的学会许多东西，而不需要再去点击，搜索一些描属性的文字或者导读。这些影片通常都非常的短，并且直奔主题。他们不仅正式，而且也极具娱乐性。</p>
<p>但是请特别注意，这些视频仅仅是个替代品而已，并非是最主要的或是唯一的内容。并非所有的用户都在实用宽带，不是每个人都愿意观看视频，也不是每个用户都在他们的机器上安装了Flash和JavaScript 。</p>
<p><a href="http://www.getbackboard.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/gf.gif" alt="Design Trends 2009" width="500" height="251" /></a></p>
<p><a href="http://www.goodbarry.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/gb.gif" alt="Design Trends 2009" width="500" height="268" /></a></p>
<h3 style="font-size: 1.17em;">8. 杂志外观</h3>
<p>博客设计的一个非常有趣的发展就是可以看到许多在传统印刷媒体上使用的技术。页面上文章的排列，字体的使用，插图甚至文字对齐都和传统技术雷同。网格设计现在非常流行，但是通常都用在个人履历，产品页以及大型博客中。他们很少出现在企业网站或是在线商城中。</p>
<p><a href="http://www.objectifiedfilm.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/magazine2.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.inspirationbit.com/sources-of-inspiration-to-the-rescue/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/magazine3.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.good.is/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/magazine4jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://cutandtaste.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/maga.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.nonesuch.com/journal"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/magaz.gif" alt="Design Trends 2009" width="500" height="455" /></a></p>
<h3 style="font-size: 1.17em;">9. 传送带（幻灯片）</h3>
<p>传送带本质上就是幻灯片导航，内容可以垂直或水平方向旋转。要想旋转导航，用户需要点点一或两个切换元素（通常是一个左/右或上/下箭头）。通过选择的切换元素，内容将会按照指定的方向旋转。</p>
<p>与在网页上点击不同的分区来许着自己喜欢的内容不同，用户可以不用垂直滚动页面或使用鼠标就能快速浏览需要的内容。这样一来，用户节省了时间，传送带还将用户的主力都集中在了内容上。这样的幻灯片导航通常被用在娱乐网站或者大型博客中，但是设计师也会用它们来设计履历，以更具交互性的方式进行作品展示。</p>
<p><a href="http://www.itv.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/amyjpg.jpeg" alt="Design Trends 2009" width="500" height="250" /></a></p>
<p><a href="http://money.cnn.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/cnnmoney.gif" alt="Design Trends 2009" width="500" height="275" /></a></p>
<p><a href="http://music.yahoo.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/musicyahoo.gif" alt="Design Trends 2009" width="500" height="255" /></a></p>
<p><a href="http://vickycristina-movie.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/weinjpg.jpeg" alt="Design Trends 2009" width="500" height="406" /></a></p>
<h3 style="font-size: 1.17em;">10. 导言模块</h3>
<p>网站左上角的区域是页面中最重要的区块，因为它最能抓住读者的眼球。因此，把最重要的信息放于此是非常具有可读性的，这样可确保用户能够尽可能迅速的获取信息。</p>
<p>事实上，这也是很多设计师正在使用的方式。无论是网络应用，企业设计，在线服务或是履历，设计师们会将他们的广告语以及简介放在页面的顶部，并且会使用粗体鲜明的字体来获得良好的第一印象。一些导言是简短的，也有一些非常冗长；不管哪种情况，他们通常会使用很多空间，长度一般是整个页面布局的长度，而高度通常在250-400像素之间。值得注意的是，这些导言没款几乎不会出现在博客和在线商城中。</p>
<p><a href="http://www.shannonmoeller.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/feature2.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://productplanner.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/introdjpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://www.45royale.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/45r.gif" alt="Design Trends 2009" width="500" height="293" /></a></p>
<p><a href="http://revyver.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/feature3jpg.jpeg" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p><a href="http://creamscoop.com/"><img style="border: 0px initial initial;" src="http://4ebstudio.com/wp-content/uploads/2009/02/introd2.gif" alt="Design Trends 2009" width="500" height="320" /></a></p>
<p>[<a href="http://www.smashingmagazine.com/2009/01/14/web-design-trends-for-2009/">原文链接</a>]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.4ebstudio.com/web-design-trends-for-2009.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
