<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>5U Magazine</title>
	
	<link>http://www.5umagazine.com</link>
	<description>我有杂志</description>
	<pubDate>Wed, 10 Mar 2010 06:58:07 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/5umagazine/hifk" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="5umagazine/hifk" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">5umagazine/hifk</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>推荐给 Web 设计和开发人员的15个 Chrome 扩展</title>
		<link>http://www.5umagazine.com/it/2041.html</link>
		<comments>http://www.5umagazine.com/it/2041.html#comments</comments>
		<pubDate>Wed, 10 Mar 2010 06:09:53 +0000</pubDate>
		<dc:creator>rhy</dc:creator>
		
		<category><![CDATA[IT's]]></category>

		<category><![CDATA[web应用]]></category>

		<category><![CDATA[桌面软件]]></category>

		<category><![CDATA[Chrome]]></category>

		<category><![CDATA[Extensions]]></category>

		<category><![CDATA[Google]]></category>

		<category><![CDATA[Web设计]]></category>

		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/it/2041.html</guid>
		<description><![CDATA[在发布将近1年半后， Chrome 已经占到了浏览器市场 5.22% 的份额。而最近这个数字的猛涨显然和 Chrome 4.0 Stable 正式支持了扩展有关，本文给 Web 设计和开发人员推荐...]]></description>
			<content:encoded><![CDATA[<p>在发布将近1年半后， <a href="http://www.google.org.cn/tag/chrome" target="_blank"><span style="color: #2970a6;">Chrome</span></a> 已经占到了浏览器市场 <a href="http://www.google.org.cn/posts/google-chrome-only-browser-to-make-gains-in-february.html" target="_blank"><span style="color: #2970a6;">5.22% 的份额</span></a>。而最近这个数字的猛涨显然和 Chrome 4.0 Stable <a href="http://www.google.org.cn/posts/chrome-4-stable-with-extension-support-and-bookmark-sync.html" target="_blank"><span style="color: #2970a6;">正式支持了扩展</span></a>有关，本文给 Web 设计和开发人员推荐15个你们可能用的上的 Chrome 扩展。</p>
<h3>1、<a href="https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl" target="_blank"><span style="color: #2970a6;">Speed Tracer</span></a></h3>
<p>Speed Tracer 是一款功能强大的性能分析 <a href="http://www.google.org.cn/tag/chrome-extensions" target="_blank"><span style="color: #2970a6;">Chrome 扩展</span></a>，可以让用户深入的了解 Web 应用的运行内幕，找出自己的 Web 应用运行缓慢的原因。<a href="http://www.google.org.cn/posts/gwt20-with-speed-tracer.html" target="_blank"><span style="color: #2970a6;">点击这里</span></a>查看谷奥以前的报道和两段介绍视频。
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/ognampngfcbddbfemdapefohjiobgbdl" target="_blank"></a> <img class="aligncenter size-full wp-image-2040" title="aviaryextensions" src="http://www.5umagazine.com/wp-content/uploads/2010/03/aviaryextensions.jpg" alt="aviaryextensions" width="500" height="278" /></p>
<h3>2、<a href="https://chrome.google.com/extensions/detail/hmdcmlfkchdmnmnmheododdhjedfccka" target="_blank"><span style="color: #2970a6;">Eye Dropper</span></a></h3>
<p>和同名的 Windows 平台应用软件一样，Eye Dropper 扩展可以允许用户从当前页面中的任何一个像素提取颜色代码，当然扩展本身也自带了一个很好用的调色板。
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/hmdcmlfkchdmnmnmheododdhjedfccka" target="_blank"></a> <img class="aligncenter size-full wp-image-2040" title="eyedropperextension" src="http://www.5umagazine.com/wp-content/uploads/2010/03/eyedropperextension.jpg" alt="eyedropperextension" width="500" height="278" /></p>
<ul>
</ul>
<h3>3、<a href="https://chrome.google.com/extensions/detail/bnbbfjbeaefgipfjpdabmpadaacmafkj" target="_blank"><span style="color: #2970a6;">Firebug Lite</span></a></h3>
<p><a href="http://www.google.org.cn/tag/firefox" target="_blank"><span style="color: #2970a6;">Firefox</span></a> 著名扩展 <a href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank"><span style="color: #2970a6;">Firebug</span></a> 的 Chrome 移植版，允许用户在页面中实时编辑，调试或者监测 CSS / HTML / JavaScript 文件。
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/bnbbfjbeaefgipfjpdabmpadaacmafkj" target="_blank"></a> <img class="aligncenter size-full wp-image-2040" title="firebuglite" src="http://www.5umagazine.com/wp-content/uploads/2010/03/firebuglite.jpg" alt="firebuglite" width="500" height="278" /></p>
<ul>
</ul>
<h3>4、<a href="https://chrome.google.com/extensions/detail/oangcciaeihlfmhppegpdceadpfaoclj" target="_blank"><span style="color: #2970a6;">Chrome SEO</span></a></h3>
<p> <a href="http://www.google.org.cn/tag/chrome" target="_blank"><span style="color: #2970a6;">Chrome</span></a> SEO 扩展可以让用户非常方便的访问访问分析，关键字研究，回链检查，PR 检查等搜索引擎优化工具，是 SEO 从业人员必不可少的劳动工具。</p>
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/oangcciaeihlfmhppegpdceadpfaoclj" target="_blank"></a> <img class="aligncenter size-full wp-image-2040" title="chromeseoextension" src="http://www.5umagazine.com/wp-content/uploads/2010/03/chromeseoextension.jpg" alt="chromeseoextension" width="500" height="278" /></p>
<ul>
</ul>
<h3>5、<a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi" target="_blank"><span style="color: #2970a6;">Pendule</span></a></h3>
<p>Pendule 会在一个新的标签页中显示当前页面中链接或者嵌入的样式表文件。</p>
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/gbkffbkamcejhkcaocmkdeiiccpmjfdi" target="_blank"></a> <img class="aligncenter size-full wp-image-2040" title="penduleextension" src="http://www.5umagazine.com/wp-content/uploads/2010/03/penduleextension.jpg" alt="penduleextension" width="500" height="278" /></p>
<ul>
</ul>
<h3>6、<a href="https://chrome.google.com/extensions/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf" target="_blank"><span style="color: #2970a6;">Aviary Screed Capture</span></a></h3>
<p>给任何网页截图并且在浏览器中打开编辑的扩展，还可以方便的访问 Aviry 网站和工具。</p>
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/ncgcgghbabbopfcpgcjpfffdgnbadegf" target="_blank"></a><img class="aligncenter size-full wp-image-2040" title="aviaryextensions" src="http://www.5umagazine.com/wp-content/uploads/2010/03/aviaryextensions.jpg" alt="aviaryextensions" width="500" height="278" /></p>
<ul>
</ul>
<h3>7、<a href="https://chrome.google.com/extensions/detail/idhfcdbheobinplaamokffboaccidbal" target="_blank"><span style="color: #2970a6;">Resolution Test</span></a></h3>
<p>开发者可以使用这个扩展改变当前浏览器窗口的大小，以模拟自己的网页在不同分辨率下的实际效果。扩展内置了一些常用的分辨率，当然用户也可以自己指定特殊组合。</p>
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/idhfcdbheobinplaamokffboaccidbal" target="_blank"></a><img class="aligncenter size-full wp-image-2040" title="resolutiontestextension" src="http://www.5umagazine.com/wp-content/uploads/2010/03/resolutiontestextension.jpg" alt="resolutiontestextension" width="500" height="278" /></p>
<ul>
</ul>
<p> </p>
<h3>8、<a href="https://chrome.google.com/extensions/detail/kleiknekfnnaaibjhlamidabhmckbddc" target="_blank"><span style="color: #2970a6;">PlainClothes</span></a></h3>
<p>用你喜好的颜色组合显示所有的页面，比如你可以把 :text 设置成黑色，背景设置成白色，没有访问过的链接是蓝色，访问过的链接是紫色，所有链接再加上下划线……恩，很复古！</p>
<p style="text-align: center;"><a href="https://chrome.google.com/extensions/detail/kleiknekfnnaaibjhlamidabhmckbddc" target="_blank"></a><img class="aligncenter size-full wp-image-2040" title="plainclothersextension" src="http://www.5umagazine.com/wp-content/uploads/2010/03/plainclothersextension.jpg" alt="plainclothersextension" width="500" height="278" /></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年10月8日 &#8212; <a href="http://www.5umagazine.com/program/ajaxcss/1722.html" title="CSS：每种声明只用一次">CSS：每种声明只用一次 (0)</a></li>
<li>2009年9月28日 &#8212; <a href="http://www.5umagazine.com/it/1719.html" title="Google与苹果共同竞技的7个领域">Google与苹果共同竞技的7个领域 (0)</a></li>
<li>2009年8月25日 &#8212; <a href="http://www.5umagazine.com/it/1484.html" title="微软、谷歌、VMware催生操作系统革命">微软、谷歌、VMware催生操作系统革命 (0)</a></li>
<li>2009年7月4日 &#8212; <a href="http://www.5umagazine.com/it/1288.html" title="Android大事记">Android大事记 (0)</a></li>
<li>2009年4月24日 &#8212; <a href="http://www.5umagazine.com/reading/790.html" title="教您四步下载Google图书">教您四步下载Google图书 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/it/2041.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>第82届奥斯卡揭晓</title>
		<link>http://www.5umagazine.com/movies/2039.html</link>
		<comments>http://www.5umagazine.com/movies/2039.html#comments</comments>
		<pubDate>Tue, 09 Mar 2010 03:33:42 +0000</pubDate>
		<dc:creator>rhy</dc:creator>
		
		<category><![CDATA[Movie]]></category>

		<category><![CDATA[影视娱乐]]></category>

		<category><![CDATA[82th]]></category>

		<category><![CDATA[OSCAR]]></category>

		<category><![CDATA[奥斯卡]]></category>

		<category><![CDATA[好莱坞]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/movies/2039.html</guid>
		<description><![CDATA[全体提名演员上台亮相，开场音乐剧：尼尔·帕特里克·哈里斯（Neil Patrick Harris）演唱，主持人史蒂夫·马丁（Steve Martin）和亚历克·鲍德温（Alec Baldwin）从天而降两人开始“说相声”。
]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="aligncenter size-full wp-image-2038" title="82-actors" src="http://www.5umagazine.com/wp-content/uploads/2010/03/82-actors.jpg" alt="82-actors" width="600" height="275" /></p>
<p>全体提名演员上台亮相<br />
开场音乐剧：尼尔·帕特里克·哈里斯（Neil Patrick Harris）演唱<br />
主持人史蒂夫·马丁（Steve Martin）和亚历克·鲍德温（Alec Baldwin）从天而降<br />
两人开始“说相声”<br />
佩内洛普·克鲁兹颁发最佳男配角<br />
雷恩·雷诺兹介绍《弱点》<br />
史蒂夫·卡瑞尔、卡梅伦·迪亚兹颁发最佳动画片<br />
阿曼达·塞弗里德、麦莉·塞拉斯颁发最佳歌曲<br />
克里斯·潘介绍《第九区》<br />
小罗伯特·唐尼、蒂娜·菲颁发最佳原著剧本<br />
马修·布罗德里克、莫利·林沃德（Molly Ringwald），纪念导演约翰·休斯（John Hughes）短片<br />
塞缪尔·杰克逊介绍《飞屋环游记》<br />
佐伊·萨尔达娜、凯瑞·穆里根颁发最佳短片<br />
本·斯蒂勒打扮成“纳威人”颁发最佳化装<br />
杰夫·布里奇斯介绍《正经人》<br />
杰克·吉伦哈尔、瑞切尔·麦克亚当斯颁发最佳改编剧本<br />
奎恩·拉蒂法介绍之前举办的终身成就奖颁奖情况<br />
罗宾·威廉姆斯颁发最佳女配角<br />
科林·费斯介绍《成长教育》<br />
西格妮·韦佛颁发最佳艺术指导<br />
汤姆·福特、莎拉·杰西卡·帕克颁发最佳服装<br />
莎莉兹·塞隆介绍《珍爱》<br />
搞笑短片，恶搞《午夜灵异录像/鬼影实录》<br />
泰勒·洛特纳、克里斯汀·斯图尔特，恐怖片蒙太奇短片<br />
扎克·埃弗隆、安娜·肯德里克颁发最佳音效编辑、最佳混音<br />
伊丽莎白·班克斯介绍<a href="http://moviesoon.com/oscar" target="_blank"><span style="color: #ffc954;"><strong>奥斯卡</strong></span></a>科技奖颁奖情况<br />
约翰·特拉沃尔塔介绍《无耻混蛋》<br />
桑德拉·布洛克颁发最佳摄影<br />
黛咪·摩尔，回顾2009过世影人<br />
詹妮弗·洛佩兹、萨姆·沃辛顿颁发最佳配乐，舞蹈表演<br />
杰拉德·巴特勒、布莱德利·库柏颁发最佳视觉效果<br />
杰森·贝特曼介绍《直上云霄》<br />
马特·达蒙颁发最佳纪录片<br />
泰勒·佩瑞颁发最佳剪辑<br />
基努·李维斯介绍《拆弹部队》<br />
昆汀·塔伦蒂诺、佩德罗·阿莫多瓦颁发最佳外语片<br />
凯茜·贝茨介绍《阿凡达》<br />
米歇尔·菲佛、维拉·法米加、朱丽安·摩尔、柯林·法瑞尔、蒂姆·罗宾斯介绍最佳男主角提名<br />
凯特·温斯莱特颁发最佳男主角<br />
<span class="style1">弗雷斯特·惠特克、迈克尔·辛、彼得·萨斯加德、奥普拉·温弗瑞、斯坦利·图奇</span>介绍最佳女主角提名<br />
肖恩·潘颁发最佳女主角<br />
芭芭拉·史翠珊颁发最佳导演<br />
汤姆·汉克斯颁发最佳影片</p>
<p><strong>最佳影片</strong></p>
<p><strong><span style="color: #ffcc00;">拆弹部队（The Hurt Locker）</span></strong><br />
无耻混蛋（Inglourious Basterds）<br />
直上云霄（Up in the Air）<br />
阿凡达（Avatar）<br />
第九区（District 9）<br />
飞屋环游记（Up）<br />
弱点（The Blind Side）<br />
正经人（A Serious Man）<br />
珍爱（Precious: Based on the Novel Push by Sapphire）<br />
成长教育（An Education）</p>
<p><strong>最佳女主角</strong></p>
<p>梅丽尔·斯特里普《朱丽和朱丽亚》/ Meryl Streep, Julie &amp; Julia<br />
<strong><span style="color: #ffcc00;">桑德拉·布洛克《弱点》/ Sandra Bullock, The Blind Side</span></strong><br />
凯瑞·穆里根《成长教育》/ Carey Mulligan, An Education<br />
海伦·米伦《最后一站》/ Helen Mirren, The Last Station<br />
盖比·西德比《珍爱》/ Gabby Sidibe, Precious: Based on the Novel Push by Sapphire</p>
<p><strong>最佳男主角</strong></p>
<p>乔治·克鲁尼《直上云霄》/ George Clooney, Up in the Air<br />
<strong><span style="color: #ffcc00;">杰夫·布里奇斯《疯狂的心》/ Jeff Bridges, Crazy Hearts</span></strong><br />
杰瑞米·雷纳《拆弹部队》/ Jeremy Renner, The Hurt Locker<br />
科林·费斯《单身男人》/ Colin Firth, A Single Man<br />
摩根·弗里曼《不可战胜》/ Morgan Freeman, Invictus</p>
<p><strong>最佳女配角</strong></p>
<p><strong><span style="color: #ffcc00;">莫妮克《珍爱》/ Mo&#8217;Nique, Precious: Based on the Novel Push by Sapphire</span></strong><br />
安娜·肯德里克《直上云霄》/ Anna Kendrick,Up in the Air<br />
维拉·法米加《直上云霄》/ Vera Farmiga, Up in the Air<br />
佩内洛普·克鲁兹《九》/ Penelope Cruz, Rob Marshall&#8217;s Nine<br />
玛姬·吉伦哈尔《疯狂的心》/ Maggie Gyllenhaal, Crazy Heart</p>
<p><strong>最佳男配角</strong></p>
<p><strong><span style="color: #ffcc00;">克里斯托弗·沃尔茨《无耻混蛋》/ Christoph Waltz, Inglourious Basterds</span></strong><br />
伍迪·哈里森《代信人》/ Woody Harrelson, The Messenger<br />
马特·达蒙《不可战胜》/ Matt Damon, Invictus<br />
斯坦利·图奇《可爱的骨头》/ Stanley Tucci, The Lovely Bones<br />
克里斯托弗·普拉默《最后一站》/ Christopher Plummer, The Last Station</p>
<p><strong>最佳导演</strong></p>
<p><span style="color: #ffcc00;"><strong>凯瑟琳·毕格罗《拆弹部队》/ Kathryn Bigelow, The Hurt Locker</strong> </span><br />
詹姆斯·卡梅隆《阿凡达》/ James Cameron, Avatar<br />
昆汀·塔伦蒂诺《无耻混蛋》/ Quentin Tarantino, Inglourious Basterds<br />
杰森·利特曼《直上云霄》/ Jason Reitman, Up in the Air<br />
李·丹尼尔斯《珍爱》/ Lee Daniels, Precious: Based on the Novel Push by Sapphire</p>
<p><strong>最佳原著剧本</strong></p>
<p><strong><span style="color: #ffcc00;">马克·鲍尔《拆弹部队》/ Mark Boal, The Hurt Locker</span></strong><br />
昆汀·塔伦蒂诺《无耻混蛋》/ Quentin Tarantino, Inglourious Basterds<br />
亚历桑德罗·卡门、欧伦·穆夫曼《代信人》/ Alessandro Camon &amp; Oren Moverman, The Messenger<br />
科恩兄弟《正经人》/ Joel and Ethan Coen, A Serious Man<br />
鲍勃·彼德森、彼特·道格特《飞屋环游记》/ Bob Peterson, Pete Docter, Up</p>
<p><strong>最佳改编剧本</strong></p>
<p>尼尔·布隆坎普、特瑞·泰切尔《第九区》/ Neill Blomkamp, Terri Tatchell, District 9<br />
尼克·霍恩比《成长教育》/ Nick Hornby, An Education<br />
杰斯·阿姆斯特朗、赛门·布莱克威尔、阿曼多·伊安奴奇、托尼·罗切《灵通人士》/ Jesse Armstrong, Simon Blackwell, Armando Iannucci, Tony Roche, In The Loop<br />
<strong><span style="color: #ffcc00;">乔福瑞·福莱切《珍爱》/ Geoffrey Fletcher, Precious: Based on the Novel Push by Sapphire</span></strong><br />
杰森·利特曼、谢尔顿·特纳《直上云霄》/ Jason Reitman, Sheldon Turner, Up in the Air</p>
<p><strong>最佳摄影</strong></p>
<p>拆弹部队（The Hurt Locker）<br />
<strong><span style="color: #ffcc00;">阿凡达（Avatar）</span></strong><br />
<a href="http://mymovie.blogbus.com/tag/哈利波特/" target="_blank"><span style="color: #ffc954;">哈利波特</span></a>与“混血王子”（Harry Potter and the Half-Blood Prince）<br />
无耻混蛋（Inglourious Basterds）<br />
白丝带（White Ribbon）</p>
<p><strong>最佳电影剪辑</strong></p>
<p><span style="color: #ffcc00;"><strong>拆弹部队（The Hurt Locker）</strong> </span><br />
阿凡达（Avatar）<br />
第九区（District 9）<br />
无耻混蛋（Inglourious Basterds）<br />
珍爱（Precious: Based on the Novel Push by Sapphire）</p>
<p><strong>最佳音效编辑</strong></p>
<p><span style="color: #ffcc00;"><strong>拆弹部队（The Hurt Locker）</strong> </span><br />
阿凡达（Avatar）<br />
无耻混蛋（Inglourious Basterds）<br />
星际迷航（Star Trek）<br />
飞屋环游记（Up）</p>
<p><strong>最佳混音</strong></p>
<p><strong><span style="color: #ffcc00;">拆弹部队（The Hurt Locker）</span></strong><br />
阿凡达（Avatar）<br />
无耻混蛋（Inglourious Basterds）<br />
星际迷航（Star Trek）<br />
<a href="http://mymovie.blogbus.com/tag/变形金刚/" target="_blank"><span style="color: #ffc954;">变形金刚</span></a>2（Transformers: Revenge of the Fallen）</p>
<p><strong>最佳视觉效果</strong></p>
<p><span style="color: #ffcc00;"><strong>阿凡达（Avatar）</strong> </span><br />
第九区（District 9）<br />
星际迷航（Star Trek）</p>
<p><strong>最佳化装</strong></p>
<p>黑金教父（Il Divo）<br />
<strong><span style="color: #ffcc00;">星际迷航（Star Trek）</span></strong> <br />
年轻的维多利亚（The Young Victoria）</p>
<p><strong>最佳艺术指导</strong></p>
<p><strong><span style="color: #ffcc00;">阿凡达（Avatar）</span></strong><br />
帕纳萨斯博士的奇幻剧院（The Imaginarium of Doctor Parnassus）<br />
九（Rob Marshall&#8217;s Nine）<br />
福尔摩斯（Sherlock Holmes）<br />
年轻的维多利亚（The Young Victoria）</p>
<p><strong>最佳服装设计</strong></p>
<p>灿烂之星（Bright Star）<br />
可可·香奈儿（Coco Before Chanel）<br />
帕纳萨斯博士的奇幻剧院（The Imaginarium of Doctor Parnassus）<br />
<span style="color: #ffcc00;"><strong>年轻的维多利亚（The Young Victoria）</strong> </span><br />
九（Rob Marshall&#8217;s Nine）</p>
<p><strong>最佳歌曲</strong></p>
<p>&#8220;Almost There&#8221; -《公主与青蛙》（The Princess and the Frog）<br />
&#8220;Down in New Orleans&#8221; -《公主与青蛙》（The Princess and the Frog）<br />
&#8220;Take It All&#8221; -《九》（Nine）<br />
<strong><span style="color: #ffcc00;">&#8220;The Weary Kind&#8221; -《疯狂的心》（Crazy Heart）</span></strong><br />
&#8220;Loin de Paname&#8221; -《巴黎36》（Paris 36）</p>
<p><strong>最佳配乐</strong></p>
<p><strong><span style="color: #ffcc00;">迈克·吉亚奇诺《飞屋环游记》/ Michael Giacchino, Up</span></strong><br />
汉斯·季默《福尔摩斯》/ Hans Zimmer, Sherlock Holmes<br />
詹姆斯·霍纳《阿凡达》/ James Horner, Avatar<br />
马科·贝尔特拉米、巴克·桑德斯《拆弹部队》/ Marco Beltrami and Buck Sanders, The Hurt Locker<br />
亚历山大·德斯普拉《了不起的狐狸爸爸》/ Alexandre Desplat, Fantastic Mr. Fox</p>
<p><strong>最佳动画长片</strong></p>
<p>卡罗兰（Coraline）<br />
了不起的狐狸爸爸（The Fantastic Mr. Fox）<br />
公主与青蛙（The Princess and the Frog）<br />
凯尔斯修道院的秘密（The Secret of Kells）<br />
<strong><span style="color: #ffcc00;">飞屋环游记（Up）</span></strong></p>
<p><strong>最佳动画短片</strong></p>
<p>法国炒咖啡（French Roast，法国）<br />
格林奶奶的睡美人（Granny O’Grimm’s Sleeping Beauty，爱尔兰）<br />
老太与死神（The Lady and the Reaper，西班牙）<br />
<strong><span style="color: #ffcc00;">商标电影（Logorama，法国）</span></strong><br />
超级无敌掌门狗：面包与死亡事件（A Matter of Loaf and Death，英国阿德曼公司）</p>
<p><strong>最佳真人短片</strong></p>
<p>门（The Door）<br />
魔术师之梦（Instead of Abracadabra）<br />
卡维（Kavi）<br />
奇迹鱼（Miracle Fish）<br />
<strong><span style="color: #ffcc00;">新房客（The New Tenants）</span></strong></p>
<p><strong>最佳纪录短片</strong></p>
<p>四川的眼泪（The Tears of Sichuan Province）<br />
加德纳州长的最后一次竞选（The Last Campaign of Governor Booth Gardner）<br />
最后一辆车：通用汽车工厂的关闭（The Last Truck: Closing of a GM Plant）<br />
<strong><span style="color: #ffcc00;">普鲁登斯的音乐（Music by Prudence）</span></strong><br />
柏林墙的野兔（Rabbit a la Berlin）</p>
<p><strong>最佳纪录正片</strong></p>
<p><strong><span style="color: #ffcc00;">海豚湾（The Cove）</span></strong><br />
食品公司（Food, Inc.）<br />
缅甸起义（Burma VJ）<br />
哪一条是回家的路（Which Way Home）<br />
美国最危险的人：艾斯伯格和五角大楼文件（The Most Dangerous Man in America: Daniel Ellsberg and the Pentagon Papers）</p>
<p><strong>最佳外语片</strong></p>
<p>阿亚米（Ajami，以色列）<br />
白丝带（The White Ribbon，德国）<br />
预言者（A Prophet，法国）<br />
<strong><span style="color: #ffcc00;">他们眼中的秘密（The Secret in Their Eyes，阿根廷）</span></strong><br />
伤心的奶水（The Milk of Sorrow，秘鲁）</p>
<p style="text-align: center;"><span style="font-size: 16px;"><span style="font-family: '楷体_GB2312', sans-serif;"><span style="font-size: 24px;">获奖统计</span></span></span></p>
<p>拆弹部队（The Hurt Locker）6<br />
阿凡达（Avatar）3<br />
飞屋环游记（Up）2<br />
珍爱（Precious: Based on the Novel Push by Sapphire）2<br />
疯狂的心（Crazy Heart）2<br />
无耻混蛋（Inglourious Basterds）1<br />
弱点（The Blind Side）1<br />
星际迷航（Star Trek）1<br />
年轻的维多利亚（The Young Victoria）1<br />
直上云霄（Up in the Air）0<br />
第九区（District 9）0<br />
正经人（A Serious Man）0<br />
成长教育（An Education）0</p>
<p><strong><span style="color: #999999;">原文：</span></strong><a href="http://mymovie.blogbus.com/logs/60090969.html" target="_blank"><strong><span style="color: #ff99cc;">影像日报</span></strong></a><br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2010年2月3日 &#8212; <a href="http://www.5umagazine.com/movies/1967.html" title="第82届奥斯卡完全提名名单">第82届奥斯卡完全提名名单 (0)</a></li>
<li>2009年2月23日 &#8212; <a href="http://www.5umagazine.com/movies/movie/279.html" title="第81届奥斯卡揭晓">第81届奥斯卡揭晓 (0)</a></li>
<li>2009年2月16日 &#8212; <a href="http://www.5umagazine.com/movies/movie/241.html" title="第81届奥斯卡终极猜想">第81届奥斯卡终极猜想 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/movies/2039.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>在Symbian上同样可以设计出绚丽的程序</title>
		<link>http://www.5umagazine.com/it/2036.html</link>
		<comments>http://www.5umagazine.com/it/2036.html#comments</comments>
		<pubDate>Sun, 07 Mar 2010 00:08:58 +0000</pubDate>
		<dc:creator>renxing</dc:creator>
		
		<category><![CDATA[IT's]]></category>

		<category><![CDATA[Mobile开发]]></category>

		<category><![CDATA[界面与交互]]></category>

		<category><![CDATA[Gravity]]></category>

		<category><![CDATA[Opera Mobile]]></category>

		<category><![CDATA[Symbian]]></category>

		<category><![CDATA[UI设计]]></category>

		<category><![CDATA[交互设计]]></category>

		<category><![CDATA[手机]]></category>

		<category><![CDATA[界面设计]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/?p=2036</guid>
		<description><![CDATA[Symbian 经常被指责的一点就是它的 UI 太过时，现在的程序看起来像是2004年设计的。与此成对比的是 iPhone/iTouch、Android 甚至黑莓上的第三方软件，都增加了吸引眼球的图形界面...]]></description>
			<content:encoded><![CDATA[<p><strong>译文地址：</strong><a title="在Symbian上同样可以设计出绚丽的程序" onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/2009/1204/51124.html');" href="http://www.chinamac.com/2009/1204/51124.html" target="_blank"><span style="text-decoration: underline;"><span style="color: #999999;"><strong>在Symbian上同样可以设计出绚丽的程序</strong></span></span></a></p>
<p><strong>原文地址：</strong><a onclick="pageTracker._trackPageview('/outgoing/www.symbian-guru.com/welcome/2009/11/its-possible-to-design-gorgeous-applications-for-symbian.html');" href="http://www.symbian-guru.com/welcome/2009/11/its-possible-to-design-gorgeous-applications-for-symbian.html"><span style="text-decoration: underline;"><span style="color: #808080;"><strong>It’s Possible To Design Gorgeous Applications For Symbian</strong></span></span></a></p>
<p>By <a onclick="pageTracker._trackPageview('/outgoing/www.symbian-guru.com/welcome/author/dotsisx/');" href="http://www.symbian-guru.com/welcome/author/dotsisx/"><strong>Dotsisx</strong></a> from <a onclick="pageTracker._trackPageview('/outgoing/www.symbian-guru.com/welcome/2009/11/its-possible-to-design-gorgeous-applications-for-symbian.html');" href="http://www.symbian-guru.com/welcome/2009/11/its-possible-to-design-gorgeous-applications-for-symbian.html"><strong>SymbianGuru</strong></a> | akanekou译，Baryn校，转载请注明 ifanr.com 译文链接。</p>
<p><img class="alignleft size-full wp-image-2037" title="nokia_symbian_ui_concept_2010" src="http://www.5umagazine.com/wp-content/uploads/2010/03/nokia_symbian_ui_concept_2010.jpg" alt="nokia_symbian_ui_concept_2010" width="200" height="112" />Symbian 经常被指责的一点就是它的 UI 太过时，现在的程序看起来像是2004年设计的。与此成对比的是 iPhone/iTouch、Android 甚至黑莓上的第三方软件，都增加了吸引眼球的图形界面、动画、切换效果和透明效果。对于 Symbian 第三方程序过时的现实我部分同意，同时我也有些不同的观点。</p>
<p>没错，在 Symbian 上实现常规的UI并不难，<a onclick="pageTracker._trackPageview('/outgoing/www.epocware.com/');" href="http://www.epocware.com/"><strong>Epocware</strong> </a>和<a onclick="pageTracker._trackPageview('/outgoing/www.smartphoneware.com/');" href="http://www.smartphoneware.com/"> <strong>SmartphoneWare</strong></a>的所有程序都如此。这些程序带来了大量的附加功能，但图形界面却和内置的程序并无二致。这不见得是坏事，因为学习曲线几乎不存在，运行起来速度快、可靠、上手容易。很多 iPhone/iPod Touch 程序也是如此，遵循常规的UI设计。但由于 iPhone 系统的 UI 本来就很养眼，看起来就好像UI背后花了大量工作。但是，在 Symbian 或其他平台上做出有独立风格的 UI 也不是不可能。当然这需要更大量的工作，比设计其他平台上的软件更努力。回顾之前的程序，Symbian 平台因为需要一定量的工作，似乎缺乏出色UI的例子。但随着 <a onclick="pageTracker._trackPageview('/outgoing/www.symbian-guru.com/welcome/2009/02/second-look-at-gravity-native-twitter-client.html');" href="http://www.symbian-guru.com/welcome/2009/02/second-look-at-gravity-native-twitter-client.html"><strong>Gravity</strong></a> 的出现，用户感受到了Symbian 上也能有出色的程序。我们突然意识到，原来是 Symbian 平台的开发人员之前太懒，要不然就是开发软件的时候和 UI 设计师缺乏沟通。标准提高了，用户都希望软件公司能有更具创造力、更美观的UI。结果并没让大家失望，以下就是我认为 Symbian 上最好、最绚丽的软件。</p>
<h3 style="text-align: center;"><span style="color: #008000;">1. Spotify</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094252664.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094252664.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094253686.jpg" alt="Gorgeous Spotify 1" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094253976.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094253976.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094254476.jpg" alt="Gorgeous Spotify 2" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094255473.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094255473.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094256641.jpg" alt="Gorgeous Spotify 3" width="168" height="300" /></a></p>
<p> </p>
<p>以<a onclick="pageTracker._trackPageview('/outgoing/www.tat.se/site/showroom/latest_design.html');" href="http://www.tat.se/site/showroom/latest_design.html"> <strong>The Astonishing Tribe</strong></a> 的代码和UI为基础，Symbian 平台上的 Spotify 令人称道。自从我爱上了它在 Mac 上的免费级应用后，我购买了一个月的付费账户，就是想看看是否有更好的体验，不过我现在对 Spotify 的移动版也着了迷。移动版本囊括了电脑版本上所有备受喜爱的功能，有播放列表、艺术家和专辑信息、新闻以及最重要的一点——离线模式，让你下载歌曲以后再听。动画和透明效果丰富，速度却并没拖慢，在 Symbian One(即 S60 第五版）和 S60 第三版上都能流畅使用。<strong>[</strong><a onclick="pageTracker._trackPageview('/outgoing/m.spotify.com/');" href="http://m.spotify.com/"><strong>m.spotify.com</strong></a><strong>]</strong></p>
<h3 style="text-align: center;"><span style="color: #008000;">2. Opera Mobile</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094256458.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094256458.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094257248.jpg" alt="Gorgeous Opera 1" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094258182.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094258182.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094300475.jpg" alt="Gorgeous Opera 2" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094301218.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094301218.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094302785.jpg" alt="Gorgeous Opera 3" width="168" height="300" /></a></p>
<p>我使用了三年Symbian内置的浏览器，主要原因是所有的链接都是在默认的浏览器中打开的。但 Opera Mobile 改变了我。功能一目了然，多标签、书签、页面保存、复制网页文本和图片、快速加载、密码管理、快捷方式、快速拨号等等。Opera Mobile 除了功能强大，其界面也很棒，无论是在触摸还是非触摸屏上，都有着干净的红黑色 UI，很好的图形界面。而这些都被打包在一个安装文件内。<strong>[ </strong><a onclick="pageTracker._trackPageview('/outgoing/www.opera.com/mobile/download/');" href="http://www.opera.com/mobile/download/"><strong>Opera Mobile</strong></a><strong> ]</strong></p>
<h3 style="text-align: center;"><span style="color: #008000;">3. gReader</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094303437.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094303437.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094304498.jpg" alt="Gorgeous gReader 1" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094305681.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094305681.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094310370.jpg" alt="Gorgeous gReader 2" width="168" height="300" /></a></p>
<p>我一等再等，最终<a onclick="pageTracker._trackPageview('/outgoing/www.symbian-guru.com/welcome/2009/10/exclusive-preview-of-greader-dedicated-google-reader-client-for-symbian.html');" href="http://www.symbian-guru.com/welcome/2009/10/exclusive-preview-of-greader-dedicated-google-reader-client-for-symbian.html"> MojoStudios出了一款Symbian平台上很棒的Google Reader客户端</a>，总算得救了！有着类似于报纸的 UI，用彩色图标显示阅读状态、支持图片、滑动翻页、通过手指左右滑动实现页面替换。在视觉感受上面 gReader 无人能出其右。功能也非常成熟，你能想到的 Google Reader 功能都有了，可以加星标、共享、邮件、标记为未读、设置文件夹，还有搜索功能。<strong>[ </strong><a onclick="pageTracker._trackPageview('/outgoing/mojosstudios.com/en/?p=467');" href="http://mojosstudios.com/en/?p=467"><strong>MojosStudios</strong></a><strong> ]</strong></p>
<h3 style="text-align: center;"><span style="color: #008000;">4. Kinoma Play</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094311537.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094311537.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094311567.jpg" alt="Gorgeous Kinoma 1" width="150" height="112" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094312916.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094312916.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094313439.jpg" alt="Gorgeous Kinoma 2" width="150" height="112" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094314226.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094314226.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094315994.jpg" alt="Gorgeous Kinoma 3" width="150" height="112" /></a></p>
<p>我还没写过 S60 3rd 上 Kinoma Play 的评测，但我经常在e71上使用它。Kinoma 有很多惹人爱的地方，从功能到出色的用户反馈，切换快速、皮肤可选、多媒体选项丰富。最终在 Symbian 上用到了这样的多媒体套件真是件舒心的事儿。我很希望它能移植到 S60 5th 上，因为我知道在触屏上的体验会更棒。 <strong>[ </strong><a onclick="pageTracker._trackPageview('/outgoing/kinoma.com/play/');" href="http://kinoma.com/play/"><strong>Kinoma</strong></a><strong> ]</strong></p>
<h3 style="text-align: center;"><span style="color: #008000;">5. Offscr applications</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094442389.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094442389.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094443350.jpg" alt="Gorgeous Offscr 2" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094444640.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094444640.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094444723.jpg" alt="Gorgeous Offscr 1" width="168" height="300" /></a></p>
<p>从第一个专为触屏开发的 Solitaires 程序开始，我一直都是 <a onclick="pageTracker._trackPageview('/outgoing/www.offscr.com/');" href="http://www.offscr.com/">Offscreen Technologies</a> 的粉丝。这家公司在 Ovi Store 发布了90多款程序和游戏，所有的都让人惊喜。我最喜欢的包括 <a onclick="pageTracker._trackPageview('/outgoing/store.ovi.com/content/6FC7C47876EBE464E040050A853237A8?clickSource=publisher+channel');" href="http://store.ovi.com/content/6FC7C47876EBE464E040050A853237A8?clickSource=publisher+channel">Elements</a> ——有时我把它当做是我的药剂师，还有简洁得惊人的 <a onclick="pageTracker._trackPageview('/outgoing/store.ovi.com/content/710CFC6DAF39E149E040050A873241A5');" href="http://store.ovi.com/content/710CFC6DAF39E149E040050A873241A5">Converter</a> 和 <a onclick="pageTracker._trackPageview('/outgoing/store.ovi.com/content/710CFC6DAF71E149E040050A873241A5');" href="http://store.ovi.com/content/710CFC6DAF71E149E040050A873241A5">Voice Recorder</a> ，后者在触摸体验友好度和图形界面方面将 Symbian 内置方案甩开了几条街。</p>
<h3 style="text-align: center;"><span style="color: #008000;">6. Psiloc World Traveler</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094448291.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094448291.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094451737.jpg" alt="Gorgeous Psiloc 1" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094452633.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094452633.jpg" rel="lightbox[2036]"><img src="http://www.chinamac.com/uploadfile/2009/1204/20091204094453628.jpg" alt="Gorgeous Psiloc 2" width="168" height="300" /></a></p>
<p>如果E52上没有预装或者 OVI Store 上没有其他型号设备的免费下载的话，我就差点错过 Psiloc 公司新的 World Traveler。这款程序确实不错。我很喜换它的天气信息、主页天气显示、世界时钟和货币换算。但真正让我回归的原因是它的 UI 。黑色背景，简洁的图标，大字体显示以及下方选择条上的各式各样的应用都使我眼前一亮。货币换算是我认为最丰富和最易用的功能：点击一个币种，输入数字便可得到其他三个兑换结果，就这么简单。<strong>[ </strong><a onclick="pageTracker._trackPageview('/outgoing/www.worldtraveler.biz/');" href="http://www.worldtraveler.biz/"><strong>World Traveler</strong></a><strong> ]</strong></p>
<h3 style="text-align: center;"><span style="color: #008000;">7. Gravity</span></h3>
<p align="center"><a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094454339.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094454339.jpg" rel="lightbox[2036]"><img title="Gorgeous Gravity 1" src="http://www.chinamac.com/uploadfile/2009/1204/20091204094455828.jpg" alt="" width="168" height="300" /></a> <a onclick="pageTracker._trackPageview('/outgoing/www.chinamac.com/uploadfile/2009/1204/20091204094456645.jpg');" href="http://www.chinamac.com/uploadfile/2009/1204/20091204094456645.jpg" rel="lightbox[2036]"><img title="Gorgeous Gravity 2" src="http://www.chinamac.com/uploadfile/2009/1204/20091204094501841.jpg" alt="" width="168" height="300" /></a></p>
<p>还用多说么？恩？如果你是 twitter 用户，那最该用的就是 <em><strong>Gravity </strong></em>了。我在 Mac、PC 和 iPod Touch 上用过多个Twitter客户端，但在易用性、平滑度和大量的个性化设定选项方面，没有一个能接近Gravity。我想我被宠坏了。回归到 UI 的话题，即便一开始 S60 5th 的固件本身并未支持弹性滑动，Gravity 却依然在5版机上有着很好的滑动体验，而且在S60第三版上也有着同样出色的滚动体验。之后，Gravity增加了柔滑的背景色，重新从底层设计了UI，和 Symbian 给人的感觉一点都不像，下拉菜单的选项非常创新。另外 Gravity 的更新速度是其他软件没法比的，它还进一步支持 Facebook 和 Google Reader。 <strong>[ </strong><a onclick="pageTracker._trackPageview('/outgoing/www.mobileways.de/gravity');" href="http://www.mobileways.de/gravity"><strong>MobileWays</strong></a><strong> ]</strong></p>
<h4>最后一点想法</h4>
<p>         虽然 Symbian 上设计的漂亮的软件并不多，但好歹目前正日益增多。我个人将会把 <strong>Gravity</strong> 看作是这一变化的催化剂，感谢 <a onclick="pageTracker._trackPageview('/outgoing/twitter.com/JanOle');" href="https://twitter.com/JanOle">Jan Ole</a>（<a onclick="pageTracker._trackPageview('/outgoing/www.ifanr.com/4763');" href="http://www.ifanr.com/4763">本站对他的采访</a>）的这款软件。也许 Gravity 的现实意义并非那样的大，但在 Symbian 触摸手机的出现使得程序开发员们必须去改进他们的软件 UI 的时候，它横空出世了。以前，当我想在我手机上向人展示一款非常酷的软件应用时 Gravity 会是我唯一的选择。现在我的选择便多了，当了解到 Symbian 并不像很多开发人员呈现给我们的那样落后时，我很欣慰。之前，程序开发人员总是无意识地给我们传达了一种错误的观念，那就是 Symbian 上的软件都像 S60 系统自身的 UI 一样过时。很明显，多一点努力，多和设计师沟通，就能设计出有更时尚图形界面的软件，而且重点在于这是完全可行的。</p>
<p>         你对 Symbian 这些 UI 漂亮的程序如何看待？你愿意接受功能一流，但是看起来像是 DOS 时代的软件吗?还是美观有型有趣的软件对你来说更有吸引力？<br />
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年8月15日 &#8212; <a href="http://www.5umagazine.com/design/industry-design/1429.html" title="叶状太阳能概念手机">叶状太阳能概念手机 (0)</a></li>
<li>2009年7月4日 &#8212; <a href="http://www.5umagazine.com/it/1288.html" title="Android大事记">Android大事记 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/it/2036.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>《街头霸王4》的艺术创作</title>
		<link>http://www.5umagazine.com/game/2032.html</link>
		<comments>http://www.5umagazine.com/game/2032.html#comments</comments>
		<pubDate>Sat, 06 Mar 2010 09:40:47 +0000</pubDate>
		<dc:creator>renxing</dc:creator>
		
		<category><![CDATA[单机游戏]]></category>

		<category><![CDATA[多玩游戏]]></category>

		<category><![CDATA[平面设计]]></category>

		<category><![CDATA[Street Fighter IV]]></category>

		<category><![CDATA[快打旋风]]></category>

		<category><![CDATA[水墨3D]]></category>

		<category><![CDATA[街头霸王4]]></category>

		<category><![CDATA[角色设计]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/game/2032.html</guid>
		<description><![CDATA[我们设计师们经常在网路上搜寻、搜寻、再搜寻可以启发我们灵感的艺术设计，尤其是喜欢玩游戏的设计师更是热中于收集相关的作品。出品的“快打旋风”系列游戏可以说是最具代表性的传奇了...]]></description>
			<content:encoded><![CDATA[<p>我们设计师们经常在网路上搜寻、搜寻、再搜寻可以启发我们灵感的艺术设计，尤其是喜欢玩游戏的设计师更是热中于收集相关的作品。<span style="color: #00ccff;"><a href="http://www.capcom.com/" target="_blank"><strong>Capcom</strong> </a></span>出品的“快打旋风”系列游戏可以说是最具代表性的传奇了，在出到第四代时，我们被那唯美风格的水墨 3D 效果所震摄，可以说是首创。今年四月他们将推出快打旋风四代的进阶版 – 超级快打旋风四。有许多新的角色将在这款游戏上出现，届时将会有 PS3 以及 Xbox 360 的版本。</p>
<p>现在我们就先来一睹这些艺术创作吧！(所有角色是以名字的字母顺序作排列)</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2028" title="street_fighter_abel" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_abel.jpg" alt="street_fighter_abel" width="555" height="340" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2029" title="street_fighter_adon" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_adon.jpg" alt="street_fighter_adon" width="555" height="340" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2030" title="street_fighter_barlog" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_barlog.jpg" alt="street_fighter_barlog" width="555" height="340" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2031" title="street_fighter_bison" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_bison.jpg" alt="street_fighter_bison" width="555" height="340" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2031" title="street_fighter_blanka" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_blanka.jpg" alt="street_fighter_blanka" width="555" height="340" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2031" title="street_fighter_cammy" src="http://www.5umagazine.com/wp-content/uploads/2010/03/street_fighter_cammy.jpg" alt="street_fighter_cammy" width="555" height="340" /></p>
<ul>
<li></li>
</ul>
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年8月13日 &#8212; <a href="http://www.5umagazine.com/game/1420.html" title="[街头霸王4]基本常识分享">[街头霸王4]基本常识分享 (0)</a></li>
<li>2009年8月14日 &#8212; <a href="http://www.5umagazine.com/game/1421.html" title="《街霸4》PC版全部隐藏人物解锁法">《街霸4》PC版全部隐藏人物解锁法 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/game/2032.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>2010世博水立方-MVRDV</title>
		<link>http://www.5umagazine.com/design/2033.html</link>
		<comments>http://www.5umagazine.com/design/2033.html#comments</comments>
		<pubDate>Fri, 05 Mar 2010 10:15:50 +0000</pubDate>
		<dc:creator>5U Magazine</dc:creator>
		
		<category><![CDATA[建筑设计]]></category>

		<category><![CDATA[设计地盘]]></category>

		<category><![CDATA[2010]]></category>

		<category><![CDATA[MVRDV]]></category>

		<category><![CDATA[世博会]]></category>

		<category><![CDATA[水立方]]></category>

		<category><![CDATA[荷兰]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/?p=2033</guid>
		<description><![CDATA[这是由荷兰 MVRDV 所设计的 2010 年韩国丽水世博会水立方建筑。建筑的理念是为了展现海洋的美丽与力量，利用不同大小的水箱组合而成，除了可以调节温度之外同时可以吸引大量的目光。置身其中彷彿身在一个超大型的水族箱之中]]></description>
			<content:encoded><![CDATA[<p>这是由荷兰 <strong>MVRDV</strong> 所设计的 2010 年韩国丽水世博会水立方建筑。建筑的理念是为了展现海洋的美丽与力量，利用不同大小的水箱组合而成，除了可以调节温度之外同时可以吸引大量的目光。置身其中彷彿身在一个超大型的水族箱之中，除了透过水箱射入的美丽光线之外，在展览期间这裡也会是一个主要的展览场地。</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2035" title="thewatercubemvrdv1" src="http://www.5umagazine.com/wp-content/uploads/2010/03/thewatercubemvrdv1.jpg" alt="thewatercubemvrdv1" width="600" height="588" /></p>
<p style="text-align: center;"> </p>
<p>2010 韩国世博会的主题是〝活生生的海洋与海岸〞，这座水立方展览馆将代表了全球不同的海洋生态，如同一幅世界海图一般，在世博过后将会用于音乐会、剧院、博物馆甚至是办公大楼使用！</p>
<p style="text-align: center;"> <img class="aligncenter size-full wp-image-2034" title="thewatercubemvrdv2" src="http://www.5umagazine.com/wp-content/uploads/2010/03/TheWaterCubeMVRDV2.jpg" alt="thewatercubemvrdv2" width="600" height="423" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2034" title="thewatercubemvrdv3" src="http://www.5umagazine.com/wp-content/uploads/2010/03/TheWaterCubeMVRDV3.jpg" alt="thewatercubemvrdv3" width="600" height="428" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2034" title="thewatercubemvrdv1" src="http://www.5umagazine.com/wp-content/uploads/2010/03/TheWaterCubeMVRDV4.jpg" alt="thewatercubemvrdv4" width="600" height="428" /></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2010年3月3日 &#8212; <a href="http://www.5umagazine.com/it/2019.html" title="2010年全球最具创新力公司">2010年全球最具创新力公司 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/design/2033.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>PS的20年</title>
		<link>http://www.5umagazine.com/it/2024.html</link>
		<comments>http://www.5umagazine.com/it/2024.html#comments</comments>
		<pubDate>Thu, 04 Mar 2010 14:25:06 +0000</pubDate>
		<dc:creator>5U Magazine</dc:creator>
		
		<category><![CDATA[IT's]]></category>

		<category><![CDATA[摄影术]]></category>

		<category><![CDATA[桌面软件]]></category>

		<category><![CDATA[Adobe]]></category>

		<category><![CDATA[Photoshop]]></category>

		<category><![CDATA[图像处理]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/?p=2024</guid>
		<description><![CDATA[一款图像软件如何用20年的时间缔造商业的成功和一个“没有什么不能修改”的世界？风光摄影大师安塞尔·亚当斯（Ansel Adams）在《底片》一书中预言：“未来通过电子方式，人们会得到更多的方法...]]></description>
			<content:encoded><![CDATA[<blockquote>
<h3><span style="color: #3366ff;"><strong>一款图像软件如何用20年的时间缔造商业的成功和一个“没有什么不能修改”的世界？</strong></span></h3>
</blockquote>
<p class="noborder"><img class="alignleft size-full wp-image-2025" title="ps10" src="http://www.5umagazine.com/wp-content/uploads/2010/03/ps10.jpg" alt="ps10" width="250" height="144" />　　风光摄影大师安塞尔·亚当斯（Ansel Adams）在《底片》一书中预言：“未来通过电子方式，人们会得到更多的方法，让图像质量不再是一台机器的产品，而是操作机器的人的作品，而且想象和表现都不会受到任何限制。”</p>
<p>　　 在亚当斯去世的第四年—1988年，一名整天蜷缩在地下室暗房里的摄影爱好者托马斯·诺尔（Thomas Knoll）成了这一预言的实践者。1990年2月，当第一款被诺尔称作“Photoshop”的图像编辑软件被装在当时颇为新潮的3.5英寸硬盘里、捆绑着扫描仪向摄影师和平面设计者出售的时候，没人想到它在未来的20年究竟能颠覆什么。</p>
<p>　　 一切都远非“把摄影后期控制权交还拍摄者本人”那么简单—Photoshop使人们主观地创建美妙的图像成为可能，在高质量再现真实世界的同时，精美地演绎人们想象中的合成图像和效果。它让裁切（corp）、橡皮擦（eraser）、模糊（blur）、加亮（dodge）和加深（burn）等工具成为全球创意产业人士的共通语言。在一些充满想象力和娱乐精神的大脑编排下，Photoshop成了人们重新创造、恶搞、修饰或谐谑现实生活的超级工具，它不断挑战人们的感官世界和肉眼对真实性的判断，直至成就了Photoshop“有图无真相”的终极价值。</p>
<p>　　 这是一款横跨信息技术和视觉影像两大领域，经历了Windows的普及与衰落，以及传统影像被数码影像全面取代的诸多历史时刻，却一直与技术革命保持同步更新趋势的软件产品。在数字图像领域，它甚至从未被替代过。</p>
<p>　　 直到现在，当你每次打开Photoshop界面的时候，首先映入眼帘的仍然是那个罗列着一连串设计者和贡献者名 单的Photoshop欢迎窗口。迄今为止，托马斯·诺尔仍是排在第一位的设计者—这并非仅仅因为他是创造Photoshop的那个家伙。事实上，直至本世纪，他一直都是Photoshop的灵魂和关键时刻的拯救者。</p>
<p>　　 托马斯·诺尔的父亲是一个忠实的摄影爱好者，老诺尔把家里的地下室建成了一个专供冲印的暗房，这里也成了托马斯·诺尔和他的兄弟约翰·诺尔（John Knoll）与众不同的童年乐园。彼时，个人电脑在苹果和IBM掀动的巨大浪潮下刚刚兴起，托马斯和约翰两人很快把兴趣从单纯的影像技术转向了个人计算机，在1987年，托马斯购买了一台苹果电脑（Mac Plus）用来帮助完成他的博士论文。</p>
<p>　　 可很快，托马斯发现当时的苹果电脑根本无法显示带灰度的黑白图像，这导致他自己动手编写了一个名为“Display”的程序，目的在于能在苹果黑白位图监视器上显示灰阶图像。这完全是极为朴素的追求视觉美学的个人兴趣使然，而并没有思考它的下一步能变成什么样子。但他的兄长约翰很快发现了这款程序的价值。作为影像效果的笃信者和从小就掌握了照相本质的人，约翰开始鼓励托马斯不断地增强Display的程序，直至将它彻底地商业化。</p>
<p>　　 他们让Display从支持灰阶图像的简易程序“升级”为支持彩色功能，他们还在Display的基础上开发了图像处理例程（即滤镜插件），包括增加了读写不同文件格式的功能。另一项至今仍被称道的Photoshop功能—“软化边缘选区”也是在那时发明的。这款“升级版”的Display还包括了色阶、色彩平衡、色相及饱和度等一系列功能—如果它的程序开发者不是摄影出身的话，这在当时几乎是不可想象的。</p>
<p>　　 它只是世界上第一款独立图像处理软件的雏形，但已足够放手去实现商业价值。兄弟俩为Display更换了一个足够“商业化”的名字—Photoshop。约翰开始到处为Photoshop寻找投资者。1980年代末期的硅谷是个颇不寂寞的地方，但包括SuperMac、Alcus甚至日后的“东家”Adobe在内都未曾给予它特殊的眷顾。直到一家扫描仪公司采用了这个软件。1988年初，大约200份0.87版本的Photoshop拷贝随着扫描仪捆绑出售。</p>
<p>　　 当时扫描仪几乎被看作是唯一适合Photoshop搭配的对象—只有图像被扫描才能被以数码形式存储到电脑里，这是那个时代的常识。但如果无法与更领先的软件公司合作，它便无法堂而皇之地进入更广泛的计算机市场。在1988年的一次演示中，Adobe的艺术总监Russell Brown终于被它打动了。紧接着，Adobe购买了Photoshop的发行权，并在1989年4月签署了正式合同—根据协议，兄弟俩在第一年可以得到25万美元的授权费。</p>
<p><span id="more-2024"></span></p>
<p>　　 1990年2月，第一款被称作Adobe Photoshop的图像软件的1.0版本正式诞生，这便是Photoshop的生命起源。但是，对图像质量和美学拥有偏执爱好的托马斯和约翰与Adobe公司传统而严肃的软件开发者之间出现了牴牾：兄弟二人偏好一些花哨的插件程序设计，以期增加Photoshop的使用美感，但这些东西在当时被那些传统思路的软件设计者认为是一些并不需要的炫技和润饰，而并非特殊的功能。但这些插件还是被约翰偷偷地保存和隐藏在了Photoshop的程序中，并成为日后它日渐释放魅力的基础。</p>
<p>　　 很快，Photoshop有了第一个竞争对手ColorStudio。无论扫描仪公司Banrey Scan还是Adobe都曾在Photoshop和ColorStudio之间犹豫很久，但最终Photoshop胜出了。</p>
<p>　　 整体上看，Photoshop是一款更适合普罗大众简单实用的图像处理软件，而ColorStudio显得更加适合专业用户。两个方向似乎都没有错，但计算机桌面化浪潮的迅速兴起为Photoshop打击ColorStudio奠定了良好的基础。</p>
<p>　　 Photoshop起初的版本都是为苹果电脑而开发的—苹果是图像和设计工作者的优选。而从1991年Photoshop2.0发布的时候开始，Adobe公司决定开发Photoshop的Windows版本。彼时英特尔和微软的“Wintel”联盟已开始主宰整个PC市场，而Photoshop转投Windows阵营也成为其历史上一次有名的“突变”行动。</p>
<p>　　 那真是一次无比正确的决策。微软蚕食周边公司创新能力的本性正日益暴露—等到1995年Windows 95发布的时候，已经几乎没有什么能独立存活的中小型软件公司了。谢天谢地，在Windows 95的大限之前，Photoshop已成为基于Windows的一款重要的独立图形处理软件，并通过Windows普及到众多普通用户当中并迅速开始蔓延，以至于微软再无机会开发出一款自己的图像处理软件来蚕食Photoshop业已形成的地位，且至今无法颠覆。</p>
<p>　　 在1992年支持Windows操作环境的Photoshop 2.5发布之后，几乎无人可以否认Photoshop已成为业内一款真正标准化的图像处理软件了。尽管Photoshop在Windows平台上的版本花了更长时间才赶上另一个竞争对手PhotoStyler，但其行业地位几乎已经无可争议。它甚至引发了印刷业和出版业的革命—任何一部排版精美的图书或杂志封面，从那时起都挥不去Photoshop的影子。</p>
<p>　　 这时Adobe显然增大了对Photoshop的预期：先是将1994年发布的Photoshop 3.0版本界面与Adobe的其它产品统一化，并对程序使用流程略作调整；1995年，Adobe终于以3450万美元的价格完全买下Photoshop—只有到了这一天，Photoshop才能被真正地称为Adobe Photoshop。</p>
<p>　　 此后的Adobe Photoshop在商业上经历了相当长一段平稳而持续的发展时期（技术上仍在大跨步进步），却不期而遇了1990年代末工业影像向数码影像过渡的浩荡潮流。在人们纷纷将胶卷相机丢弃在一旁，抄起数码相机将图片发送到电脑上的时候，为影像而生的Photoshop又要做出选择了。</p>
<p>　　 Adobe并未迅速地抓住这个潮流：当越来越多的人们选择数码相机的时候，Photoshop处理的图片绝大部分还是来自于扫描仪，而与数码相机没有关系。可它很快感到了威胁—市场上已经有专供处理数码相片的软件公司出现，比如在当时昙花一现的Phase One（Capture One）。</p>
<p>　　 直到2002年3月发布的Photoshop 7.0才终于开始正视这一问题：它适时增加了Healing Brush等图片修改工具，还有一些基本的数码相机功能如EXIF数据和文件浏览器等。Photoshop总算不太迟地与变幻莫测的数字时代保持了同步。但这样的被动和局部修改显然不足以超越人们对数码时代的图片想象。它必须酝酿一次更重大的改变。</p>
<p>　　 英雄并没有让人们失望。托马斯·诺尔再度出山担纲开发工作，惊喜再度出现。2003年9月，Adobe发布Photoshop新版本—不再延续原来的称谓被叫做Photoshop 8.0，而是改称为Photoshop Creative Suite，即Photoshop CS。它与Adobe其他的系列产品组合成一个创作套装软件，使Adobe的Photoshop、Flash和网页开发等产品结合成了一个整体。</p>
<p>　　 必须得承认，Photo CS是一款“完全革命”的产品—它不仅为数码时代而生，更为一个智能和互联网的图像时代而生。它增加了更多为摄影师服务的功能和特性，比如Camera Raw转换滤镜、16位色深以及调整图层支持等等；更多新功能为数码相机而开发，如智能调节不同地区亮度、镜头崎变修正、镜头模糊滤镜等。这一切都使创建美妙的图像成为可能，既可以高质量地再现真实，又能够精美地演绎合成图像和效果。</p>
<p>　　 Photoshop再次进入了一个“不可收拾”的阶段。在完全拥抱了数码潮流之后，它的下一步是智能化—2008年发布的Photoshop CS3正好诠释了这一点：它支持20多个窗口停靠、比旧版占用更少面积的工具栏、从多张照片自动生成全景图、灵活的黑白转换、更易调节的边缘选择工具、智能滤镜、改进的消失点特性、32位HDR图像自动生成工具等等。更重要的是，它拥有了支持3D功能的扩展版。</p>
<p>　　 2009年发布的Photoshop CS4再次将智能化提升到了一个让人惊叹的程度。甚至，只要注册了在线版的Photoshop Express，你就可以直接在互联网上编辑修改你的图片，使之成为另一个完全不同的存在。当你在互联网上操作裁切（corp）、橡皮擦（eraser）、模糊（blur）、加亮（dodge）和加深（burn）等指令的时候，你所编辑的甚至并不是一张图片，而是一个正在被改变的世界。</p>
<p>　　 2009年底，当大明星Demi Moore（黛米·摩尔）出现在“W”杂志封面上，甚至连最忠诚的粉丝们都很难认出她—她看起来太年轻性感了。虽然20年来我们已经熟知这一点：时尚杂志上所有美丽的脸和大腿都是“修过图”的，可是—一个连黛米·摩尔都需要靠PS来撑场面的世界，是个什么样的世界？</p>
<p><strong><span style="color: #999999;">文｜CBN记者 骆轶航 徐涛    来源:</span><span id="media_name"><span style="color: #cc0000;">《第一财经周刊》</span></span></strong></p>
<p style="text-align: center;"><strong></strong></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年2月24日 &#8212; <a href="http://www.5umagazine.com/design/graphic-design/282.html" title="45 个优秀的Photoshop 教程网站">45 个优秀的Photoshop 教程网站 (0)</a></li>
<li>2010年2月5日 &#8212; <a href="http://www.5umagazine.com/movies/1976.html" title="《阿凡达》：呈现电影制作的未来">《阿凡达》：呈现电影制作的未来 (0)</a></li>
<li>2010年1月10日 &#8212; <a href="http://www.5umagazine.com/it/1919.html" title="电影《阿凡达》背后的Adobe设计软件">电影《阿凡达》背后的Adobe设计软件 (0)</a></li>
<li>2009年7月2日 &#8212; <a href="http://www.5umagazine.com/program/ajaxcss/1286.html" title="5个优秀jQuery UI 的 Dreamweaver扩展">5个优秀jQuery UI 的 Dreamweaver扩展 (0)</a></li>
<li>2009年4月23日 &#8212; <a href="http://www.5umagazine.com/it/786.html" title="Skimmer - Adobe AIR Desktop Application ">Skimmer - Adobe AIR Desktop Application  (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/it/2024.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>2010年全球最具创新力公司</title>
		<link>http://www.5umagazine.com/it/2019.html</link>
		<comments>http://www.5umagazine.com/it/2019.html#comments</comments>
		<pubDate>Wed, 03 Mar 2010 02:49:55 +0000</pubDate>
		<dc:creator>renxing</dc:creator>
		
		<category><![CDATA[IT's]]></category>

		<category><![CDATA[Mobile开发]]></category>

		<category><![CDATA[web应用]]></category>

		<category><![CDATA[2010]]></category>

		<category><![CDATA[互联网]]></category>

		<category><![CDATA[公司]]></category>

		<category><![CDATA[创新力]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/recommend/2019.html</guid>
		<description><![CDATA[据国外媒体报道，美国著名商业杂志 《Fast Company》 评选的2010年全球最具创新力公司50强中，Facebook位居第一，华为位列第五......]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fastcompany.com/mic/2010" target="_blank"></a></p>
<p class="noborder" style="text-align: center;"><img class="aligncenter size-full wp-image-2017" title="theworlds" src="http://www.5umagazine.com/wp-content/uploads/2010/03/theworlds.gif" alt="theworlds" width="600" height="38" /></p>
<p class="noborder" style="text-align: center;"><img class="aligncenter size-full wp-image-2018" title="header_mic_lander" src="http://www.5umagazine.com/wp-content/uploads/2010/03/header_mic_lander.jpg" alt="header_mic_lander" width="550" height="188" />        </p>
<p>        据国外媒体报道，美国著名商业杂志 <a title="www.fastcompany.com" href="http://www.fastcompany.com/" target="_blank"><span style="color: #ff3f6e;"><strong>《Fast Company》</strong></span></a> 评选的2010年全球最具创新力公司50强中，Facebook位居第一，华为位列第五。</p>
<p id="_mcePaste">         Facebook凭借在社交网络领域的突出表现从去年的第15位上升至今年的第1位。苹果也凭借在消费电子、移动、游戏等多个领域的突出表现从去年的第4位上升至今年的第3位。微软则从去年的34位下滑至今年的49位。</p>
<p>由于超越阿尔卡特朗讯和诺基亚西门子通信公司，成为全球第二大通信设备制造商，并赢得了挪威的4G网络合同，使得华为异军突起，首次上榜便位居第5。华为2009年实现收入215亿美元，同比增加17.5%；市场份额实现翻番，达到20%。</p>
<p><strong>以下为2010年全球最具创新力50强公司列表：</strong></p>
<p>1. Facebook<br />
2. 亚马逊<br />
3. 苹果<br />
4. 谷歌<br />
5. 华为<br />
6. First Solar<br />
7. PG&amp;E<br />
8. 诺华制药<br />
9. 沃尔玛<br />
10. 惠普<br />
11. Hulu<br />
12. Netflix<br />
13. 耐克<br />
14. 英特尔<br />
15. Spotify<br />
16. 比亚迪<br />
17. 思科<br />
18. IBM<br />
19. 通用电气<br />
20. 迪士尼<br />
21. Gilt Groupe<br />
22. 印度板球超级联赛(Indian Premier League)<br />
23. PatientsLikeMe<br />
24. Grey New York<br />
25. 宝马DesignworksUSA设计团队<br />
26. Synthetic Genomics<br />
27. FiLife<br />
28. 菲多利(Frito-Lay)<br />
29. 阿里巴巴<br />
30. MITRE<br />
31. 宏达电<br />
32. 迪勒尔·斯科菲帝欧+仁弗洛设计事务所(Diller Scofidio + Renfro)<br />
33. Firstborn<br />
34. Sportvision<br />
35. Ideo<br />
36. 三星<br />
37. Glam Media<br />
38. Ngmoco<br />
39. VNL<br />
40. Aldi Süd<br />
41. 迅销(Fast Retailing)<br />
42. 华谊兄弟<br />
43. Athenahealth<br />
44. MVRDV<br />
45. 阿尔斯通(ALSTOM)<br />
46. Quantcast<br />
47. Good Guide<br />
48. 微软<br />
49. Politico<br />
50. Twitter</p>
<p><strong>以下为2010年最具创新力十大中国公司列表：</strong></p>
<p>1. 华为<br />
2. 比亚迪<br />
3. 阿里巴巴<br />
4. 华谊兄弟<br />
5. 腾讯<br />
6. 无锡尚德<br />
7. 搜狐<br />
8. 毅诺贸易<br />
9. 携程<br />
10. 百度</p>
<p><strong>以下为2010年消费电子领域十大最具创新力公司列表：</strong></p>
<p>1. 苹果<br />
2. 宏达电<br />
3. 三星<br />
4. Palm<br />
5. 诺基亚<br />
6. Vizio<br />
7. 亚马逊<br />
8. 华硕<br />
9. 奥林巴斯<br />
10. LG电子</p>
<p><strong>以下为2010年游戏领域十大最具创新力公司列表：</strong></p>
<p>1. 苹果<br />
2. 微软<br />
3. Ngmoco<br />
4. Infinity Ward<br />
5. Nexon<br />
6. Adobe<br />
7. Harmonix<br />
8. ATi<br />
9. Rockstar Games<br />
10. Muteki Corp</p>
<p><strong>以下为2010年移动领域十大最具创新力公司列表：</strong></p>
<p>1. 谷歌<br />
2. 苹果<br />
3. 亚马逊<br />
4. 宏达电<br />
5. 福特<br />
6. Evernote<br />
7. 高通<br />
8. Clearwire<br />
9. Foursquare<br />
10. Intermap</p>
<p><strong>以下为2010年科技领域十大最具创新力公司列表：</strong></p>
<p>1. Facebook<br />
2. 亚马逊<br />
3. 谷歌<br />
4. 苹果<br />
5. 华为<br />
6. 惠普<br />
7. 英特尔<br />
8. 思科<br />
9. IBM<br />
10. 微软</p>
<p><strong>以下为2010年互联网领域十大最具创新力公司列表：</strong></p>
<p>1. Facebook<br />
2. 谷歌<br />
3. Quantcast<br />
4. Twitter<br />
5. Digg<br />
6. Salesforce<br />
7. Wolfram Alpha<br />
8. Ustream<br />
9. Zillow<br />
10. Slide</p>
<p><strong><span style="color: #888888;">中文来源来自：新浪科技编辑</span></strong></p>
<p><strong><span style="color: #888888;">英文详细原文：</span></strong><a href="http://www.fastcompany.com/mic/2010" target="_blank"><span style="color: #ff3f6e;"><strong>http://www.fastcompany.com/mic/2010</strong></span></a></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2010年3月5日 &#8212; <a href="http://www.5umagazine.com/design/2033.html" title="2010世博水立方-MVRDV">2010世博水立方-MVRDV (0)</a></li>
<li>2010年1月3日 &#8212; <a href="http://www.5umagazine.com/it/1906.html" title="回顾十年最重要5项网络技术评选 ">回顾十年最重要5项网络技术评选  (0)</a></li>
<li>2009年5月22日 &#8212; <a href="http://www.5umagazine.com/it/970.html" title="高性能、高流量互联网应用架构设计实战原则">高性能、高流量互联网应用架构设计实战原则 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/it/2019.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>T Magazine Spring Women’s Fashion 2010</title>
		<link>http://www.5umagazine.com/vogue/2009.html</link>
		<comments>http://www.5umagazine.com/vogue/2009.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 06:41:37 +0000</pubDate>
		<dc:creator>5U Magazine</dc:creator>
		
		<category><![CDATA[时尚生活]]></category>

		<category><![CDATA[读书时间]]></category>

		<category><![CDATA[fashion]]></category>

		<category><![CDATA[Julianne Moore]]></category>

		<category><![CDATA[T Magazine]]></category>

		<category><![CDATA[时尚杂志]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/vogue/2009.html</guid>
		<description><![CDATA[The T Magazine Spring Women’s Fashion 2010 issue has two covers, Raymond Meier shot the cover star Julianne Moore.Chantal Thomass...]]></description>
			<content:encoded><![CDATA[<h3><span style="color: #ff99cc;">The T Magazine Spring Women’s Fashion 2010 issue has two covers, Raymond Meier shot the cover star Julianne Moore.</span></h3>
<h3><span style="color: #ff99cc;">Chantal Thomass, wearable furniture, candy panties, a ruffle kerfuffle, combat chicks, monster mania, D.I.Y couture and Agyness Deyn take center stage. View the full digital edition below.</span></h3>
<div class="flvplay" align="center"><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" allowfullscreen="true" menu="false" style="width:500px;height:350px" flashvars="mode=embed&#038;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fsoftlight%2Flayout.xml&amp;backgroundColor=FFFFFF&#038;showFlipBtn=true&#038;documentId=100218224535-711e80acecaa48f29d1a73252ce9903b&#038;docName=springwomenfashion2010&#038;username=NYTMagazine&#038;loadingInfoText=T%20Magazine%20Spring%20Women's%20Fashion%202010&#038;et=1267149913095&#038;er=38" /></div>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2006" title="tmag-womens-fashion-cover01" src="http://www.5umagazine.com/wp-content/uploads/2010/03/tmag-womens-fashion-cover01.jpg" alt="tmag-womens-fashion-cover01" width="500" height="618" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2007" title="tmag-womens-fashion-02" src="http://www.5umagazine.com/wp-content/uploads/2010/03/tmag-womens-fashion-02.jpg" alt="tmag-womens-fashion-02" width="500" height="609" /></p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-2008" title="tmag-womens-fashion-01" src="http://www.5umagazine.com/wp-content/uploads/2010/03/tmag-womens-fashion-01.jpg" alt="tmag-womens-fashion-01" width="500" height="609" /></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年12月1日 &#8212; <a href="http://www.5umagazine.com/vogue/1880.html" title="Matériel Magazine">Matériel Magazine (0)</a></li>
<li>2009年11月13日 &#8212; <a href="http://www.5umagazine.com/vogue/1876.html" title="Ponytail Magazine Issue 4">Ponytail Magazine Issue 4 (0)</a></li>
<li>2009年9月27日 &#8212; <a href="http://www.5umagazine.com/vogue/1716.html" title="London Underground Kiss-fashion">London Underground Kiss-fashion (0)</a></li>
<li>2009年9月3日 &#8212; <a href="http://www.5umagazine.com/foto/photographer/1551.html" title="挪威摄影师 Petter Karlstrøm ">挪威摄影师 Petter Karlstrøm  (0)</a></li>
<li>2009年8月9日 &#8212; <a href="http://www.5umagazine.com/vogue/1399.html" title="Sisley 2009 Fall-Winter">Sisley 2009 Fall-Winter (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/vogue/2009.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>Google Code上10个有意思的项目</title>
		<link>http://www.5umagazine.com/it/2003.html</link>
		<comments>http://www.5umagazine.com/it/2003.html#comments</comments>
		<pubDate>Mon, 01 Mar 2010 09:18:28 +0000</pubDate>
		<dc:creator>renxing</dc:creator>
		
		<category><![CDATA[IT's]]></category>

		<category><![CDATA[web应用]]></category>

		<category><![CDATA[Flexlib]]></category>

		<category><![CDATA[Google Code]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/it/2003.html</guid>
		<description><![CDATA[你还记得以前网页开发的年代吗？就是IE6称霸群雄的那个年代（行了，这听起来有些糟，但是如果你在2002年做过网站的话，你就会明白我话的意思），那时候...]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;" class="noborder"><strong><span style="FONT-SIZE: medium"><span style="font-size: small;"><img class="aligncenter size-full wp-image-2004" title="google-code" src="http://www.5umagazine.com/wp-content/uploads/2010/03/google-code.jpg" alt="google-code" width="600" height="187" /></span></span></strong></p>
<p><strong><span style="FONT-SIZE: medium">ZeroClipboard</span></strong></p>
<p>你还记得以前网页开发的年代吗？就是IE6称霸群雄的那个年代（行了，这听起来有些糟，但是如果你在2002年做过网站的话，你就会明白我话的意思），那时候，复制到剪贴板非常简单。</p>
<p>但是，因安全考虑，Firefox默认的设置是不允许直接访问剪贴板的。这是个不错的改进，可是，对于某些站点，具备访问剪贴板的能力却是非常必须 的。</p>
<p>通过使用强大的Javascript和.swf文件，ZeroClipboard可以让你内容复制进用户的剪贴板上去。你可以访问我的<a href="http://couponsforbloggers.com/" target="_blank" onfocus="undefined">Coupons For Bloggers</a>网站，看看实际的演示效果。</p>
<p><strong>» <a href="http://code.google.com/p/zeroclipboard/" target="_blank" onfocus="undefined">访问 ZeroClipboard</a></strong></p>
<p><strong><span style="FONT-SIZE: medium">yourls</span></strong></p>
<p>作为一个博客的博主，你应该知道 Twitter对于留住读者以及与他们分享链接是多么的重要。但是你也知道，Twitter的推中只允许140个字符。为了获得短网址，你可以使用 <a href="http://bit.ly/" target="_blank" onfocus="undefined"><strong>bit.ly</strong></a> 和Tinyurl.com这样的服务，或者你可以使用yourls，创建你自己的短网址服务。</p>
<p>Yourls 使用PHP制作，而且非常易于配置。如果你正在使用WordPress，你会非常高兴的发现yourls已经推出了它自己的WordPress插件。</p>
<p><strong>»<a href="http://code.google.com/p/yourls/" target="_blank" onfocus="undefined">访问Yourls</a></strong></p>
<p><strong><span style="FONT-SIZE: medium">Minify</span></strong></p>
<p>我知道在之前那篇文章中已经提及过Minify，但是我还是忍不住要为这段非常酷的代码美言几句。</p>
<p>Minify的安装极其简单，它可以按需对JavaScript以及CSS文件进行合并，压缩以及缓存， 以便加快页面的载入速度。</p>
<p>而安装minify则极其简单：你只需给你的网站根目录下上传一个目录，然后 Minifiy就会开始为你的博客提速。</p>
<p>很帅，是不是？</p>
<p><strong>»<a href="http://code.google.com/p/minify/" target="_blank" onfocus="undefined">访问Minify</a></strong></p>
<p><strong><span style="FONT-SIZE: medium">Thematic</span></strong></p>
<p>作为一个WordPress粉，我真的很喜欢主题框架这个概念。对于那些还不知道这个概念的人来说，主题框架是一组WordPress主题，它包含 有许多功能和样式。通过添加子主题，你就可以对外观和功能进行扩展。</p>
<p>比如，我的另一个博客<a href="http://www.catswhoblog.com/" target="_blank" onfocus="undefined">Cats Who Blog</a>就正在使用Thesis主题框架，我使用自己的样式和功能对其进行了扩展。</p>
<p>商业框架也有很多，但是Thematic是百分之百免费的。如果你正在玩WordPress，这玩意儿是你必下的一个东东。</p>
<p><strong>»<a href="http://code.google.com/p/thematic/" target="_blank" onfocus="undefined">访问Thematic</a></strong></p>
<p><strong><span style="FONT-SIZE: medium">Flexlib</span></strong></p>
<p>跟你猜的一样，Flexlib是一个开源的Adobe Flex的库，它提供了许多组件，你可以在你的Flex或Air项目中随意使用。</p>
<p>目前可以使用的组件包括：dvancedForm, Base64Image, EnhancedButtonSkin, CanvasButton, ConvertibleTreeList, Draggable Slider, Fire, Highlighter, HorizontalAxisDataSelector IconLoader, ImageMap, PromptingTextArea, PromptingTextInput, Scrollable Menu Controls, SuperTabNavigator, Alternative Scrolling Canvases, Horizontal Accordion, TreeGrid, FlowBox, Docking ToolBar, and Flex Scheduling Framework.</p>
<p><strong>»<a href="http://code.google.com/p/flexlib/" target="_blank" onfocus="undefined">访问Flexlib</a></strong></p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2010年2月7日 &#8212; <a href="http://www.5umagazine.com/it/2005.html" title="wp-Syntax 插件使用方法">wp-Syntax 插件使用方法 (0)</a></li>
<li>2009年7月14日 &#8212; <a href="http://www.5umagazine.com/it/open-source/1331.html" title="20+ Best Free CMS &#038; Resources ">20+ Best Free CMS &#038; Resources  (0)</a></li>
<li>2009年4月3日 &#8212; <a href="http://www.5umagazine.com/design/web-design/500.html" title="20多个非常专业的 WordPress 模板">20多个非常专业的 WordPress 模板 (0)</a></li>
<li>2009年2月17日 &#8212; <a href="http://www.5umagazine.com/program/253.html" title="精通PHP需要注意的十大要点">精通PHP需要注意的十大要点 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/it/2003.html/feed</wfw:commentRss>
		</item>
		<item>
		<title>从零开始构建HTML 5 Web页面</title>
		<link>http://www.5umagazine.com/program/2021.html</link>
		<comments>http://www.5umagazine.com/program/2021.html#comments</comments>
		<pubDate>Mon, 22 Feb 2010 08:42:50 +0000</pubDate>
		<dc:creator>5U Magazine</dc:creator>
		
		<category><![CDATA[Ajax+CSS]]></category>

		<category><![CDATA[IT's]]></category>

		<category><![CDATA[编程语言]]></category>

		<category><![CDATA[HTML 5]]></category>

		<category><![CDATA[web]]></category>

		<category><![CDATA[Youtube]]></category>

		<guid isPermaLink="false">http://www.5umagazine.com/program/2021.html</guid>
		<description><![CDATA[HTML 5是时下Web开发领域炒得火热的一个术语，是的，很多人都看好它，也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站，如YouTube开始使用HTML 5视频...]]></description>
			<content:encoded><![CDATA[<p class="noborder"><img class="alignleft size-full wp-image-2020" title="html5" src="http://www.5umagazine.com/wp-content/uploads/2010/03/html5.jpg" alt="html5" width="150" height="150" />HTML 5是时下Web开发领域炒得火热的一个术语，是的，很多人都看好它，也有很多业内知名公司开始正式使用HTML 5重新构建自己的网站，如YouTube开始使用HTML 5视频，Google已经弃用自家的Gears，开始全面拥抱HTML 5实现离线解决方案，各大浏览器厂家也纷纷开始支持HTML 5，连被人诟病的微软也声称要在IE 9中增加对HTML 5的支持。本文打算为大家详细介绍一下<strong>如何构建一个完整的HTML 5 Web页面</strong>，以加深对HTML 5的理解。</p>
<p><strong>HTML 5有何不同？</strong></p>
<p>首先我们要明白HTML 5是新的语义结构标记，包括画布，离线存储规范和一些新的内联语义标记，但由于客观原因（主要是浏览器支持的原因），我们不得不限制标记的讨论范围，如画布，离线存储，原生视频或地理定位API等，还不是所有的浏览器都支持。</p>
<p>由于新的HTML 5标记大都是结构性的，它们的行为与块元素有些类似，为了帮助大家加深对HTML 5的理解，我将在下面的内容使用一些新的结构元素。</p>
<p><strong>每个人都应该记住的doctype（文档类型）</strong></p>
<p>要创建HTML 5 Web页面的第一件事情是使用新的doctype，你一定记住了HTML 4或XHTML 1.x的doctype，当我们要从旧的文档通过复制粘贴到新的文档中，必须要修改doctype，请记住，下面就是HTML 5的doctype：</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt; !DOCTYPE html&gt;</span></pre></td></tr></table></div>

<p> </p>
<p>还是很容易记住吧，而且也不区分大小写，与现在广泛使用的版本要简单得多了，而且保持了向后兼容。</p>
<p><strong>语义结构</strong></p>
<p>在深入标记前，我们先初略看一下一个Web页面的大致结构吧。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
</pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>...stuff...
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;header&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>My Site<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nav&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;</span>Home<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;</span>About<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
		<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">li</span>&gt;</span>Contact<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">li</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">ul</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span>content&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>My Article<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">h1</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span>&gt;</span>...<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;footer&quot;</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">p</span>&gt;</span>...<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">p</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></td></tr></table></div>

<p> </p>
<p>在上面的例子中，我为所有DIV标记增加了ID，相信大多数Web设计师都很熟悉这种做法了，这么做有两个目的，首先，ID提供了一个钩子，通过它可以对页面的特定部分应用样式，其次，ID作为一种原始的，伪语义结构，智能解析器将查找标签上的ID属性，并尝试猜测其含义，但这是一件很困难的事情，因为每个网站的ID可能都不一样。</p>
<p>于是就有了增加新标签的想法，HTML 5的创造者们就设计了一些新的元素，下面我们就来看看HTML 5中新增的一些关键的结构性标记。</p>
<p>◆ <strong>&lt;header&gt;</strong></p>
<p>这个标记计划用来描述一节或一个完整Web页面的介绍性信息，&lt;header&gt;标记可以包括所有的通常放在页面头部的标志，如果你在页面中使用了&lt;div id=&#8221;header&#8221;&gt;，它将被&lt;header&gt;取代。</p>
<p>◆ <strong>&lt;nav&gt;</strong></p>
<p>这个元素的含义就不说了，你的导航元素就放在这里，如主站点导航，但在某些情况下也可能有页面导航元素，HTML 5的创建人WHATWG最近修改了&lt;nav&gt;的解释，展示了如何在一个页面上使用两次。有关nav更多的讨论，可以参考：<span style="color: #0000ff;">http://www.zeldman.com/2009/07/13/html-5-nav-ambiguity-resolved/</span>。</p>
<p>简单说来，如果你在页面中使用了&lt;div id=&#8221;nav&#8221;&gt;标记来容纳导航元素，那么你可以使用&lt;nav&gt;进行替换。</p>
<p>◆ <strong>&lt;section&gt;</strong></p>
<p>这个可能是最模糊不清的标记了，按照HTML 5规范的解释，一个section是一个有主题的内容组，前面通常有一个header标记，后面通常跟一个footer标记，如果需要，section也可以嵌套使用。</p>
<p>在我们上面的例子中，标记为“content”的DIV是section的一个很好候选者，在这个section中，根据内容的不同，我们可能有更多的section。</p>
<p>◆ <strong>&lt;article&gt;</strong></p>
<p>根据WHATWG的注释，article元素是将section进行打包形成一个文档或网站独立的部分，例如一篇杂志或报纸文章，或一篇博客文章。</p>
<p>记住，在一个页面中可以有多个article元素，例如一个博客首页可能会有10多个article元素，article也可以进入section元素，因此你在嵌套使用时需要小心，可能一不小心就会出错。</p>
<p>◆ <strong>&lt;aside&gt;</strong></p>
<p>另一个模糊不清的标记是aside，这个元素表现的是与文档主要文本流无关的内容，也就是相当于一个括号备注，脚注，引用，注释，或者说是类似于侧边栏的东西，根据WHATWG的注释，&lt;aside&gt;可以用于所有这些情况。</p>
<p>◆ <strong>&lt;footer&gt;</strong></p>
<p>Footer的含义也非常清楚，它可以用在section中，也可以用于一个页面的底部。</p>
<h3>相关文章</h3>
<ul class="related_post">
<li>2009年8月7日 &#8212; <a href="http://www.5umagazine.com/design/1367.html" title="10 Professional Design Social Bookmarking Websites ">10 Professional Design Social Bookmarking Websites  (0)</a></li>
<li>2009年7月2日 &#8212; <a href="http://www.5umagazine.com/program/ajaxcss/1286.html" title="5个优秀jQuery UI 的 Dreamweaver扩展">5个优秀jQuery UI 的 Dreamweaver扩展 (0)</a></li>
<li>2009年3月25日 &#8212; <a href="http://www.5umagazine.com/design/web-design/448.html" title="25个印象深刻的深色CSS WEB 设计">25个印象深刻的深色CSS WEB 设计 (0)</a></li>
<li>2009年2月26日 &#8212; <a href="http://www.5umagazine.com/game/289.html" title="Batman和Joker斗舞游戏">Batman和Joker斗舞游戏 (0)</a></li>
<li>2009年2月4日 &#8212; <a href="http://www.5umagazine.com/game/pc-game/160.html" title="《星际争霸》成为大学课程之一">《星际争霸》成为大学课程之一 (0)</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.5umagazine.com/program/2021.html/feed</wfw:commentRss>
		</item>
	</channel>
</rss><!-- Dynamic Page Served (once) in 1.364 seconds --><!-- Cached page served by WP-Cache -->
