﻿<?xml version="1.0" encoding="gb2312"?>
<document><webSite>www.osstyle.cn</webSite><webMaster>service@osstyle.cn</webMaster><updatePeri>15</updatePeri>    <item>
        <title>Web是开源最大的成功</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011062701320.html]]></link>
        <text><![CDATA[
	开源运动广受欢迎，并且在软件开发史上写下了浓重一笔。但是它影响最深远的地方在哪呢？有史以来，最成功的开源&ldquo;项目&rdquo;又是什么呢？

	事实上，总体来看，Web不就是开源运动最大的成功么？

	可能最有名的例子就是隐藏域众多网站背后的LAMP，也就是Linux、Apache、MySQL和PHP。但当你仔细考虑后，你会发现更多。

	下面列出了Web得以运转的一些开源项目。

	Web browsers - 网络浏览器

	在网络浏览器市场中，虽然微软的封闭源码软件IE浏览器仍然占有很大的份额，但其它功能相似的开源项目已经流行起来，并在不断壮大。像Mozilla公司的 Firefox浏览器（它是开源的，还有Flock、PaleMoon）。还有增长迅速的基于Webkit的浏览器，像Safari，但最著名的是Chrome浏览器。

	如果把手机网络也算到这里面，其中Webkit主宰着iPhone、Android和Blackberry手机中的浏览器。

	Web server software - Web服务器软件

	迄今为止，Apache是使用范围最广的网络服务器软件，它是开源的，但是一个叫做Nginx的轻量级服务器软件在最近几年开始流行起来。事实上，三大顶级网络服务器软件中有两个是开源的（排名第二的微软的IIS是例外，但其距离第一相差甚远）。

	另外，大量服务器端底层软件也是开源的。例如，很多大流量网站使用Varnish作为与网站访问者之间的缓存层，而使用Memcached作为与网站数据库之间的缓存层。这只是众多例子中的两个。

	Scripting languages and web frameworks - 脚本语言和Web框架

	网络上使用的大部分编程和脚本语言都是开源的，比如PHP、Perl、Python、Ruby等。

	但是，很少有网站完完全全是从零开始。毫不夸张的说，有成百上千的开源内容管理系统（CMS）和网络框架来协助开发人员，例如WordPress、Drupal、Ruby on Rails、Django、Joomla等。

	Databases - 数据库

	开源软件MySQL是目前为止最流行的网站数据库，但还有其它功能相似的开源软件，比如PostgreSQL，更不用说近来出现的众多&ldquo;非关系型（NoSQL）&rdquo;数据库。

	既然我们说到了底层软件，那就不得不提一下每次我们使用互联网或因特网上的任何东西时都要依靠的基础系统：

	DNS - 域名解析系统

	Web(就此而言是整个因特网)离开了域名解析系统就一无是处。大家都知道，域名解析系统可以让用户使用像example.com之类的域名，而不是IP地址。BIND几乎是DNS服务器(亦称名称服务器)软件的实际标准，并且，你现在可能已经猜到了，它是开源的。

	Server operating systems - 服务器操作系统

	所有网站都必须在服务器上运行，而那也是开源的统治领域。虽然Windows统治着桌面领域，但是网站赖以运行的服务器大部分采用开源的Linux操作系统，其他比较流行的选择是freeBSD和OpenBSD。

	开源的诱惑

	由于在许多情况下，开源软件能够提供与商业的封闭源码软件相同的性能，并且又是免费的，所以开源软件如此流行并不奇怪。免费是一个难以挑战的价格。

	假如Web不是运行在所有这些免费软件上，那么它很可能需要一段艰苦的过程，才能让人们广泛接受。

	注意我们并没说过Web中没有任何封闭源码软件，而那显然是存在的。但是，从统计数据看，Web开源统治领域中真正的例外是微软的基于Windows系列系统。

	除了那个，你通常需要深入研究才能发现更多私有封闭源码技术，像路由器和类似设备上的操作系统。但那是因特网，而不是Web。

	结束语

	多亏了80年代因特网、便捷通讯以及合作与共享的兴起，开源运动才得以蓬勃发展。在90年代，当Web诞生于顶层因特网设备时，开源运动已经准备好助其一臂之力了。

	没有人会否认开源统治着Web的大部分。开源和Web是一个合作共生的关系，互利互惠，合作共赢。这就是为什么我们认为Web可以说是迄今为止是开源最大的成功。（我们并没有否定Tim Berners-Lee的意思。注：Tim Berners-Lee，万维网之父、第一位站长，参见《互联网历史上15个划时代的&ldquo;第一&rdquo;》）

	

	原文名称：The Web is the biggest open source success of all
	原文地址：http://royal.pingdom.com/2011/01/10/the-web-is-the-biggest-open-source-success-of-all/
	译文地址：http://www.jobbole.com/entry.php/498
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Pingdom，关关 译]]></author>
        <source><![CDATA[伯乐在线]]></source>
        <pubDate>2011-06-27 22:20:18</pubDate>
    </item>
    <item>
        <title>Javascript诞生记</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201106272400664.html]]></link>
        <text><![CDATA[
	1. 二周前，我谈了一点Javascript的历史。

	今天把这部分补全，从历史的角度，说明Javascript到底是如何设计出来的。

	只有了解这段历史，才能明白Javascript为什么是现在的样子。我依据的资料，主要是Brendan Eich的自述。

	2. 上一篇文章写道：

	&quot;1994年，网景公司（Netscape）发布了Navigator浏览器0.9版。这是历史上第一个比较成熟的网络浏览器，轰动一时。但是，这个版本的浏览器只能用来浏览，不具备与访问者互动的能力。......网景公司急需一种网页脚本语言，使得浏览器可以与网页互动。&quot;

	

	网页脚本语言到底是什么语言？网景公司当时有两个选择：一个是采用现有的语言，比如Perl、Python、Tcl、Scheme等等，允许它们直接嵌入网页；另一个是发明一种全新的语言。

	这两个选择各有利弊。第一个选择，有利于充分利用现有代码和程序员资源，推广起来比较容易；第二个选择，有利于开发出完全适用的语言，实现起来比较容易。

	到底采用哪一个选择，网景公司内部争执不下，管理层一时难以下定决心。

	3. 就在这时，发生了另外一件大事：1995年Sun公司将Oak语言改名为Java，正式向市场推出。

	Sun公司大肆宣传，许诺这种语言可以&quot;一次编写，到处运行&quot;（Write Once, Run Anywhere），它看上去很可能成为未来的主宰。

	

	网景公司动了心，决定与Sun公司结成联盟。它不仅允许Java程序以applet（小程序）的形式，直接在浏览器中运行；甚至还考虑直接将Java作为脚本语言嵌入网页，只是因为这样会使HTML网页过于复杂，后来才不得不放弃。

	总之，当时的形势就是，网景公司的整个管理层，都是Java语言的信徒，Sun公司完全介入网页脚本语言的决策。因此，Javascript后来就是网景和Sun两家公司一起携手推向市场的，这种语言被命名为&quot;Java+script&quot;并不是偶然的。

	4. 此时，34岁的系统程序员Brendan Eich登场了。1995年4月，网景公司录用了他。

	Brendan Eich的主要方向和兴趣是函数式编程，网景公司招聘他的目的，是研究将Scheme语言作为网页脚本语言的可能性。Brendan Eich本人也是这样想的，以为进入新公司后，会主要与Scheme语言打交道。

	

	仅仅一个月之后，1995年5月，网景公司做出决策，未来的网页脚本语言必须&quot;看上去与Java足够相似&quot;，但是比Java简单，使得非专业的网页作者也能很快上手。这个决策实际上将Perl、Python、Tcl、Scheme等非面向对象编程的语言都排除在外了。

	Brendan Eich被指定为这种&quot;简化版Java语言&quot;的设计师。

	5. 但是，他对Java一点兴趣也没有。为了应付公司安排的任务，他只用10天时间就把Javascript设计出来了。

	由于设计时间太短，语言的一些细节考虑得不够严谨，导致后来很长一段时间，Javascript写出来的程序混乱不堪。如果Brendan Eich预见到，未来这种语言会成为互联网第一大语言，全世界有几百万学习者，他会不会多花一点时间呢？

	总的来说，他的设计思路是这样的：

	（1）借鉴C语言的基本语法；
	（2）借鉴Java语言的数据类型和内存管理；
	（3）借鉴Scheme语言，将函数提升到&quot;第一等公民&quot;（first class）的地位；
	（4）借鉴Self语言，使用基于原型（prototype）的继承机制。

	所以，Javascript语言实际上是两种语言风格的混合产物----（简化的）函数式编程+（简化的）面向对象编程。这是由Brendan Eich（函数式编程）与网景公司（面向对象编程）共同决定的。

	6. 多年以后，Brendan Eich还是看不起Java。

	他说：

	&quot;Java（对Javascript）的影响，主要是把数据分成基本类型（primitive）和对象类型（object）两种，比如字符串和字符串对象，以及引入了Y2K问题。这真是不幸啊。&quot;

	把基本数据类型包装成对象，这样做是否可取，这里暂且不论。Y2K问题则是直接与Java有关。根据设想，Date.getYear()返回的应该是年份的最后两位：

	var date1 = new Date(1999,0,1);
	var year1 = date1.getYear();
	alert(year1); // 99

	但是实际上，对于2000年，它返回的是100！

	var date2 = new Date(2000,0,1);
	var year2 = date2.getYear();
	alert(year2); // 100

	如果用这个函数生成年份，某些网页可能出现&quot;19100&quot;这样的结果。这个问题完全来源于Java，因为Javascript的日期类直接采用了java.util.Date函数库。Brendan Eich显然很不满意这个结果，这导致后来不得不添加了一个返回四位数年份的Date.getFullYear()函数。

	如果不是公司的决策，Brendan Eich绝不可能把Java作为Javascript设计的原型。作为设计者，他一点也不喜欢自己的这个作品：

	&quot;与其说我爱Javascript，不如说我恨它。它是C语言和Self语言一夜情的产物。十八世纪英国文学家约翰逊博士说得好：&#39;它的优秀之处并非原创，它的原创之处并不优秀。&#39; （the part that is good is not original, and the part that is original is not good.）&quot;

	

	文章来源：http://www.ruanyifeng.com/blog/2011/06/birth_of_javascript.html
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[阮一峰]]></author>
        <source><![CDATA[阮一峰的网络日志]]></source>
        <pubDate>2011-06-27 21:51:22</pubDate>
    </item>
    <item>
        <title>麦肯锡报告：互联网对经济增长贡献率超20%</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011052696815.html]]></link>
        <text><![CDATA[
	【TechWeb报道】5月25日消息，据国外媒体报道，麦肯锡最新报告称，互联网经济已占到GDP的3.4%，超过农业和能源，成为经济的巨大推动力。

	过去5年中，互联网对经济增长的贡献超过20%，该比例还在不断增加。互联网每摧毁1个就业岗位，便新创造2.6个就业岗位。

	以下为报告摘要：

	1.
	
	在麦肯锡统计的13个国家中，互联网占到GDP的3.4%。在互联网经济中，个人消费占到53%，私有投资占到29%，公共支出占15%。

	2.
	
	互联网经济占GDP的比重超过农业和公共事业。

	3.
	
	按国家不同，互联网对GDP的直接贡献范围为0.8%&mdash;6.3%，其中对中国的贡献为2.6%。在中国的互联网经济中，个人消费业务占到32%，美国该项比例为60%。

	4.
	
	过去5年，在互联网发达的国家，互联网经济对GDP增长的贡献平均为21%。

	5.
	
	在经济高速增长国家，互联网经济对GDP增长的贡献比例相对较低，但互联网增长的绝对数量仍很大。

	6.
	
	运用互联网多的小企业业绩好于竞争对手。

	7.
	
	传统企业获取了互联网的大部分价值(75.4%)，纯粹的互联网企业获得了24.6%。对于历史悠久的企业来说，互联网是一个机会而不是威胁。

	8.
	
	美国仍是互联网领域的领导者。

	9.
	
	创造了强大的互联网生态系统的国家获得了巨大的经济利益。

	10.
	
	创建互联网生态系统，最重要的因素有人力资本、金融资本、基础设施和商业环境。

	11.
	
	美国和瑞典拥有最佳互联网生态系统，中国排名第九。

	12.
	
	只有美国建立了合理的混合型互联网经济结构。

	发现酷站注：麦肯锡的PDF原文（Internet matters: The Net&#39;s sweeping impact on growth, jobs, and prosperity）
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[陈果]]></author>
        <source><![CDATA[TechWeb]]></source>
        <pubDate>2011-05-26 13:34:02</pubDate>
    </item>
    <item>
        <title>让界面更加清爽</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201105224459883563.html]]></link>
        <text><![CDATA[
	

	夏日要到了，酷热的天气，灿烂的阳光，想在夏日里获得众人的目光和赞美，快试试小白介绍的几招，一起打造清爽的夏日装，让在一切更加舒服，有活力。
	嗯&hellip;咳咳。这是说视觉界面上设计的事，无论是web、移动或客户端，要想视觉更加清爽下面的建议都会有帮助的。

	1.让布局更有空间感

	脱掉！嗯&hellip;对的&hellip;
	要想清爽，就得把身上多余的衣物，一层一层的脱掉！
	在一个有限的空间里塞满大量的元素和信息，就算设计再华丽，信息再精彩，焦点还是无法长期停留在该空间。对于信息量丰富的界面，要想视觉清爽，空间感显得有为重要，这包括：主次信息之间的比例，各个信息模块之间的距离，单个模块里信息的间距。

	

	2.使用简单的几何元素

	曲线！嗯&hellip;也不完全这样理解&hellip;
	脱掉厚重的衣物，身体的线条自然会显现出来，但想吸引更多的目光，那就得把线条练得好点。
	在界面中使用简单几何元素做点缀或分割，有助于视觉焦点迅速寻找主要内容，便于信息的传达。
	几何元素在人的思绪中是一种没有滞碍的概念，往往传达出干净有力，目的明确的态度和姿态，这最符合清爽的氛围。

	

	3.留白和采用浅色系的邻近色

	夏日，海滩上，鲜艳的色彩的确是夺目的主角。
	但作为日常着装，那样的色彩就不耐看了，而简单浅色系则显得干净舒服。
	色彩在界面的作用是营造体验氛围，为的是更好的突显内容，尽量减小使用中的干扰，建议太强烈的色彩不适于在以大量信息为主题的常用界面设计中。
	适合营造氛围的邻近色特点是，层次丰富、活泼，既保持了统一的优点，却没单调、呆板的缺点。而浅色系的色彩与白色相搭配显得界面单纯、柔和、谐调，却有优雅、微妙的色感。

	

	以上是小白的小小建议，愿你在设计界面时，希望界面清爽的时会有所帮助。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-05/20115227216151698.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[szwjerry]]></author>
        <source><![CDATA[网易用户体验中心官方博客]]></source>
        <pubDate>2011-05-22 19:29:03</pubDate>
    </item>
    <item>
        <title>如何把无意识引入到交互设计中——深泽直人设计启示</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110507372210754.html]]></link>
        <text><![CDATA[
	

	深泽的设计的关键词：无意识设计 whitout thought 直觉设计 消除设计障碍 融入生活 细节 简洁 人情味 换回某种记忆 似曾相识

	喜欢深泽很多年了，刚开始学设计时，在网上第一次看到深泽的作品时就被深深的吸引住了，他的设计理念和生活态度一直指引着我的设计方向。如今毕业了，进入了互联网设计领域，重温他的作品，还是能给我工作中带来不少启示。

	&ldquo;如今交互设计主要针对软件和屏幕，但我认为硬件设计，也就是那些能摸的着的实体，都是交互设计。&rdquo;&mdash;&mdash;深泽直人

	在做分享前，对于舒适的产品印象我让同学们做了头脑风暴，以下是大家的反馈：

	安全 尺度 优雅 自然 本源 质感 占有 厚实 所见及所得 朴实 美感 舒适 节约 自然 生命力的 亲和 实在 方便 不多不少  理所应当 直觉 不用思考 贴近生活 可爱

	

	在深泽直人的设计作品中，以上舒适的产品印象都能在他的作品中找到！

	&ldquo;身为日本当代最活跃的产品设计师，深泽直人的设计融合了日本美学与西方实用技巧，设计作品屡获设计各大设计奖项。

	深泽直人的设计主张&ldquo;Without Thought&rdquo;，强调&ldquo;无意识的设计&rdquo;，
	不管是产品简洁的外型，或是消费者直觉的使用，都回归到生活本质的设计出发。&rdquo;

	先来谈谈&ldquo;无意识设计&rdquo; ，&ldquo;无意识设计&rdquo;理论，即为通过有意识的设计，实现无意识的行为，给人有意味的享受。无意识其实是心理学的一个术语，是指一些想法、观念等并不被我们所意识到，它们贮藏在内心深处，但是会通过相应的行为表现出来。记得以前读庄子的时候，有一个故事大意是讲：最舒服的鞋子就是能让人感觉不到鞋子的存在，或者说是让人很快就忘记了自己穿着鞋子。

	深泽的作品简洁，去除了一些多余的修饰成分，让设计回归本源。他的设计简单纯粹，当我们看到它的作品时自然而然会有一种舒服的亲近感。产品就如同人一样，当面对一个浓妆艳抹的女人时，人们多半会给她贴上傲慢，无法亲近的标签，而面对一个裸妆的女人时，你会觉得轻松自然，可亲近。 过多的修饰和功能的叠加会给增加用户心里负担。要尽量减少产品给用户带来的挫败感。

	在他的作品里，你绝对看不到&ldquo;披着华丽外表空壳&rdquo;的设计，每一件作品，都是一次深度的思考，出于&ldquo;设计让生活更美好&rdquo;的初衷。而这些思考的背后，源于对细节的关注。

	

	
	图1  带凹槽的伞 深泽直人

	以上是一把带有凹槽的伞。在没有告诉这个凹槽有什么作用时，我问了周围的朋友，你们觉得开这个小槽有什么作用呢？80%的答案都是可以在凹槽中方上塑料带。深泽的用意就在于此。为什么在没有被告知设计用意时，大家一眼就能理解了设计的用意，因为这个潜意识被这个设计唤醒了。也许大家都有过这样的体验：在多雨的季节，出行时我们习惯带一把伞，坐公车时，如果手中拎着较多的东西，我们的习惯会把袋子搁在雨伞上，虽然一次又一次滑落，但还是一遍遍重复着把袋子拖到最顶部的动作。而这时只要在伞的弯钩处再设计一个凹槽，这样伞把就多了一个功能&mdash;&mdash;悬挂塑料袋。

	&ldquo;无意识&rdquo;并不是真的没意识，而是指我们知道自己要什么，但还没意识到自己到底想要什么。而深泽关注的，正是我们所忽略的有关&ldquo;无意识&rdquo;的种种细节。

	当在网上你邂逅了一首你特喜欢的歌，这时你会做哪些操作，下载，收藏，然后呢，前两个操作你还是停留在那首歌上，接下来你是不是会去搜歌手的名字,可他别的歌风格你会觉得和刚那首有出入，这时有一部分人比如我，会去百度：和《XX》歌相似的歌推荐。

	某天无意中使用了谷歌的播放器，居然惊喜的发现了&rdquo;相似歌曲&rdquo;,这个不是用户的直接需求，而是潜在的需求，但谷歌把它挖掘出来了。并做了精心的相似歌曲推荐，让我觉得像被照顾到了，被考虑到了。这个小小的贴心的设计让我对&ldquo;谷歌音乐&rdquo;留下了深刻的印象，如今我放弃了别的音乐网站忠于&ldquo;谷歌音乐&rdquo;。只因为这个小小的细节。

	

	

	现在各大网站功能都趋于相似，要想抓住用户的心，必须关注细节的设计，当你真的为用户考虑周全了，用户是会感觉到的。交互设计不仅仅是产品与用户之间生理行为上的交互，更在于心理上的交互。最终起作用的决定用户选择或放弃的还是在用户的心理上，只有在心理上用户认同了产品，产品的交互才具有最终的含义。

	如果说&ldquo;无意识设计&rdquo;的灵感是源自于是对于生活细节点滴的关注和积累，那真正把设计推到另一个高峰，吸引众人的眼球的，便是设计与环境的完美结合。

	
	图2 带有纸篓的打印机  深泽直人

	图2为深泽设计一款打印机，深泽在设计这款打印机时，不去关注打印机形，而是注意到了打印机和周围环境的关系，比如和废纸篓的关系。一般在使用打印机的周围可能有废纸篓。我们很多人，包括我们做设计的人，往往不止打印一张。而是打几张出来，会挑选其中一张，然后把其他的扔掉。

	&ldquo;那么我们下意识的行为来自哪里？&rdquo;&ndash;深泽直人说：&ldquo;环境引发了行为（Environments provoke behaviors）&rdquo;当人们与环境有和谐的互动时，我们称之为美。

	对于生活的产品，我们在设计的时候要关注它所处的环境，把设计能融入到环境中，而在网站中我们为用户设计的界面就是网站中的&ldquo;环境&rdquo;。一个个设计组建和元素都必须要很和谐的融入在整个大环境中，与其说环境与设计，我可以换个理解的方法，就是在这个环境中，事先预想好这个环境下用户可能会操作的动作。我暂且把环境设计等同于一个页面中可能存在的行为设计。

	举个很好的实例：豆瓣读书。

	

	

	豆瓣读书的用户体验非常好，每个设计都和&ldquo;环境&rdquo;非常和谐，我把读书比作是&ldquo;环境&rdquo;，这个页面中，我们可以看书简介，作者和相关价格。并能通过用户对书的打分和评价对书做初步的判断。左侧信息设计与书本身密切相关。右侧的信息设计则扩展了用户的下一步行为，购书，推荐标签，同好，相关小组，活动推荐。

	整个&ldquo;读书环境&rdquo; 和谐自然，用户不会因为单纯在了解到了一本书后关闭网页，我们下意识的去看了更多推荐，并认识了志同道合的朋友，环境引发了行为。

	好的交互在设计最初就要求设计师能够换位站在用户的角度去感知用户的需求,以用户为中心,充分为考虑用户的使用情境,为用户营造一个熟悉的氛围,也就是要求设计师的表现模型尽可能的接近用户的心理模型。

	
	图3 W11K手机   深泽直人

	像这个2003年设计的W11K手机，来自于深泽年幼时的记忆，削土豆时，本来是圆的，后来变成轻微有斜面的，削皮之后，会有一些赃，把土豆往水里一放就会有很干净的感觉，并且斜面让土豆变得滑溜有质感。他确信别人也喜欢这种感觉（触觉）。那么把手机设计成这样，可以唤醒大家共同的童年记忆，于是我们觉得这款手机是有感情的有记忆的，会有购买欲。

	如今人们越来越宅，网络的发达让人轻松的体验网购带来的方便和快捷，可过程却缺少了一点乐趣。特迷恋过年和朋友一起去商城抢购的快感。

	今年12月，一场疯狂的虚拟排队活动在中国内地悄然开展，并迅速引发网络热潮。这是著名日本休闲服装品牌优衣库与人人网合作推出的&ldquo;UNIQLO LUCKY LINE&rdquo;网上排队活动。参与者用自己的人人网账号登录活动页面，选择一个卡通形象，就可以用这个小人和其他人一起，在优衣库的虚拟店面前排起一串长长的队伍。网友在优衣库网站虚拟UNIQLO店铺排队购物，即有机会获得iPhone4、iPad、旅游券、特别版纪念T恤、9折优惠卷等礼物。短短一周时间，这次网上排队活动已经有超过93万人次参与。参与者在排队的同时，还会在其人人网主页上生成一条&ldquo;新鲜事&rdquo;消息，分享给其好友，排队的人多了，就出现了刷屏。从12月3日登陆人人网，不到两周时间，优衣库的粉丝人数已经接近11万人。

	

	

	当然我也玩了，说下最直观的一些体会，强烈的设计感与品牌符号感，视觉印象上非常出位，也满足了作为时尚品牌的表达诉求。优衣库和人人网合作, 群体比较契合,由于那段时间网上种种以iPhone4、iPad为诱饵屡见不鲜, 所以完全没有报以希望。主要吸引我的是&rdquo;排队&rdquo;本身的体验新奇好玩，以至于我一遍遍推动网页去前面看排我前面的人有没熟人。
	优衣库把无聊甚至令人厌烦的排队变成了一件时髦事儿。当然，更是它自己的营销利器。也许不是人人都爱凑热闹，但排队似乎正在成&ldquo;潮&rdquo;。苹果发售新品时的排队盛况已经不再是新鲜事，去年上海世博参观的排队长龙一辈子难忘。把现实生活的体验搬到网络中，为用户营造一个熟悉的氛围，这种全新的排队体验让用户颇感新鲜。

	注重产品使用过程中的体验，尝试用设计师式的优雅去引领潮流。

	
	图4 MUJ- CD机  深泽直人

	如果你也喜欢深泽直人，你一定见过这款Muji CD机，它就如一个风扇，下面一条拉绳。人们看到这个形态感觉很熟悉，觉得有亲切感。似乎在哪里见过。无意识的就去拉下了绳子，音乐响起。再拉动一下，音乐停止。操作如果简单，完全不需要使用说明书。抛开Muji CD机极具创意的外形来看它的播放过程。它只有一个向下拉的操作，极致简单的设计美学。另一方面它，打开开关，它并不会立即启动，而是间隔一下，音乐随即开始，设计师仿佛在营造一种声音从远方传来的意境，亲切而舒适。我想这就是节奏的一个表象，实际上这种稍显延迟的设计也同样出现在iPhone发布时的一个场景，Jobs听着音乐而此时他的同事打来电话，音乐缓慢落下转换为铃声，到通话结束，一个小的间隔之后，音乐响起。类比前面的两个例子。Muji CD机的，功能会让位于设计，如将曲目切换，音量调节被放置在不方便操作的位置，这种强调设计意志的产品有时会给人一些设计师孤芳自赏的感觉，所以可以将这种优雅比作是设计师式的优雅，当我们的团队有了足够和行业领导力以及顶尖的设计水平之时，便可以尝试用这种设计师式的优雅去引领潮流。（此段后半段取自我曾经的摘录）

	每次看他的作品都是一次视觉的享受，每次拜读他的文字和观点都是一次观念的洗礼。今天对于作品分析先写到这里。日后若想到一些，我会及时补充到这里。希望今后的工作中，我们能把&ldquo;无意识的设计&rdquo;理念带入到网站交互设计中。

	用深泽直人的一句话来做结尾：设计一件东西往往和我们无意识的行为和我们周围的环境有关。思考需要时间，感觉则可能在片刻内完成。一件物品给你的第一感觉很重要，而当使用了一段时间之后你会发现你最初失掉的感觉才是设计的精髓所在。这就是&ldquo;不假思索&rdquo;背后的含义。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[redfeel]]></author>
        <source><![CDATA[aliued.cn]]></source>
        <pubDate>2011-05-07 22:21:39</pubDate>
    </item>
    <item>
        <title>12个步骤培养你的创造力</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201104164910518379.html]]></link>
        <text><![CDATA[
	不論身在哪個產業，做的是什麼樣的工作，創造力都是不可或缺的重要能力，而如果你的工作和創意相關，那就更不能錯過以下幫助培養創意的12個步驟。

	1. 制定時間表
	
	這聽起來好像和自由奔放地創作相抵觸，但其實安排好何時要做什麼事，可以讓你免於操煩這些雜事，而專注在手頭的工作上。

	2. 多數時間擁有一個專屬的工作空間
	這樣一來你可以擺上一些激發靈感的物件，安排讓自己感覺最舒服的擺設，並同樣幫助避免分心，更將工作與私人生活分開，不過偶而在家工作，也可給人耳目一新的感覺。

	3. 分享自己做了些什麼
	與其他人交流討論是很重要的，這樣的習慣有助於保持開放心態，並發展創意解決方案，因為有時只要改變觀點，世界就變得完全不同。

	4. 做一個觀察者
	
	了解目標群眾，才有辦法做到最有效的溝通，因此不論身在何處，都要把握機會增廣視野，並觀察周遭的世界。

	5. 開發其它創意相關興趣
	當工作變得一成不變時，靈感就可能阻塞，所以培養一些像是攝影、音樂、或寫作等興趣，可以提供一些適當的刺激。

	6. 收集靈感
	
	開始收集一些好的範例，並分析自己為何喜歡，以及它是如何運作的，之後就可以運用在自己的嘗試上。

	7. 參與一個好的公益議題
	這樣做可以不但能幫助人，還能以感覺良好的方式運用創意，所帶來的正面影響，將讓你工作品質更好。

	8. 晚上好好睡一覺
	
	累的時候連精神都無法集中，更不用說是發揮創意了，因此請盡量保持良好規律的睡眠習慣。

	9. 每天學一點新東西
	這個世界很大，每天都發生許多新鮮事，因此不要停止學習，好奇心和創造力是相輔相成的，而這些日常的積累將在需要的時候派上用場。

	10. 適時休息
	在大多數的情況下，工作天中幾回規律的休息，可以讓你重新恢復活力，暫時抽離工作一下，也有助於用不同角度來看問題。

	11. 運用情緒收集版(mood board)
	
	先個別檢視空間、平衡、材質、重覆、線條、和顏色等設計的基本元素，然後再看整體，而情緒收集版就是概觀產品個性的好工具。

	12. 不要有罪惡感
	每個人都有不順的時候，重要的是別讓自己陷入低潮，這時可以先放下工作，做一些其他有生產力的事，然後好好放鬆一下明日再戰。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Kelli Shaver，陳品先 编译]]></author>
        <source><![CDATA[数位时代]]></source>
        <pubDate>2011-04-16 15:54:10</pubDate>
    </item>
    <item>
        <title>设计元素最少的网站Quora怎样谈产品设计？</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110402658058569290.html]]></link>
        <text><![CDATA[
	

	我是丽贝卡&middot;考克斯（Rebekah Cox）。我是Quora的第一名员工，是目前Quora的四个产品设计师中的一个。Quora是一个让你交流专业知识的地方，它覆盖了很多你感兴趣的主题。

	设计很重要

	现在是成为设计师的好时机，特别是在硅谷，人们非常支持设计，对设计也很感兴趣。因为作为一个明显的竞争优势，设计已经为自己赢得了一席之地。

	

	Quora爱设计

	在Quora，我们对设计充满热情。我们从一开始就非常重视设计。Quora的文化鼓励优秀的设计并培养优秀的设计师，这对我们来说非常重要。

	然而，Quora似乎是互联网上设计最少的网站之一。它使用黑色、红色和大量文字。创建了设计元素如此之少的产品，我们怎么还能声称自己关心设计呢？

	

	设计是什么?

	要明白，人们对设计这个词的定义常常是非常直觉化的。有些人认为设计在于审美，有些人认为它意味着互动，有些人则认为它是指logo标志。

	在Quora ，设计是指什么？

	理解如何对于不同的人来说设计可以有很多不同的含义，意味着我最开始在Quora工作时，最重要的任务与Python或CSS或JavaScript没有半点关系；这个任务就是确立一个简单的定义：在Quora设计意味着什么？

	设计就是关于产品的一套决定

	我们对设计的定义是：设计就是关于产品的一套决定。它不是一个界面或一种审美观，它不是一个品牌或一种颜色。设计是真正决定。

	

	好处

	这个定义包含了很多内容，它在很多方面塑造了我们的方法。用这种方法思考带来了很大的好处：

	明确了产品及其界面之间的关系

	首先，它明确了产品及其界面之间的关系。你的产品的最终样子不是突然出现的大结局，而是你做的所有小决定的总和。

	一个下拉组合框的位置，表达了它存在的原因

	所以要重视这些小决定......它不只涉及下拉组合框的位置，也涉及它为什么要存在的原因。一个人如何使用你的产品去完成一项任务，其驱动力是这个人为什么必须采取某一步行动。

	把注意力集中到最重要的地方：用途和目标

	其次，这个定义让我们把注意力集中到最重要的地方：一个具体产品的用途和目标。你以做的事情有很多。但设计应该是搞清楚你应该做什么的过程。

	真正酷的事情：创作出有用的东西

	你可以做出世界上样子最酷的产品，但是如果它对人们没有用处和吸引力，那它就没有意义。你需要关注你的目标，在目标上花最多的时间，并总是提供价值。

	

	责权平衡的公司中的角色

	最后，这个定义是让设计人员在责权平衡的公司里充当一个角色的载体。它提倡了积极的、早期的设计参与。

	设计师不是粉刷匠

	设计师应该有机会做更多的事，而不只是粉刷成品。我们应该尽量集中精力分析问题的来源，并有威信来确保采取最佳的解决方案，不管解决方案以何种形式出现。

	伟大的设计

	这样做的理由很简单：伟大的设计就是你不会要求产品使用者来做的事情，你不会要求别人来做的所有决定，因为你已经花了无数小时来确定最佳决定。

	选择问题很重要

	这是我们的挑战。作为设计师，我们的工作是让世界变得更美好，既通过创建好的工具，也通过理解问题。我们决定要解决哪些问题，跟我们解决它们的方式一样重要。

	你对设计的想法会影响细节

	设计本身可以是很多东西，它也可以采取很多种形式。有时我们的产品会变得&ldquo;过分装饰&rdquo;，设计也可能同样如此。但你对设计的想法影响到每一个微小的细节，而这些细节最终将构成你的产品。

	设计就是关于产品的一套决定

	在Quora我们就是这样定义设计的：设计是关于一个产品的一套决定。这些决定构成了一个产品，因为它们最为重要&mdash;&mdash;这些决定推动一切向前进。

	Quora设计师推动产品前进

	因此在Quora，设计师们正在推动产品前进。他们直接与工程师合作，解决极为困难的问题，并把来自不同背景的人们聚集在一起，让他们与世界公开分享他们的知识。

	

	原文名称：Building Up your Web Design Education
	原文地址：http://www.quora.com/Rebekah-Cox/Design-Quora-Web2-0-Expo-Presentation
	译文地址：http://tech.qq.com/a/20110401/000300.htm
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-04/2011421612133992.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Rebekah Cox，腾讯Kathy 译]]></author>
        <source><![CDATA[tech.qq.com]]></source>
        <pubDate>2011-04-02 16:58:11</pubDate>
    </item>
    <item>
        <title>自学网页设计</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201104025448583118.html]]></link>
        <text><![CDATA[
	Web设计师的路是充满挑战性的路。有很多技术需要学习，而且有很多知识可以用来稍微减轻路途上的负担。最流行的学习媒介是书籍，但是随着网络的发展，如今学习网页设计原理比以前任何时候都更容易。
	我希望向对扩展自己设计方面的知识有兴趣的人介绍一些有用的资源。内容涉及从网页表单，教程，以及发表博客等到你可以想到的几乎每个话题。你唯一需要的就是强烈的学习意愿和决心！

	

	创建标准网站

	对于那些不熟悉标准网站的人，你其实只需要学习一门语言。HTML5是W3文档系列最新发布的版本。在这里我们可以发现结构化的基于标签和属性的树状层级语言。

	

	然而如果只有HTML，你能做的可能只是没有真正创造力的乏味的格式。CSS是一门用名-值对来书写的样式语言。在这些文件里，你针对页面目标元素写代码并更新它们的样式。它些样式可能是字体号或字体，背景色，位置，边框或基本上你能想到的所有其它方面。

	有这两门语言就可以很容易的在几天内创建一个网站。它们的学习曲线不是很陡峭，一旦你理解了两个语言如何互相交互，那剩下的几乎就只是学习新的和不知道的标签了。它就像学习一门新语言一样&mdash;&mdash;一旦你理解了基本语法，主要的挑战就在学习不同类型的词汇上了。

	HTML学习资源

	如果你从来没有学习过HTML或只是想扩展你的知识，我可能会推荐Net Tuts+. 他们是一个流行的网页开发博客，上面发布了许多非常有用的HTML代码片段。

	

	他们不仅仅关注HTML，所以你可能会看到很多其它类别的文章。他们的类别包括PHP，JavaScript，WordPress，Ruby以及其它许多分类。

	W3Schools HTML5 page是另一个很有价值的资源。如果你有2-3个小时的空闲我强烈推荐你学习一下他们简单的课程。每个方面都被提到，每个元素之间的过渡也很好，直到创建你的最终网页。

	

	如果要更专业一点的话，我找到了一些特别的站点。Dave Woods写的标题为HTML5 教程 &ndash; 入门的文章，概括了在你创建第一个网站时需要了解的所有主要内容。

	至高无尚的CSS

	如果HTML足够简单并且你想提高你的CSS技巧，我推荐一些类似的资源。W3Schools实际上突出两方面的课程。首先是介绍标准的CSS类如何装饰你的网站。这包括字体，颜色，标题，链接与及导航菜单。

	为作它们中的高级成员他们的最新的CSS3 release提供了最新特性的深度解析。这些新特性在现在越来越流行，比如阴影效果和圆角。

	

	类似的，还有大量的文章可以参考。与CSS技术一起，很多开发者已经在整合CSS3教程。

	丰富的想象力

	一旦你学习设计到了一定的程度你就会觉得很容易创建一个简单的网站。它不需要最漂亮，但是如果你想了解从头到尾的整个过程那接下来就需要学习一些新的前沿知识。

	一些设计师倾向于图像艺术。这可能是图标或logo设计，插画或矢量图，背景，以及其它形式的图像。数字艺术基本上通过Adobe的软件套装就可以建立，并且使用它们会感觉到很轻松地表达创造力以及创建网页布局。

	

	在相似的规模下网站的规范化会很大程度地影响用户心情。如果你熟练画图和徒手画图工具，尝试使用Adobe Illustrator。使用它很容易创建矢量图，用于吉祥物，logo，甚至是Flash的背景图。

	图标设计也是一个相似的，设计师会用Photoshop或Fireworks来做。顺便学会设计图标会带来区大的好处。

	

	你可以在新开的Web Design Tuts+博客中找到这些文章。他们专注于设计页面图像，布局，线框之类的。总之这是一个需要掌握的很好的技能，因为它们使得网页开发更容易。

	结论

	现在做网页设计比以前任何时候都容易。历史上网页是用来公开讨论和分享知识的地方。网页设计社区很乐意帮助别人去理解。

	

	原文名称：Building Up your Web Design Education
	原文地址：http://speckyboy.com/2011/03/23/building-up-your-web-design-education/
	译文地址：http://rockux.com/archives/自学网页设计
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Jake Rocheleau， RockUX 译]]></author>
        <source><![CDATA[RockUX–WEB]]></source>
        <pubDate>2011-04-02 15:58:45</pubDate>
    </item>
    <item>
        <title>浏览器简史</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110401331080863.html]]></link>
        <text><![CDATA[
	看看现在的浏览器之争，你很难记起Netscape曾经风光无限的占领超过86％的市场份额。自从微软把Windows Internet Explorer整合到操作系统，毫无悬念的便接管了市场并主导了数年。

	纵览这个消息图表，几家欢乐几家忧。Netscape已经是黄泉路上作孤魂，IE独霸江湖多年已经日渐疲惫，Opera以其惊人的淡定自保持了高度稳定而杯具的市场份额，Firefox和充当了后起之秀的Chrome是否继续保持上进的势头继而将IE取而代之呢？

	

	原文名称：Browser Evolution &ndash; The History of Web Browsers
	原文地址：http://www.testking.com/techking/infographics/browser-evolution-the-history-of-web-browsers-infographic/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Andy Crofford，MazingTech 文译]]></author>
        <source><![CDATA[testking.com]]></source>
        <pubDate>2011-04-01 16:33:18</pubDate>
    </item>
    <item>
        <title>给年轻设计师的十条经验</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011040157128498526.html]]></link>
        <text><![CDATA[
	发现酷站注：来自Wieden+Kennedy执行创意总监John C Jay的一些有深刻见解的经验总结。虽然是侧重设计的观点，但笔者认为这些经验将适用于任何从事创意产业的人士。取自AIGA：

	1. Be authentic. The most powerful asset you have is your individuality, what makes you unique. It&rsquo;s time to stop listening to others on what you should do.
	做真实的自己，独特的个性才是自己最强大的资本，不要听从别人安排你该做什么。

	2. Work harder than anyone else and you will always benefit from the effort.
	要比别人更努力，最终总会有收获。

	3. Get off the computer and connect with real people and culture. Life is visceral.
	离开电脑世界，走进生活中去接触真实的人和物，体味人生。

	4. Constantly improve your craft. Make things with your hands. Innovation in thinking is not enough.
	不断提升自己的技能，要亲自动手去做，光靠拍脑袋是远远不够的。

	5. Travel as much as you can. It is a humbling and inspiring experience to learn just how much you don&rsquo;t know.
	尽可能多的去外面走走，你才会发现自己还有太多需要学习的东西。

	6. Being original is still king, especially in this tech-driven, group-grope world.
	原创仍是王道，尤其是在这个以科技为第一生产力的时代。

	7. Try not to work for stupid people or you&rsquo;ll soon become one of them.
	尽量不要为傻逼的人工作，否则你迟早也会变得和他们一样。

	8. Instinct and intuition are all-powerful. Learn to trust them.
	本能和直觉都很重要，学会信任它们。

	9. The Golden Rule actually works. Do good.
	这条黄金法则依然适用&mdash;&mdash;做好事。

	10. If all else fails, No. 2 is the greatest competitive advantage of any career.
	如果都不行不通，第2条仍是任何职业生涯中最重要的。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[John C Jay，00s UX Adventure 译]]></author>
        <source><![CDATA[edwinhimself.com]]></source>
        <pubDate>2011-04-01 15:31:56</pubDate>
    </item>
    <item>
        <title>关于web3.0不得不说的5个变化</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201104014351311332.html]]></link>
        <text><![CDATA[
	种种迹象暗示，网络的发展似乎停滞了&mdash;&mdash;IP地址危机、HTML5应用困境、隐私安全、垃圾信息以及久无突破性的技术等等。不过互联网生活方式仍然在继续，web2.0即将从巅峰状态下滑，取而代之的是最近被广为讨论的web3.0时代。

	什么是web3.0？众所周知，web1.0时代是以文字为主的只读性静态的互联网，web2.0时代，也就是我们现在正在经历的时代，是以用户产生的内容为特色的&ldquo;读写性&rdquo;动态互联网，人们正以互动性的社交方式在虚拟空间生存；再往前一步就是所谓的web3.0。

	
	技术可能暂时停滞，但时代永远发展。

	关于web3.0的含义现在众说纷纭。一种说法是，web3.0是的内涵全部是关于语义网（semantic web ）、个性化服务、人工智能（artificial intelligent）、行为广告（behavioral advertising ）和移动（mobility）的。互联网将在信息组织、搜索、社交和娱乐方式等方面产生颠覆性的变革。

	语义网，又称为数据网（the web of data），web3.0的核心概念，是一种以数据为基础的、使用可以被计算机理解的方式描述事物的网络。最早是由万维网联盟的蒂姆&middot;伯纳斯-李(Tim Berners-Lee)在1998年提出的一个概念发展而来：&ldquo;如果说 超文本标记语言（HTML）和网络将整个在线文档变成了一本巨大的书，那么资源描述框架（RDF，Resource Description Framework）、图解（schema）和推理语言（inference languages） 将会使世界上所有的数据变成一个巨大的数据库。&rdquo;通过给万维网上的文档添加能够被计算机所理解的语义(即元数据，Meta data)，使之能够具有&ldquo;理解力&rdquo;。假如信息被存储至RDF文件，语义网应用程序就会将信息从不同的存储源中提取，整合之后以一个有意义的方式提交给用户。

	不过，也有人对语义网与web3.0的关系表示困惑：如果将语义网添加至web2.0，是否就是web3.0呢？不可否认的一点是，语义网将大大丰富互联网的内容和社交网站的智能性，其潜在的技术将会把用户的个人资料和身份吸收进来，整合至web3.0的运作中。

	语义网的确可以说是web3.0的基础之一，网络人工智能之一智能搜索的应用就是如此。目前传统的搜索方式&ldquo;北京最好玩的地方是哪儿&rdquo;将进化成&ldquo;在不是人山人海的情况下，北京最好玩的地方是哪儿&rdquo;。而且，搜索引擎将能识别你的身份，所有搜索都是为你特别定制的。它甚至知道你以前去过哪些地方、下一个想去的地方是哪儿&mdash;&mdash;这又是行为广告（或者说内容关联性广告contextual advertising）的基础。

	
	Twine是第一个使用语义网技术提供服务的网络应用。
	来源：Twine

	web3.0时代，人们怎么社交呢？最主要是就是社交搜索取代传统搜索的结果页面，用户所有个人资料（博客、照片、视频等）将有数字存储系统，用户所有的互动行为均有记录（不仅包括书写历史，还包括阅读和评论的历史），还有在线购买行为将把普通用户变成这一行为的倡导者。其实我们目前的社交方式已经朝着这些方向有所进展。

	娱乐也将进入web3.0时代，最具吸引力观点当属&ldquo;无时无刻无地不娱乐&rdquo;。首先，智能手机和手持电脑设备把我们带入了移动互联网的天地，目前已经有很多网络应用最终都在移动设备平台上得以实现的，最典型如基于地理位置的服务（LBS）。其次人们可以定制自己的内容频道，如Gravity（定制个人门户）就是此类应用的一种。还有，方兴未艾的具有社交功能的互联网电视，专门为你投放的个人独家内容广告等等。一切都以&ldquo;个性化&rdquo;为核心。

	Twine是&ldquo;第一个主流的语义网应用&rdquo;，也是第一个使用web3.0技术的产品，其公司CEO是搜索引擎研究专家诺瓦&middot;斯皮万克（Nova Spivack）。Twine的web3.0式运作将web2.0时代的社交元素与语义网的用户个性化工具结合在一起，达到组织、分享并发现关于志趣相投的网络用户兴趣的目的。由于使用了语义技术使计算机能够理解人的网络行为，Twine因此能够自动搜集并组织信息，在了解用户兴趣的基础上进行推荐。用户使用Twine越多，Twine就越能了解用户，推荐的信息有用性就越高。

	Twine的模式其实并不令人感到陌生，因为类似的技术和方法正在越来越多地被应用，如谷歌、Facebook等行业巨头其实已经开发了诸多web3.0级别的应用。从某种程度上说，人们已经一只脚迈进了web3.0时代。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-04/2011418353266221.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[李芳]]></author>
        <source><![CDATA[Technology Review]]></source>
        <pubDate>2011-04-01 13:54:10</pubDate>
    </item>
    <item>
        <title>从裸眼3D到三维信息架构</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110314095461.html]]></link>
        <text><![CDATA[
	

	关于 Nintendo 3DS

	　　今年 2月 25日Nintendo 3DS 正式发卖了！这对所有的小N 党来说都是一个振奋人心的消息~相信速度快的同学已经入手新主机了吧 @@ ！

	　　3DS 的正式公开，伴随的是肉眼可直接观看3D 效果技术的公开，让我们可以抛弃3D 眼镜。而且，任天堂也创造了一个名叫做&ldquo;3D 音量（3D Volume ）&rdquo;新控件。以下是Nintendo 官网对裸眼功能的一些解释：

	　　&ldquo;Nintendo3DS 影像是用左右目视差的原理来生成立体感的。但是观看3D 影像是存在个人差异的。比如左右眼视力差大的人 (* 1) ，因人而异看到立体影像可能会有一些难度，也有可能存在完全看不到立体影像的情况。Nintendo 3DS 为了能让更顾客享受 3D 影像带来的乐趣，引入了3D Volume 控件。3D Volume 向下滑动，影像的立体感会渐渐削弱 (* 2) 。滑到最下方，看到的将是完全的2D 影像，这使喜欢用2D 影像来玩游戏的人也可以享受这个过程。

	*1 对于用眼镜等矫正视力的顾客，戴着眼镜玩游戏要更容易感觉到立体感。

	* 2 一部分的软件，可以切换 3D ・ 2D 模式。&rdquo;

	

	关于立体影像

	　　立体影像会给用户带来完全不同的使用体验，它不仅是一种全新的感观，同时也可以承载比以前二维媒体更多的信息，也会给软件商带来许多新的创意点。 也许绝大部分玩家对于这项技术的概念比较模糊，那么首先，相信你看完本文之后会对它有一个肤浅的了解&hellip;（虽然我不知道任天堂这个究竟是怎么做的）。其次，还会发散一些三维影像所带来的新的可能性。

	　　其实在裸眼3D 出现之前，就已经有各种3D 产品了。比如我们小时候都看过的三维立体画，还有就是现在的3D 电影等。但是在看这些东要时，我们必须要借助一点器械（眼镜）或是进行什么特殊训练（对眼等&hellip;），不然是绝对不行的～但为什么现在又可以裸眼了呢。

	

	　　正如大家都知道的那样，立体感的产生与左右眼的视差有很大的关系。

	　　那么，上图。我把左右眼分别观看到的的影像用标尺测量一下的话就变成了这个样子。图中最大的球，左眼可以看到内容大约是从F 到I.9 ；右眼可以看到的内容是从G.5 到I.6 。那么，我们真正用肉眼看到的就将是这些内容。但是，单纯靠平面图像是表达不出这些的，只能看到从F.6 到J 的内容（中间图片）。

	　　另一个例子是，照像机。它的快门和取景框的位置是存在差异的，所以我们实际拍到的照片和所预期的照片总会有些微妙的差别。

	实际上是承载了更多的信息

	　　两眼看到的东西不同。所以我们左眼看不到的被遮挡的东西，右眼在右边看的时候就能看到一些～这样其实是可以看到一点点后面的东西~像这样的图片进行合成以后就有了远近感。这也是为什么三维影像能传达更多信息的原因。

	　　但是像我们平时接触最多的电脑屏幕，它实际上就是一个平面，尽管你的内容是多么的立体，也只能把它拍平在一个面上来看。所以是绝对看不到一点被遮挡的部分的，因为这种信息在平面图像上根本就是不存在的。

	裸眼合成

	　　各种3D 技术的主要差异其实都在合成上面，也就是让左右眼分别看不同的图。两张图上的信息已经足够来生成一个3D 影像了～大脑就是这样有效快速的把两张不同的图像合成在一起并且产生立体感的。只是我们在正常的情况下意识不到这些。那么，现在这个过程必须由人工来模拟。

	　　1. 三维立体图的方式是平视法或交差法。这种方法比较生硬也比较简陋，但是最好实现。

	

	　　2. 靠各种原理的滤光片，让左眼只看到左图，右眼只看到右图（3D 电影）。其中过滤红绿光的方法会产生色差，但偏振光的方法就很好的解决了色差问题。

	

	

	　　3. 靠特制的屏幕，这种屏幕可以使你从左往右看和从右往左看，看到的东西不一样。这有点像我们小时候买过的一种卡片，从这个角度看是孙悟空，把卡片转个角度又变成了猪八戒&hellip;可能裸眼3D就利用了具有类似性质的屏幕~

	

	　　可以看出，裸眼实际只是换了一种新的方式来解决影像合成的问题。

	

	　　对于连续动画，最简单的方法就是把两个摄影机绑在一起同时拍，来模拟人的两只眼。

	三维信息架构

	　　加入了3D 元素以后，数码媒体的信息架构也许会发生具大的变化。比如，像浏览器这样的应用程序，把地址栏和其它各种功能的控件按一定布局排例到一个屏幕上。所以有一个问题就是，怎样排布这些控件会更合理更有效。因为电脑屏幕的面积是有限的，要增加控件区的大小势必会减小页面的大小，所以才会出现像 Chrome 这种设计，很重要的一个目的就是想尽可能多的展现页面内容而不是浏览器本身。

	

	　　但是在3D 世界里，上面这种问题就一下子变得不是那么的明显了。原因就是，3D 空间的信息不再只是可以向上下左右扩张性的平铺，同时也可以纵向的进深。控件不再和页面内容抢占一块地盘了，它们会分布在不同的层上。甚至网页本身的内容，也可以分布在不同的层上。所以可能连网页设计也与现在大不相同了。这样，我们所有的Layout 和交互都将变得不同。进行创意的空间也变大了。当然，目前更多的应用3D技术的还是电子娱乐领域，在这里，扩展新奇的娱乐方式是必不可少的。Nintendo作为一个老牌公司，一直很看重游戏性和创意，在这里祝他们大卖~
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[yuki，虾饺烧卖]]></author>
        <source><![CDATA[Tencent CDC]]></source>
        <pubDate>2011-03-14 21:52:37</pubDate>
    </item>
    <item>
        <title>微软启动ie6countdown.com 催促用户尽快升级</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201103058653855339152.html]]></link>
        <text><![CDATA[
	一年以前，微软为IE6举办了一个别开生面的葬礼，不过这个葬礼却并没有加速IE6消失的进程，一计不成再生一计，微软今天启动了一个新网站ie6countdown.com，催促用户尽快从IE6的悲剧生态环境中走出来。IE6从发布到现在已经足足10年时间，10年时间足以改变互联网的生态，却没有改变IE6继续强势的现状，迄今为止IE6依然有着12%的整体市场份额，微软希望在近期就将它降低到1%。

	

	访问：ie6countdown.com
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[佚名]]></author>
        <source><![CDATA[cnbeta.com]]></source>
        <pubDate>2011-03-05 12:00:15</pubDate>
    </item>
    <item>
        <title>细节让网页设计与众不同</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201103057174602396675.html]]></link>
        <text><![CDATA[
	细节使得这个世界从平凡变得不平凡。

	

	一辆豪华汽车与传统汽车拥有同样数量的车轮、座位、门窗，但是使得它在竞争中脱颖而出的却是花费在细节上的时间。加热真皮座椅，一按即启动引擎，无钥车门开关，自动泊车系统，丰富的数字电台等等使得它成为一辆昂贵的新型车。

	同样的规则也适用于网页设计。愿意花费时间专注于细节的网页设计师能够获得拥有更多价值的设计。这里的关键词就是价值。我们无法保证建立网站所花费的时间和其结果所带来的价值之间有直接的关系，总有一些细节比其他更加重要，关键是要能够确定哪些细节更具有影响力。

	增加价值的细节

	这一类型的细节是我们愿意在审美层面之外花费额外时间以改进我们工作的细节。我们希望专注于可以深入改变用户体验的视觉调整，例如用户对该网站的主题和消息的体验或者他们如何畅游网站。

	一般的没有建站经验的网站访问者，无法指出某些细微差别来的用户体验改善，但是如果这些细节被移除，用户将在感知和可用性方面感觉到明显的差异。这些就是我们愿意花费时间的细节。

	那么一个设计细节到底如何为网站带来附加价值呢？诀窍就在于用户体验。网站设计师应该能够出色的理解负空间、对比度、形状、颜色和所有不同的视觉元素在用户使用和体验一个网站设计时所起的作用。真正令人惊讶的是设计者仅仅需要操纵几个像素就可以发生很大的差异，使之产生更大的影响。

	这些差异到底是什么？

	进一步观察

	我觉得Photoshop最令人舒服的是当我将图片放大到500%甚至更大时，它看上去就像在家一样舒服。我们来仔细研究一些相当成功的用细微细节引导用户体验方面图片吧。

	以Concentrate 网站为例，它看起来很适合我们初次集中精力来欣赏。从一个高层次的视角开始，我们可以看到Concentrate网站的使用了一个富有创意视觉技巧。

	

	除了这罐橙汁，我们看到一个橙色为主题的调色板和背景，很好的模拟了真实的橙子的果肉口感。进一步研究，我们发现它使用了CSS3为文本增加一些阴影来增加与背景的对比。为了真正的欣赏细节，我们需要在进一步的研究。

	像素级完善

	真正的细节应用在像素级。我们再来看Concentrate的快捷按钮周围，靠近网页布局顶端的部分。首先，按钮背后的阴影将页面上的这部分突出出来。该区域顶端和底部的两个简单的单像素线是一个简洁的设计方式，它使得这个区域在视觉效果上更明显的区别于页面上的其他元素。

	

	其中的一个单像素线条更引人注意，这是因为它使用了亮橙色。它为两者之间的阴影和背景提供了对比，但是真正起作用的却是第二个暗橙色的线条。两个线条相互配合起来封锁了这个顶部区域。

	

	差异

	当这个页面不再包括这些线条的设计的时候，差异就能最好的表现出来。下面，我将移去这些线条来向大家展示两个像素能够带来怎样的不同。

	

	微妙的阴影

	阴影效果对于网页设计者来说已经不陌生了。许多网站很早就开始使用它们并且经常模拟平面深度及二维介质。阴影和高亮可以微妙但强有力地改善我们网站的用户体验。

	我们在设计中采用CSS3，它可以带来的宏伟的差异让我们很容易为之兴奋不已。而对于我来说，真正值得兴奋是有多少细节工作可以从图片处理软件转移到我们网站的代码上去。

	还是来看这个Concentrate网站，它是一个很不错的例子，使用巧妙而有效地使用文字阴影效果使网站内容更容易阅读。这里以两种方式使用了CSS3的text-shadow属性。首先红色的标题在与背景颜色相近的情况下，被赋予淡淡的阴影以产生内嵌式的效果。基次在段落后面简单地给白色一点发射效果。

	

	差异

	比较上面的截图以及同样的页面在IE8（不支持text-shadow属性）下渲染的效果，我们就能发现它更难看得很多。

	

	值得指出的是这个网站卖的是Mac软件，所以自然地不那么重视IE用户的体验了。

	导航细微差别

	除了增强易读性和强调可能的网站操作，细节对网站导航也有很大的帮助。任何网页最重要的部分之一就是如何将用户导航到另一个页面。毕竟链接是起初使得网页之所以称之为网页的核心，所以为什么不多花一点点时间在适航性上呢？举个例子，我们来看 Lipperhey 站点。

	

	除了为导航的活动状态选择好的颜色以外，我们发现它的设计为网站的主导航栏添加了一些用趣的细节。
	Home按钮由于一些颜色变化之外的原因而很显眼。首先我们可以看到它从导航栏下沉了几个像素。其次，按钮背后被加上了阴影并且对透明度做了轻微的调整。这两个细节一起为这个链接赋予了附加维度的感觉，指示了它的重要性及激活状态。

	

	差异

	再看一下没有上面提到的细节的导航，我们发现很多令人兴奋的东西都没了并且我们的激活链接会有完全不同的样子和感觉。
	

	细节更进一步

	我们研究了一种运用CSS3的一些新功能来辅助我们设计的方法(text-shadow)。但CSS3的强大远不只是阴影。CSS3动画，表现为transform和transition的属性，给我们的细节工作增加了额外的工具。

	只要使用得当，CSS3动画为我们的网页元素添加高效的动画效果，而不需要借助Flash或JavaScript。在细节方面，动画允许我们在各种输入情况向用户提供流畅的反馈。例如为链接的hover状态或按钮点击添加过渡动画，可以告诉用户他们鼠标正悬停在（或触摸，对于触屏移动设备）一个活动的元素上面。

	与网站细节相伴的工作的美好在于通过进一步努力，我们仍然可以为我们的用户提供部分价值，而不需要疏远那些使用过时的浏览器的用户。关键之处在于我们要使用所有这些技术来为已经很可靠的网页设计增加价值，没有一个基本的可靠的设计而空谈学习这些技术就是本末倒置。

	网站还能在哪些细节方面改进来增加它的价值呢？你做过的项目还成功地使用过哪些类型的细节技术？

	

	原文名称：Details Make the Difference in Web Design
	原文地址：http://sixrevisions.com/web_design/details-make-the-difference-in-web-design/
	译文地址：http://rockux.com/archives/%e7%bb%86%e8%8a%82%e8%ae%a9%e7%bd%91%e9%a1%b5%e8%ae%be%e8%ae%a1%e4%b8%8e%e4%bc%97%e4%b8%8d%e5%90%8c
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-03/2011352792713660.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Jason Gross，RockUX 译]]></author>
        <source><![CDATA[RockUX]]></source>
        <pubDate>2011-03-05 10:20:56</pubDate>
    </item>
    <item>
        <title>Google 开始使用标准的 404 页面</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110303377497840.html]]></link>
        <text><![CDATA[
	

	Google 悄悄的启用了一个全新的 404 页面，这个页面相对之前干巴巴的一个 xxx not found 更为清楚，也更有意思，我唯一想不明白的就是为啥右边那个机器人不是 Android 呢？

	下图是此前的 404 页面，如果你输入了 /email 或者 /blog 等具有相关性的 url，Google 的文件未找到页面会包括 Google 搜索框和一些相关的 Google 服务链接。

	

	更早的 404 页面抓图：

	
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-03/google404/google_404.png]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[佚名]]></author>
        <source><![CDATA[谷奥]]></source>
        <pubDate>2011-03-03 00:06:21</pubDate>
    </item>
    <item>
        <title>盘点16家谷歌前员工创办的优秀企业</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102242029002.html]]></link>
        <text><![CDATA[　　导语：美国科技博客Silicon Alley Insider撰稿人杰伊·耶罗   (Jay Yarow)今天撰文称，由谷歌前员工创办的创业企业已经达到49家，多于多数大型科技企业，他还从中选取了16家优秀的创业企业。
　　以下为完整榜单：
　　1、问答网站Aardvark被谷歌以5000万美元收购
　　几名谷歌前员工决定创立一家社交搜索网站，用户提交问题后，Aardvark则会将问题转交给该用户的好友寻求答案。一旦有答案，便会将结果反馈给用户。谷歌肯定对这个创意很感兴趣，因此斥资5000万美元收购了该公司。
　　2、威廉姆斯离开谷歌创办Twitter
　　埃文·威廉姆斯(Evan   Williams)2003年将他创办的Blogger出售给谷歌。后来，他又于2004年与他人共同创办了一家名为Odeo的播客(视频分享)公司，并最终演变成   Twitter，该网站目前的估值约为40亿美元。考虑到谷歌在社交领域屡屡碰壁，而且有报道称谷歌有意收购Twitter，因此这肯定是所有谷歌前员工创办的创业企业中，最令谷歌高管难以消化的一家。
　　3、Foursquare诞生于谷歌关闭的Dodgeball
　　这是另外一家令谷歌管理层颇感棘手的企业。谷歌曾经于2005年花费很少的钱收购过一家名为Dodgeball的社交创业企业，该公司可以帮助用户与好友分享自己所在的位置。4年后，谷歌关闭了这项服务。Dodgeball的创始人也已经离开了谷歌，并且计划以Foursquare的形式重新推出这项服务。Foursquare是一款与Dodgeball相同的移动应用。如今，Foursquare的估值已经超过1亿美元，而谷歌前员工、   Foursquare联合创始人丹尼斯·克罗利(Dannis Crowley)则被《连线》杂志称作是“社交媒体的新王者”。
　　4、FriendFeed最初想要挑战Twitter，但最终却被Facebook收购
　　作为“Gmail之父”以及谷歌“不作恶”信条的支持者，保罗·布切海特(Paul Buchheit)离开谷歌后，与另外几名谷歌前员工吉姆·诺里斯(Jim   Norris)、桑吉夫·辛格(Sanjeev Singh)和布雷特·泰勒(Bret   Taylor)共同创办了FriendFeed。FriendFeed是Twitter的一个竞争对手，但却从未吸引大量用户。2009   年，Facebook斥资5000万美元收购了该公司，这也成为Facebook有史以来最成功的并购。泰勒目前担任Facebook首席技术官 (CTO)。
　　5、Asana创始人的职业生涯始于谷歌
　　谷歌前产品经理贾斯汀·罗森斯坦(Justin   Rosenstein)2007年跳槽到Facebook。在Facebook任职期间，他与达斯汀·莫斯科维茨(Dustin   Moskovitz)成为朋友，后来一同离职创办了一家名为Asana的企业协作服务提供商。随着越来越多的谷歌员工跳槽Facebook，预计这种情况还将不断涌现。
　　6、Factual是一家原本应该诞生在谷歌内部的数据库公司
　　在吉尔·埃尔巴兹(Gil Elbaz)的故事中，谷歌是获利的一方。埃尔巴兹是在谷歌收购了他于2003年创立的Applied   Semantics公司后加盟谷歌的。Applied   Semantics是谷歌AdSense的基础。他随后在谷歌待了三年半，学习到很多东西。当他再次想出一个创意时，并没有从谷歌内部实现，而是选择了离职创业。
　　他的新公司名叫Factual，可以提供数据组织服务，谷歌在这一领域的表现同样很好。他表示，从未想过在谷歌内部启动这一项目，因为他喜欢自己打拼的自由。
　　7、教学视频网站Howcast
　　这家纽约创业企业是由两名谷歌前员工共创办的，他们是詹森·列伯曼(Jason Liebman)和丹尼尔·布莱克曼(Daniel   Blackman)。与本榜单中的其他许多企业不同，Howcast并不符合谷歌的风格，它是一家专门提供教学视频的网站。
　　8、三名谷歌前员工公共推出了天气保险公司Weatherbill
　　Weatherbill是一家专门针对恶劣天气为家庭和企业提供保险业务的公司。与本榜单上的其他企业相比，该公司的业务似乎很古怪。它由三名谷歌前员工共同创立。
　　9、挑战谷歌的Cuil
　　谷歌前搜索架构师安纳·帕特森(Anna   Patterson)自主创办一家搜索引擎并不令人意外，真正令人意外的是，这家搜索引擎放弃了传统的蓝色链接列表模式。Cuil的算法会对结果进行分类，例如，当用户搜索“亚布拉罕·林肯”(Abraham   Lincoln)时，该网站会创建多个独立的报告页面，分别提供“美国参议员亚伯拉罕·林肯”、“亚布拉罕·林肯总统”和“亚伯拉罕·林肯旅”的结果。
　　Cuil原本希望击败老东家谷歌，但却未能奏效。该公司现在已经倒闭。
　　10、热门图片共享应用Instagram
　　凯文·西斯特罗姆(Kevin   Systrom)的简历很有趣，他曾经在Twitter的前身Odeo实习，后来又在谷歌工作了三年，最后自己创办了一家名为Brbn的企业，也就是   Instagram的前身。Instagram是一款增长迅速的图片共享应用。如果谷歌最终收购该公司，也不会令人意外。
　　11、反恶意软件公司Dasient获得谷歌投资
　　在无辜的网站中植入恶意软件已经成为网络犯罪分子的常规作案方式，通过这种方法，就不必向受害人逐一发送电子邮件了。受到攻击的这些网站通常会被安全软件和搜索引擎列入黑名单，直到问题解决为止。
　　Dasient则可以帮助网站监控恶意代码，避免被加入黑名单。该公司创立于2009年，其三名创始人中，有两名来自谷歌。尼尔·达斯瓦尼(Neil   Daswani)曾是谷歌安全工程经理，而夏里克·瑞兹伟(Shariq Rizvi)则是谷歌Webserver和App   Engine团队成员。第三名创始人艾米特·拉娜大夫(Ameet Ranadive)是麦肯锡前战略咨询师。
　　具有讽刺意味的是Dasient刚刚从谷歌旗下风险投资部门Google Ventures获得了投资。
　　12、在谷歌工作5年后，杰克·莱文(Jack Levin)决定自主创办Image Shack
　　Image Shack是热门Twitter图片分享服务vFrog的母公司。该公司去年就已经吸引了数亿页面浏览量以及数百万美元的收入。
　　13、视频托管和分享平台Ooyala
　　Ooyala是一个在线视频托管和分享平台，由谷歌前员工肖恩·科奈普(Sean Knapp)、俾斯麦·勒普(Bismarck   Lepe)和贝尔萨萨·勒普(Belsasar Lepe)创立于2007年。该平台可以将广告与视频内容联系起来，并提供大量企业功能，包括分析和移动交付。
　　自从发布以来，Ooyala及其视频平台Backlot已经被多家大型企业用于管理视频资产的盈利活动，包括戴尔、EA、赫斯特(Hearst)和电讯传媒集团(Telegraph   Media Group)。
　　有趣的是，这三名谷歌员工之所以离职，就是为了与谷歌旗下的YouTube竞争。
　　14、Brizzly目前被用于帮助AOL修复AIM
　　Brizzly是由多名谷歌社交软件开发人员共同创办的，该公司去年9月被AOL收购，并被用于为AIM即时通讯服务提供更好的用户体验。
　　15、Chai Labs也已被Facebook收购
　　谷歌AdSense前高管戈库尔·拉贾拉姆(Gokul Rajaram)离职创办了Chai   Labs，但业内人士似乎并不确定这家公司的目的。不过在成立一年后，Facebook决定斥资约1000万美元收购Chai   Labs，其目的主要是将拉贾拉姆招致麾下。
　　16、移动广告公司MoPub
　　在被谷歌收购后，AdMob的几名员工又创办了一家名为MoPub的移动广告创业企业。与之类似，在谷歌工作了一段时间后，AdMob创始人奥马尔·哈莫伊(Omar   Hamoui)也在秘密筹办一个全新的项目。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Jay Yarow，思远]]></author>
        <source><![CDATA[新浪科技]]></source>
        <pubDate>2011-02-24 11:50:35</pubDate>
    </item>
    <item>
        <title>吉尼斯纪录宣布Sex.com成世界最贵域名</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102234125697185.html]]></link>
        <text><![CDATA[
	
	吉尼斯世界纪录正式宣布Sex.com成为世界最贵域名

	　　新浪科技讯 北京时间2月23日早晨消息，Sex.com域名已经被吉尼斯世界纪录收录为：&ldquo;最昂贵的互联网域名&rdquo;。

	　　2010年11月17日，波士顿成人娱乐公司Escom以1300万美元的价格将Sex.com出售给了三叶草控股有限公司(Clover Holdings)，经纪商则是域名交易市场公司Sedo。

	　　据Sedo介绍，在过去的10年里，他们共出售了总值约4亿美元的域名，包括一些价格超过7位数的高级域名，如Vodaka.com、Pizza.com和Russia.com等域名。

	　　毫无疑问，在进入吉尼斯世界纪录之后，Sex.com的域名价格会进一步水涨船高的。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[郭力]]></author>
        <source><![CDATA[新浪]]></source>
        <pubDate>2011-02-23 12:25:59</pubDate>
    </item>
    <item>
        <title>互联网让我们变得浅薄</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102217158334792386.html]]></link>
        <text><![CDATA[
	　　最新数据显示：每三个地球人中就有一个网民。互联网正在改变我们的思维方式，也将改变我们子孙后代的思维方式。

	　　科技作家尖锐地指出&mdash;&mdash;互联网正在让人类失去大脑。这样的论断是否正确尚无答案，但发人深省。

	人物

	　　尼古拉斯&middot;卡尔，美国科技作家，《哈佛商业评论》原执行主编。成名作《IT不再重要》。新作《浅薄》上榜亚马逊畅销书百名之内，去年底在中国出版。此书引发了一场关于&ldquo;互联网是否让人类变得愈来愈浅薄&rdquo;的热烈讨论。

	

	叙述

	&ldquo;面临被掏空大脑的风险&rdquo;

	　　1月20日22时，面对着电脑上开着的一百多个窗口，推出《浅薄》中文版的中信出版社策划编辑蒋永军，看似简单地坐在办公室里，却在同时面对着形形色色的人，处理着各种难易不同的事情：QQ、MSN、微博、淘宝、电邮、炒股大智慧，还有下了一半的围棋。

	　　同一时刻，远在山东青岛的《浅薄》中文版译者刘纯毅在电脑前的写作已经是第三次被打断了：一次是电话，一次是电邮提醒，第三次是输入的&ldquo;懿&rdquo;字让他翻了五六页拼音输入法，等找到字，已经忘记要写什么。

	　　&ldquo;还是手写快&rdquo;，他瞥了眼微博，页面闪现有新评论，右下角的小广告粗暴地挤进来，他习惯性地移动鼠标，这第四次中断令他有点烦躁了。

	　　&ldquo;在互联网的作用下，你的大脑正在悄悄发生着变化。&rdquo;尼古拉斯在《浅薄》中尖锐地指出：互联网造成的各种刺激性杂音，既造成了有意识思维的短路，也造成了潜意识思维的短路，因而既阻碍我们进行深入思考，也阻碍我们进行创造性思考。

	　　尼古拉斯并不是第一个对&ldquo;浅薄&rdquo;发问的人。早在1971年，经济学家郝伯特&middot;西蒙就揭示了现代人&ldquo;注意力匮乏症&rdquo;的&ldquo;病理&rdquo;：信息消耗的是接收者的注意力，因此，信息的聚敛必然意味着注意力的匮乏与欲求。

	　　过去的2010年，越来越多的实验似乎在验证尼古拉斯的论点。比如，北海道大学医学院一位神经学教授，近日对150名20至35岁、经常使用计算机的受测者进行调查后指出：&ldquo;如今的年轻人正在变得越来越愚笨，他们过分依赖电脑，自己却失去了学习和记忆新东西的能力，这是一种典型的大脑退化症。&rdquo;

	　　而互联网的商业行动正在为&ldquo;浅阅读&rdquo;推波助澜。2011年1月，谷歌提出要收购亚马逊，建立自己的&ldquo;图书搜索&rdquo;王国，谷歌希望把网上数字图书的内容&ldquo;切成薄片、剁成小块&rdquo;，让读者可以&ldquo;在10秒钟内研究完一本书&rdquo;。

	　　&ldquo;利用网络代替记忆，从而绕过巩固记忆的内部过程是，我们将面临被掏空大脑的风险。&rdquo;尼古拉斯在《浅薄》中说。

	争议：浅薄还是深刻

	　　中国调查网一项调查数据显示，每天上网2～3小时的网民占33.6%。随着上网时间的增加，有关互联网与人脑作用的争论及思考，在国内相关领域刚刚开始。

	　　《娱乐至死》中国版推荐人之一、对电视媒体有深入研究的北京外国语大学教授展江在接受采访时表示，在高等教育这个层面，互联网的使用到底是促进了学习还是拖累了学习，很难下定论。

	　　&ldquo;为什么我们会出现浅阅读，浅薄化阅读？&rdquo;中国人民大学新闻学院副院长喻国明在接受记者采访时自问自答：不是人类要浅薄，而是生活的变数多了。&ldquo;人类开始面对丰富了，但大脑还在过去的深度思考基础上。既要记忆深度的东西还要面对广度，他不知道该如何面对。&rdquo;喻国明表示，未来技术发展会越来越多地支撑模糊决策和情感决策。

	　　对于互联网正在使人类浅薄的观点，网络研究人士也有不同看法。比如中国社会科学院信息化研究中心秘书长、《互联网周刊》名誉主编姜奇平就说，这种&ldquo;浅薄&rdquo;有别于认知领域的退化，&ldquo;深阅读受到打搅，我认为这种打搅很好，妙不可言。&rdquo;他指出，工业化思维方式是透过现象看本质，由浅入深；信息化思维方式是透过本质看现象，由深入浅，浅薄比深刻境界更高。

	　　&ldquo;该深阅读的时候，你就把网线拔了，电脑关了，需要浅的时候就浅。&rdquo;蒋永军更倾向于与网络的暂时脱离，但对每五分钟就要看一下电邮的他来说，这是个艰难的决定。

	

	由头

	　　1月16日，2010年《全球互联网发展报告》公布：全球网民数量19.7亿。也就是说，地球上每三个人中就有一个网民。

	　　这个比例，与中国的情况一致&mdash;&mdash;中国13.3亿人口当中，网民数量4.5亿，每三个中国人中就有一个网民。

	　　越来越多的网民每天面对的是怎样一个信息汪洋？《发展报告》描述：截至2010年12月底，全球网站数量为2.55亿个，电子邮件用户数量为18.8亿，平均每天发送2940亿封，其中89.1%为垃圾邮件。

	　　美国一项最新研究显示，一名美国人平均每天要接收约34G信息，是11万个英文单词的信息量。心理学家认为，人类大脑一生仅能处理1730亿个字节的信息，约等同于173G。换言之，大量信息是无用的。

	　　&ldquo;互联网正在把我变成一个高速数据处理机一样的机器人，失去了以前的大脑。&rdquo;尼古拉斯？卡尔在《浅薄》一书中指出。他担忧，在丢掉了《战争与和平》，丢掉了羊皮圣经，丢掉了报纸杂志，丢掉了托尔斯泰心灵的同时，人类正在丢掉的是大脑。

	　　2010年6月，《浅薄》在美国一经出版即荣登亚马逊畅销书排行榜百名之内，在美国引起互联网是否让人愈发浅薄的争论。

	　　2010年12月，《浅薄》中文版在中国内地上市，一月之内，销售逾5000册，同样引发中国网民的热烈讨论。

	

	对话

	&ldquo;互联网在改变思维的平衡&rdquo;

	　　记者(以下简称记)：继2008年10月在中国出版《IT不再重要》后，《浅薄》中文版在2010年12月与中国读者见面，你怎样评价这两本书？

	　　尼古拉斯&middot;卡尔(以下简称卡尔)：两本书探讨的都是互联网和其他数字媒体的影响。《IT不再重要》研究的是互联网引起的科技、经济和商业的变化，《浅薄》探讨的是互联网对个人、文化的影响，特别是我们使用互联网的方式对我们思维方式的影响。两本书是有联系的，又是完全不同的。

	　　记：马歇尔&middot;麦克卢汉(Marshall McLuhan，1911～1980)的《理解媒介：它是人的延伸》中的论据观点贯穿《浅薄》这本书，二者有着怎样的关联？

	　　卡尔：我是受了麦克卢汉作品的启发，尽管我不同意他的很多观点。麦克卢汉有一个很重要的观点，即每一种交流和信息技术或是媒介，都有助于产生一种特定的认知和思维方式，这种方式独立于其表达的内容。这个观点是《浅薄》这本书的重要组成部分。

	　　记：是怎样的契机和背景使你写了这本书？目的是要唤醒沉迷的网民吗？唤醒什么？

	　　卡尔：正如我在书中所说，互联网有助于一种特定思维方式的产生。它使我们非常快地评估很多不重要的信息，并经常要同时应付很多干扰和令人分心的事情。这种浏览的、扫描的、同时应付多种事物的思维方式很重要也很有价值。但是，随着我们更频繁、更广泛地使用互联网，我们已经开始失去其他的思维方式，特别是那些需要持续的注意力、需要集中精神的思维方式，以及那些需要沉思、反思和内省的思维方式。和历史上的其他信息媒体一样，互联网正在把它自己的&ldquo;智能伦理&rdquo;强加到我们的大脑上。它正在改变我们思维的平衡。

	　　这种精神层面的改变在教育、创新、文学、艺术，甚至是在精神健康方面产生了很多实际的后果。那种沉思的、聚精会神的思维方式是增强创新能力、加深情感深度的基础，也是一个人发展独特、全面人格的基础。没有这些思维方式，人类可能会很有效率，但会变得自命不凡，会变得更加没趣，智力上会变得更加没有特色，更加没有冒险精神。另外，我认为，我们的思想以及我们的决定会变得更加狭隘、更加缺乏独创性，因为我们失去了有深度、有特质的思想的丰富营养。从长远来看，随着这些变化在教育、工作和艺术领域的渗透，它们会重塑广义上的文化，使它更没有活力、更缺乏想象力，换句话说，更浅薄，这也是我所担心的。这就是书名的含义。

	&ldquo;互联网在破坏一些文化根基&rdquo;

	　　记：你通过大量充满实验的论证，包括来自心理学、物理学、社会学的多次实验证明大脑是可塑的，这种可塑是可以通过技术工具完成的，而这一技术工具中的智力技术工具对于大脑神经突触的路径图改写直接并且重要，因此得出的结论是，互联网这一智力技术工具正在改变我们的思维方式，呈现出中断式的碎片思维。可是，这似乎忽略了一点：人的主观能动性，人自身驾驭互联网这一工具的主观性。

	　　卡尔：人类很善于适应环境的变化，特别是新技术的引进。但是，有一点很重要，即这种适应是一个改变的过程，而这种改变可以是好的也可以是坏的。我认为，我们将会适应互联网&mdash;&mdash;其实，我们已经在适应了&mdash;&mdash;但是，在这个适应过程中，我们将会失去一些人类最有深度、最为深刻的思维方式。

	　　记：作为工具的互联网是否要承载深度思考的社会责任，如果能当然最好，但是，你又怎么能指望一个工具载体承载深刻呢？也许有人会说，互联网并不浅薄，不正当的使用才让人类变得浅薄，这就好比汽车并不危险，超速才会致命。

	　　卡尔：我的目的不是攻击互联网。比如谷歌的搜索引擎非常有用，我自己也从中获益很多。但是，我认为，谷歌有一种狭隘的人类智力观，这种观点强调的是速度和效率。谷歌似乎没有意识到更加冷静、更加集中的思维方式的重要性，这种思维方式需要把注意力集中在一个事物上，而不是很快地搜集很多琐碎的信息。很不幸，我觉得，谷歌的这种观点正在互联网的帮助下变得普遍。

	　　我不认为技术是中性的。我认为它们改变了我们，有好的改变也有坏的改变。比如，车改变了我们和自然的关系，也改变了我们的生活方式和生活地点，而这些影响和我们个人怎么开车没有任何关系。互联网也一样，它把思维方式和行动方式强加给我们，而我们认识到这一点是很重要的。

	　　记：书中你有这样的表述：&ldquo;互联网在破坏我们的道德感。&rdquo;有读者质疑：难道仅仅是注意力分散就难以产生悲悯、同情，并进而得出冷酷的互联网智能伦理的推断？

	　　卡尔：我不认为文明在消亡，或者互联网在破坏我们的道德。我探讨的是，互联网在破坏一些文化根基，它甚至在影响我们最为复杂的情感的深度，比如同情。越来越多的科学证据显示，创造力、批判性思维以及同情都需要一种集中的能力，即集中注意力。互联网让我们不断地分心，很可能破坏了这些能力。

	&ldquo;有规律地关电脑，练习深度思考&rdquo;

	　　记：你怎样预测互联网今后的发展？

	　　卡尔：我预测互联网会继续在它现在的发展道路上往前走，把我们淹没在更多的分散的事物中。Facebook和Twitter等新兴社交网络，重视非常微不足道的信息的快速交流，这会进一步减弱我们集中注意力和思想的能力。

	　　记：有读者表示，浅薄是挡不住的必然规律，你怎么看？怎样评价浅薄和深刻在推动社会进步中的作用，是并行前行的，还是有所取代，甚至消亡？

	　　卡尔：社会正在一个强调有效搜集信息和交流，贬低集中和独自思考的道路上前进。我预测我们会继续沿着这条道路前进。

	　　记：你的建议是什么？是关掉电脑吗？

	　　卡尔：作为个人，我们可以选择使用技术的方式，或是选择不使用。我并没有鼓励人们舍弃他们的计算机或是和互联网隔离。我鼓励人们在使用数字媒体时更加严格地控制自己。有规律地关掉电脑、练习深度思考很重要&mdash;&mdash;如果你珍视深度思考的话。

	　　记：对中国4.5亿网民，你想说点什么？对于中国如火如荼发展的微博博民，你想说点什么？对iPad在中国的疯狂销售，你怎样评价？

	　　卡尔：我只想鼓励人们在使用数字媒体时，既要注意到它带来的好处，也要注意到它的代价。

	　　据《瞭望》杂志 屈一平/文
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[屈一平]]></author>
        <source><![CDATA[四川新闻网-成都日报]]></source>
        <pubDate>2011-02-21 13:41:13</pubDate>
    </item>
    <item>
        <title>W3C官方宣布HTML5标准将在2014年完成</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102177182242471274.html]]></link>
        <text><![CDATA[
	虽然微软已经在IE9浏览器中使用了不少的HTML5实例，另外还有不少浏览器也开始采用HTML，但是HTML5实际上还之是一个还没有真正完成的标准，HTML5距离真正的标准化还有相当长的一段时间。近日万维网联盟W3C对外表示HTML5标准计划在2014年完成。　　

	

	到2011年5月HTML5标准将会进入到Last Call阶段，开发人员能够集中对该标准进行确定并对相关的开发进行更精准的定位，另外还将针对终端用户进行更多的改进。另外万维网联盟W3C还表示目前正在开发一个更为完善的测试套件，开发人员通过这个测试套件能够快速的对软件进行检验，然后通过得分来对新的平台进行更为精确的评判。

	万维网联盟W3C首席执行官Jeff Jaffe表示，HTML5技术本身是相当先进的，通过HTML5能够为Web的整体环境提供更稳定、互动性操作、可测实性强的标准，这对于整个互联网行业来说都是值得关注和重视的，按照目前的进度HTML将会在2014年完成。新标准适用了一些全新的表单输入对象，包括日期，URL，Email 地址，其它的对象则增加了对非拉丁字符的支持。另外HTML5还引入了微数据，一种使用机器可以识别的标签标注内容的方法，使语义Web的处理更为简单。这些与结构有关的改进使内容创建者可以创建更干净，更容易管理的网页，这样的网页对搜索引擎，对读屏软件等更为友好。

	W3C官方链接：http://www.w3.org/News/2011#entry-9015
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[W3C]]></author>
        <source><![CDATA[小熊在线]]></source>
        <pubDate>2011-02-17 16:44:31</pubDate>
    </item>
    <item>
        <title>Web交互设计优化的简易check list</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011021591907.html]]></link>
        <text><![CDATA[
	

	&ldquo;优化已有产品的体验&rdquo;，这是用户体验相关岗位职责中常见的描述。我们的产品常常是在快速的迭代过程中不断完善的，就像孩子生下来需要养育才能长大一样，优化已有功能/产品，和设计新功能/产品同样重要，不可偏废。

	但是，相比实现新功能，已有功能的优化总是显得没有那么紧迫而且很零散，导致了迭代优化的计划总是被归入&ldquo;重要不紧急&rdquo;甚至是&ldquo;不重要不紧急&rdquo;的象限，变成了东一棒子西一榔锤的买卖。我们可以通过可用性测试来发现问题，但是测试往往受到时间、用户邀约、场地和设备等条件的限制，可能无法进行。更多时候，设计师需要根据一定的原则（例如可用性准则）进行走查，以快速地发现并解决问题。

	这篇小文章关心的问题是：如果想对非娱乐导向产品已有的交互设计进行优化，我们

	
		需要从哪些方面考虑
	
		遵从什么样的原则
	
		如何开始检查现有的设计
	
		如何确定优化的优先级


	而不涉及：

	
		新功能/产品的交互设计过程
	
		娱乐导向产品的设计优化
	
		产品概念、功能层次的优化
	
		适合每一类型产品的tips
	
		具体的优化方法


	一、需要优化什么 (Considerations)

	&ldquo;设计原则的主要目的之一就是优化用户的产品体验。对于生产工具和其他非娱乐导向的产品而言，这意味着将工作负荷降至最低。&rdquo;&mdash;&mdash;《交互设计精髓》

	行为和界面层面的设计原则告诉我们，应该为降低用户的工作负荷而设计。但是我们常常不够贴心，不知不觉就对用户设下了种种考验，让他们抓狂：

	1.视觉负担 visual work

	
		需要分解布局
	
		需要区分内容层次
	
		需要区分视觉元素
	
		需要努力定位目标信息
	
		需要识别阅读起点
	
		需要经常变换视线
	
		视觉流被干扰、打断


	

	2.认知负担 cognitive work

	
		需要理解不熟悉的概念和模式
	
		需要理解冗长、生涩的文本内容
	
		需要理解混乱的结构和布局
	
		需要理解模棱两可的操作
	
		需要猜测系统状态、行为、结果


	

	3.记忆负担 memory work

	
		需要记住对象的各种属性（名字、位置、大小、颜色）
	
		需要记住对象的关联
	
		需要记住操作的命令、步骤、结果
	
		需要记住以往的操作


	

	4.物理负担 physical work

	
		需要长距离移动鼠标
	
		需要进行（多次）点击
	
		需要执行不同的鼠标手势
	
		需要多种操作组合
	
		需要切换输入模式
	
		需要进出不同的页面/区域
	
		需要长时间等待


	

	二、优化目标 (Goal)

	仔细检查已有的设计，或多或少总是能发现问题。在解决问题之前，我们应该清楚要往什么方向进行优化：

	1.基于可用性的目标

	
		易于识别/定位/阅读
	
		易于理解/学习/记忆
	
		易于操作


	优化的最重要的目的，是让产品更好用，使设计符合Jakob Nielsen的十条可用性准则：

	
		通过有效的反馈信息提供显著的系统状态
	
		符合用户的真实世界
	
		用户自由控制权
	
		一致性和标准性
	
		预防出错
	
		识别而不是回忆
	
		灵活、便捷的使用
	
		美观，精简的设计
	
		协助用户认识，分析和改正错误
	
		帮助和说明


	2.基于产品的目标

	需要根据不同产品进行定义。例如，对于快速注册流程的优化，目的是让用户用最方便完成注册进入目标页面，优化目标可能是最小化输入、最短等待时间等。

	三、快速检查清单 (Check list)

	为了达到优化的目标，整理了一个简易的checklist（pdf版本下载链接请见文末），方便在走查时对架构、布局、内容、行为四个方面对照检查：

	1.架构和导航Architecture and navigation

	&uml; 是否采用了用户熟悉或容易理解的结构？

	&uml; 是否能识别当前在网站中的位置？

	&uml; 是否能清晰表达页面之间的结构？

	&uml; 是否能快速回到首页/主要页面？

	&uml; 链接名称与页面名称是否相对应？

	&uml; 当前页面的结构和布局是否清晰？

	2.布局和设计Layout and design

	&uml; 是否采用了用户熟悉的界面元素和控件？

	&uml; 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致？

	&uml; 界面元素/控件之间的关系是否表达正确？

	&uml; 主要操作/阅读区域的视线是否流畅？

	&uml; 其他文本（称谓、提示语、提供反馈）是否一致？

	3.内容和可读性Content and readability

	&uml; 文字内容的交流对象是用户吗？

	&uml; 语言是否简洁、易懂、礼貌？

	&uml; 内容表达的含义是否一致？

	&uml; 重要内容是否处于显著位置？

	&uml; 是否在需要时提供必要的信息？

	&uml; 是否有干扰视线和注意力的元素？

	4.行为和互动Behavior and interaction

	&uml; 是否告知、引导用户可以做什么？

	&uml; 是否告知需要进行哪些步骤？

	&uml; 是否告知需要多少时间完成？

	&uml; 是否告知第一步做什么？

	&uml; 是否告知输入/操作限制？

	&uml; 是否有必要的系统/用户行为反馈？

	&uml; 是否允许必要的撤销操作？

	&uml; 是否页面上所有操作都必须由用户完成？

	&uml; 是否已将操作步骤、点击次数减至最少？

	&uml; 是否所有跳转都是必须的（无法在当前页面呈现）？

	以上只是一个不完全的清单，同学们可以根据自己的实践经验修改，也可以参考更全面、权威的可用性测试检查表，如普渡大学可用性测试检查列表。

	四、确定优先级 (Priority)

	当我们通过checklist将需要优化的问题筛选出来以后，可以根据问题的严重性和解决的问题的成本（时间、人力等）来综合考虑问题的优先级，例如，问题严重性得分高而且优化成本低的问题，应该优先解决。

	

	五、小结

	Considerations：为降低用户的视觉负担、认知负担、记忆负担以及物理负担而优化设计

	Goal：使设计易于识别/定位/阅读，易于理解/学习/记忆，易于操作，符合可用性原则和产品目标

	Check list：交互设计快速检查清单v1 PDF版本 Download
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-02/20112151415166429.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[佚名]]></author>
        <source><![CDATA[网易UECD]]></source>
        <pubDate>2011-02-15 20:53:48</pubDate>
    </item>
    <item>
        <title>Html5新标签解释及用法</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102124470511501.html]]></link>
        <text><![CDATA[
	HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。

	HTML 5 提供了一些新的元素和属性，反映典型的现代用法网站。其中有些是技术上类似&lt;div&gt; 和&lt;span&gt; 标签，但有一定含义，例如&lt;nav&gt;（网站导航块）和&lt;footer&gt;。这种标签将有利于搜索引擎的索引整理、小屏幕装置和视障人士使用。同时为其他浏览要素提供了新的功能，通过一个标准接口，如&lt;audio&gt; 和&lt;video&gt; 标记。

	一些过时的 HTML 4 标记将取消，其中包括纯粹用作显示效果的标记，如&lt;font&gt; 和&lt;center&gt;，因为它们已经被 CSS 取代。还有一些透过 DOM 的网络行为（via）。

	下面我们来看一下HTML 5提供的一些新的标签用法以及和HTML 4的区别。

	&lt;article&gt;标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
	HTML5:&lt;article&gt;&lt;/article&gt;
	HTML4:&lt;div&gt;&lt;/div&gt;

	&lt;aside&gt;标签定义 article 以外的内容。aside 的内容应该与 article 的内容相关。
	HTML5:&lt;aside&gt;Aside 的内容是独立的内容，但应与文档内容相关。&lt;/aside&gt;
	HTML4:&lt;div&gt;Aside 的内容是独立的内容，但应与文档内容相关。&lt;/div&gt;

	&lt;audio&gt; 标签定义声音，比如音乐或其他音频流。
	HTML5:&lt;audio src=&quot;someaudio.wav&quot;&gt;您的浏览器不支持 audio 标签。&lt;/audio&gt;
	HTML4:&lt;object type=&quot;application/ogg&quot; data=&quot;someaudio.wav&quot;&gt;&lt;param name=&quot;src&quot; value=&quot;someaudio.wav&quot;&gt;&lt;/object&gt;

	&lt;canvas&gt; 标签定义图形，比如图表和其他图像。这个 HTML 元素是为了客户端矢量图形而设计的。它自己没有行为，但却把一个绘图 API 展现给客户端 JavaScript 以使脚本能够把想绘制的东西都绘制到一块画布上。
	HTML5:&lt;canvas id=&quot;myCanvas&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/canvas&gt;
	HTML4:&lt;object data=&quot;inc/hdr.svg&quot; type=&quot;image/svg+xml&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/object&gt;

	&lt;command&gt; 标签定义命令按钮，比如单选按钮、复选框或按钮。
	HTML5: &lt;command onclick=cut()&quot; label=&quot;cut&quot;&gt;
	HTML4: none

	&lt;datalist&gt; 标签定义可选数据的列表。与 input 元素配合使用，就可以制作出输入值的下拉列表。
	HTML5: &lt;datalist&gt;&lt;/datalist&gt;
	HTML4: seecombobox.

	&lt;details&gt; 标签定义元素的细节，用户可进行查看，或通过点击进行隐藏。与 &lt;legend&gt; 一起使用，来制作 detail 的标题。该标题对用户是可见的，当在其上点击时可打开或关闭 detail。
	HTML5: &lt;details&gt;&lt;/details&gt;
	HTML4: &lt;dl style=&quot;display:hidden&quot;&gt;&lt;/dl&gt;

	&lt;embed&gt; 标签定义嵌入的内容，比如插件。
	HTML5: &lt;embed src=&quot;horse.wav&quot; /&gt;
	HTML4: &lt;object data=&quot;flash.swf&quot; type=&quot;application/x-shockwave-flash&quot;&gt;&lt;/object&gt;

	&lt;figcaption&gt; 标签定义 figure 元素的标题。&rdquo;figcaption&rdquo; 元素应该被置于 &ldquo;figure&rdquo; 元素的第一个或最后一个子元素的位置。
	HTML5: &lt;figure&gt;&lt;figcaption&gt;PRC&lt;/figcaption&gt;&lt;/figure&gt;
	HTML4: none

	&lt;figure&gt; 标签用于对元素进行组合。使用 &lt;figcaption&gt; 元素为元素组添加标题。
	HTML5: &lt;figure&gt;&lt;figcaption&gt;PRC&lt;/figcaption&gt;&lt;p&gt;The People&#39;s Republic of China was born in 1949...&lt;/p&gt;&lt;/figure&gt;
	HTML4: &lt;dl&gt;&lt;h1&gt;PRC&lt;/h1&gt;&lt;p&gt;The People&#39;s Republic of China was born in 1949...&lt;/p&gt;&lt;/dl&gt;

	&lt;footer&gt; 标签定义 section 或 document 的页脚。典型地，它会包含创作者的姓名、文档的创作日期以及/或者联系信息。
	HTML5: &lt;footer&gt;&lt;/footer&gt;
	HTML4: &lt;div&gt;&lt;/div&gt;

	&lt;header&gt; 标签定义 section 或 document 的页眉。
	HTML5: &lt;header&gt;&lt;/header&gt;
	HTML4: &lt;div&gt;&lt;/div&gt;

	&lt;hgroup&gt; 标签用于对网页或区段（section）的标题进行组合。
	HTML5: &lt;hgroup&gt;&lt;/hgroup&gt;
	HTML4: &lt;div&gt;&lt;/div&gt;

	&lt;keygen&gt; 标签定义生成密钥。
	HTML5: &lt;keygen&gt;
	HTML4: none

	&lt;mark&gt;主要用来在视觉上向用户呈现那些需要突出的文字。&lt;mark&gt;标签的一个比较典型的应用就是在搜索结果中向用户高亮显示搜索关键词。
	HTML5: &lt;mark&gt;&lt;/mark&gt;
	HTML4: &lt;span&gt;&lt;/span&gt;

	&lt;meter&gt; 标签定义度量衡。仅用于已知最大和最小值的度量。必须定义度量的范围，既可以在元素的文本中，也可以在 min/max 属性中定义。
	HTML5: &lt;meter&gt;&lt;/meter&gt;
	HTML4: none

	&lt;nav&gt; 标签定义导航链接的部分。
	HTML5: &lt;nav&gt;&lt;/nav&gt;
	HTML4:&lt;ul&gt;&lt;/ul&gt;

	&lt;output&gt; 标签定义不同类型的输出，比如脚本的输出。
	HTML5: &lt;output&gt;&lt;/output&gt;
	HTML4: &lt;span&gt;&lt;/span&gt;

	&lt;progress&gt; 标签运行中的进程。可以使用 &lt;progress&gt; 标签来显示 JavaScript 中耗费时间的函数的进程。
	HTML5: &lt;progress&gt;&lt;/progress&gt;
	HTML4: none

	&lt;rp&gt; 标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。
	HTML5: &lt;ruby&gt;漢 &lt;rt&gt;&lt;rp&gt;(&lt;/rp&gt;ㄏㄢˋ&lt;rp&gt;)&lt;/rp&gt;&lt;/rt&gt;&lt;/ruby&gt;
	HTML4: none

	&lt;rt&gt; 标签定义字符（中文注音或字符）的解释或发音。
	HTML5: &lt;ruby&gt;漢 &lt;rt&gt; ㄏㄢˋ &lt;/rt&gt;&lt;/ruby&gt;
	HTML4: none

	&lt;ruby&gt; 标签定义 ruby 注释（中文注音或字符）。
	HTML5: &lt;ruby&gt;漢 &lt;rt&gt;&lt;rp&gt;(&lt;/rp&gt;ㄏㄢˋ&lt;rp&gt;)&lt;/rp&gt;&lt;/rt&gt;&lt;/ruby&gt;
	HTML4: none

	&lt;section&gt; 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
	HTML5: &lt;section&gt;&lt;/section&gt;
	HTML4: &lt;div&gt;&lt;/div&gt;

	&lt;source&gt; 标签为媒介元素（比如 &lt;video&gt; 和 &lt;audio&gt;）定义媒介资源。
	HTML5: &lt;source&gt;
	HTML4: &lt;param&gt;

	&lt;summary&gt; 标签包含 details 元素的标题，&rdquo;details&rdquo; 元素用于描述有关文档或文档片段的详细信息。&rdquo;summary&rdquo; 元素应该是 &ldquo;details&rdquo; 元素的第一个子元素。
	HTML5: &lt;details&gt;&lt;summary&gt;HTML 5&lt;/summary&gt;This document teaches you everything you have to learn about HTML 5.&lt;/details&gt;
	HTML4: none

	&lt;time&gt; 标签定义日期或时间，或者两者。
	HTML5: &lt;time&gt;&lt;/time&gt;
	HTML4: &lt;span&gt;&lt;/span&gt;

	&lt;video&gt; 标签定义视频，比如电影片段或其他视频流。
	HTML5: &lt;video src=&quot;movie.ogg&quot; controls=&quot;controls&quot;&gt;您的浏览器不支持 video 标签。&lt;/video&gt;
	HTML4:&lt;object type=&quot;video/ogg&quot; data=&quot;movie.ogv&quot;&gt;&lt;param name=&quot;src&quot; value=&quot;movie.ogv&quot;&gt;&lt;/object&gt;
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[浩子]]></author>
        <source><![CDATA[大前端]]></source>
        <pubDate>2011-02-12 04:01:08</pubDate>
    </item>
    <item>
        <title>Web字体格式介绍及浏览器兼容性一览</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110212615275797982.html]]></link>
        <text><![CDATA[
	　　目前，文字信息仍是网站最主要的内容，随着CSS3技术的不断成熟，Web字体逐渐成为话题，这项让未来Web更加丰富多彩的技术拥有多种实现方案，其中之一是通过@font-face属性在网页中嵌入自定义字体，主流的浏览器都支持这项技术，本文介绍主要的几种Web字体格式及各浏览器兼容情况。

	

	Web字体格式介绍

	TrueType (.ttf)

	　　Windows和Mac系统最常用的字体格式，其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体，这使得它们比基于矢量的字体更容易处理，保证了屏幕与打印输出的一致性。同时，这类字体和矢量字体一样可以随意缩放、旋转而不必担心会出现锯齿。

	EOT &ndash; Embedded Open Type (.eot)

	　　嵌入字体格式（EOT）是微软开发的一种技术，允许 OpenType 字体嵌入到网页并可以下载至浏览器渲染，浏览器根据 CSS 中 @font-face 的定义，下载，渲染这种 .EOT 后缀的字体文件。这些文件只在当前页活动的状态下，临时安装在用户的系统中。

	OpenType (.otf)

	　　OpenType是一种可缩放字型（scalable font）电脑字体类型，采用PostScript格式，是美国微软公司与Adobe公司联合开发，用来替代TrueType字型的新字型。这类字体的文件扩展名为.otf，类型代码是OTTO，现行标准为OpenType 1.4。OpenType最初发表于1996年，并在2000年之后出现大量字体。它源于微软公司的TrueType Open字型，TrueType Open字型又源于TrueType字型。OpenType font包括了Adobe CID-Keyed font技术。Adobe公司已经在2002年末将其字体库全部改用OpenType格式。

	WOFF &ndash; Web Open Font Format (.woff)

	　　相对于 TrueType 和 OpenType ，WOFF（Web开发字体格式）是一种专门为了 Web 而设计的字体格式标准，它并不复杂，实际上只是对于 TrueType / OpenType 等字体格式的封装，并针对网络使用加以优化：每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输，并且不包含任何加密或者 DRM 措施。包括 Adobe、 Lino Type、Monotype 在内的几乎所有主要的字体供应商都加入到支持 WOFF 的行列中来

	SVG (Scalable Vector Graphics) Fonts (.svg)

	　　顾名思义，就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体.svgz。SVG可缩放矢量图形（Scalable Vector Graphics）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。SVG严格遵从XML语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。SVG可以使你设计的网页可以更加精彩细致，使用简单的文本命令，SVG可实现色彩线性变化、路径、自定义字体、透明效果、滤镜效果等各式常见的图形图像效果。

	

	字体格式转换工具

	EOTFast

	这个工具我刚用过，非常好用的一个工具，用于把TTF文件转为EOT格式。

	

	Microsoft WEFT

	微软提供的字体格式转换工具。

	

	ttf2eot

	可以转换TTF文件为EOT格式。

	

	另外推荐几个在线的转换工具：

	
		http://ttf2eot.sebastiankippe.com
	
		http://www.cuvou.com/wizards/ttf2eot.cgi
	
		http://onlinefontconverter.com/


	如果想把OTF文件转为TTF格式，可以使用FontForge来转换。

	

	浏览器兼容性一览

	　　使用CSS3的@font-face属性可以实现在网页中嵌入任意字体，但是IE只支持微软自有的EOT格式字体，而其他浏览器都不支持这一字体格式，其它浏览器可以设置TTF(TrueType)和OTF(OpenType)两种字体作为自定义字体，浏览器对@font-face属性及各种字体格式支持详的细情况如下：

	
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[梦想]]></author>
        <source><![CDATA[梦想天空]]></source>
        <pubDate>2011-02-12 02:09:01</pubDate>
    </item>
    <item>
        <title>有故事的网页设计——Flash网站奇妙之旅</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102127417651301986.html]]></link>
        <text><![CDATA[
	

	　　当浏览网页时，总有那么一类网站华丽而富有趣味性。在浏览信息的同时，足够让我们眼前一亮。它们在充分融入动画、视频、游戏、甚至是与众不同的交互操作而使网站效果令人惊奇，这些基于flash设计的网站，让网页从平面变身立体，从静态变得有故事有情节。如果将fash技术用于个人作品集制作或者企业推广时，网页设计便成为了一种有故事有情节的艺术，它们是那样富有活力而创意独特。

	　　下面让我们随着这些利用flash技术制作的网站，来一场奇妙的网络旅行吧~~

	一、新奇的loading页

	　　利用Flash技术制作的网站由于需要载入大量的美术和音乐素材而使loading时间变得很长，而此时，与众不同的设计可以使这个载入时间变得有趣，当用户等待时间中所有的操作变成网站体验的一部分，这便让我们的访问之旅有了一个很酷的开始。下面这些网站，便是拥有了一个很酷的loading页，让我在茫茫的网站设计海洋中记住了他们。

	1. http://bio-bak.nl/

	　　这是荷兰一个设计师的作品集网站。不得不说loading页那两只欠扁掉毛还不停叨叨的鸭子看上去实在是太贱了，直接导致你想要用手把他们揍一顿，这个过程中loading的时间确实在不知不觉中就过去了。另外一个亮点是 网页中鼠标移动的过程很有趣，很多流畅的flash交互融入其中，让你很快感觉到设计师是一个多么可爱的人。

	

	

	2. http://www.oddodesign.com/

	　　Oddo design是一个网页设计团队自己的网站，loading绘制了一辆公交车从起稿到完成的过程，很有趣。网站的设计从以行驶中的大巴车为世界观的小世界开始，每个用户浏览的细节风格都很统一很整体。

	

	

	3. http://madeforeachother.com/

	　　乐事食品的推广网站。从屏幕边远远跑来相互拥抱的的数字小人，组成了特别有爱的loading画面。但这个网站的设计亮点，不仅体现在loading页上，之后的入场动画像是好莱坞动画大片片头一样炫丽。再后来，进入网站像是一个游戏世界一样，从土壤下的生物世界、池塘里、火上小岛、云上世界到宇宙空间，每一部分都像是游戏的一个关卡，将乐事薯片的系列动画广告串联起来，娓娓道来。

	

	

	4. http://www.hf3.coca-cola.com/

	　　说到网站设计中好玩的loading页，我首先想到的就是这个可口可乐幸福工厂系列广告的推广网站。尽管这个网站已经发布了一段时间，但是这丝毫不影响它页面体验的有趣性。这个loading页加入了用户互动的游戏概念，你需要将空瓶放在可乐机下方位置上以便能灌装尽量多的可乐，在loading的从1%到100%的过程中，灌装完成越多的可乐越好。当然，进入网站后的画面故事也非常有趣，延续了它幸福工厂的系列视频广告的感觉，建造出了一个美好而庞大的可乐制作车间，整个浏览像观赏一部动画大制作片子一样。

	

	

	二、特殊交互方式带来的奇妙体验

	　　有这样一类网站，它们融入了更多元的交互方式，使用户在浏览的过程中获得不一样的快感，让网站的体验变得更加有趣，用户的参与度也更高。

	1. http://laplanete.sldimension.com/

	　　设计师的个人网站。一进入网站就可以感觉到设计师是个很有童心的家伙，网站启动页是需要用户制造爆炸的小操作，进入页面之后，制造的爆炸炸出了一个很可爱的的泥塑小星球，而用户在进行关于星球浏览的操作感觉非常爽。

	

	

	2．http://www.maxshaman.com/#/friends/

	　　这是一个有意思的个人网站，看上去设计师是相当豪放的人，不但不在乎陌生人用插小人的方式诅咒自己，反而还喜欢浏览者用这种方式表达对他的关注，于是，设计师在网页上放了个破布头小人，可以让浏览者用针头随意虐待，同时还能看到设计师对此作出的痛苦反应。有点暴力，但还是蛮有趣的。

	

	

	3.http://www.bartleboglehegarty.com/

	　　一个设计团队的网站，尽管首页同样运用了立体地球转动的动画小操作，但是当响应点击后，地球的出现和消失转场过程还是非常有新意的。

	

	

	4. http://www.matthiasdittrich.com/

	　　这是一个运用了三维空间互动概念的网站，点击后页面转场的三维效果过的很好，带给人很流畅轻盈的科技感。这种三维感觉的应用，带给了人们不一样的专场感受，将网站从非常具有平面感束缚中挣脱出来。

	

	

	5. http://soytuaire.labuat.com/

	　　这是早前就看过的一个非常有意思的交互式网站，由鼠标的位置决定了线型笔触运动的方向。通过笔触的生长，讲述了一个流动的画面故事。整个网站呈现很迷人的水墨效果，中间由墨水滴落产生的动画也做得非常与众不同。一直都觉得这算是非常经典的flash动画网站。

	

	

	6. http://www.arihirvonen.com/

	　　同样是一个设计师的个人网站，除了loading页面中小人旋转效果很酷外，网页上设计师关于自己的介绍有个好玩的交互。整个网站设计让我想起某个动画中关于科学怪人的故事。

	

	

	三、融入动画元素，制造有趣的网站风格

	　　这些网站或拥有独特的世界观，或拥有个性十足的设计风格，在充分融入了动画、游戏等元素之后，让整个网站变成了一个不一样的小世界。

	1. http://okaydave.com/

	　　设计师的个人站点网站，将自己的成长经历、个人作品等全面的信息都囊括在了网站之中。很强的手绘风格，整体看起来像一本内容丰富的随身速写本。首页的点击设计显得非常独特。利用很炫的动画效果让鼠标点击后的响应看上去像是科幻动画片转场一样。

	

	

	2．http://www.escriba.es/base_en.html

	　　这是一个可爱的站点，整个网站设计看上去像一个蛋糕工厂，清新而童话般效果，不同风味的蛋糕变换出了不同的蛋糕工厂，特殊的世界观下，仿佛置身于一个美食世界。

	

	

	3．http://www.xixinobanho.org.br/

	　　今天介绍的网站中，这是个人最喜欢的一个网站，暖暖的小清新，点开之后心情一下子就敞亮起来。载入画面很赞，各个网页的切换动画做的很用心很有创意。相信设计师一定是个温暖的人，有孩子般纯净的微笑。

	

	

	4. http://www.happyingreenville.com/

	　　尽管网站的画面很随意，像是很简单的手绘草图，却在页面的切换间连成了好玩的故事，每个点击的选择都有对应不同的镜头转换。将一个网站当作一个故事来整体制作，完整，饱满。

	

	

	5.http://scruffs-game.com/index.html

	　　解密游戏游戏《史卡夫一家》的官网，和很多国外游戏或电影大片的推广网站一样，制作精良且非常注重用户体验的趣味性。画面很精致，操作和页面的切换都很流畅，让人感觉很舒服。

	

	

	6. http://zzz.drinkzzz.com/

	　　看上去像一个饮料广告的推广网站。网站页面的载入做的像MTV开场，而后来点击每个选项后的响应都有趣，风格很简约，但设计绝不简单。

	

	

	7.http://www.starbuckscoffeeathome.com/

	　　这是星巴克的一个推广网站，和星巴克店面的设计风格很想，亮点在于当鼠标落在中间插画的位置会有神奇的效果出现，华丽丽的漂亮。

	

	

	8.http://food.barba.ru/

	　　一个有点重口味的关于食物的网站，这样的插画风格让我想起保罗&middot;德里森搞怪的动画短片，loading页一出现就看着那个被面条捆绑的小人怎样被一点点勒得快死掉。尽管有点血腥加恶心，但是这并不妨碍它绝对是一个非主流的好网站。

	

	

	9. http://www.andyfoulds.co.uk/flash_design.html

	　　这是一个设计很干净的个人作品网站，折纸效果的动画让页面切换变得很有意思。在整个网站的访问过程中，我一直有种在阅读一本就画册或者是就照片集的感觉。

	

	

	10.http://www.sectionseven.com/index2.html

	　　好了，今天最后分享的一个网站同样也是个人作品集站点，它的亮点在于把作品集制作成册的概念贯穿始末，设计师将自己的作品分类制作成册，点击之后会有很酷的翻页效果，仿佛真的在翻阅一本作品册一般。

	
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-02/20112126032703743.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[老然]]></author>
        <source><![CDATA[Tencent CDC]]></source>
        <pubDate>2011-02-12 00:47:34</pubDate>
    </item>
    <item>
        <title>5个提高你站点可读性的方法</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102074630949030.html]]></link>
        <text><![CDATA[
	一个更易读的网站意味着网站使用性的改良以及提供愉悦的阅读体验。我们希望浏览者们能获得这些好处不是吗？

	这篇文章我们将介绍 5 个简单的方法让你能提高你网站的可读性。当然，文章的最后请大家自由发表意见，我希望能知道你们的想法。

	

	对排版的基本了解

	你必须收悉字距调整、亮度动态控制、首字、截线、无截线、线高等术语。

	排版是现代网站设计的一个重要方面，特别是现在许多人使用 css 下的 font-face 字体而且有一些像 Typekit 一样的软件让人们可以用不合法的字体在他们的网页上。

	

	当然最漂亮的字体也不能在你不遵守相关基础规则的情况下帮助你。试着一直用字体标准度量，无论是你的自创体还是现有的字体，简单的 12, 14, 16, 18, 21, 24, 36, 48, 60 将会很好的规范字体等级制度，保持使用合法的字体度量标准。

	有效地利用空白处

	

	&ldquo;空白空间&rdquo;是指设计网站时的闲置空间&mdash;&mdash;它并不一定指白色的白，可以说它是隔开章节段落之间的那些空闲空间。能更好的利用这些空间是提高你网站可读性的关键。

	如果你的网站挤的满满的使得段与段之间都没有空白，阅读浏览你的网站将变得很困难。确保你的文字内容，副本，图标，列表，超链接以及其他元素拥有自己的空间。

	我们知道网络使用者是不回去耐心阅读的，他们快速浏览直到找到他们感兴趣的内容，于是才点击来读（或者继续快速浏览）。在这方面做一些提高，通过利用空白空间让你的页面便于浏览。

	对其线和格

	

	如果文章和其他网页元素在网页上四处分散会使你的页面十分难以阅读从而无人问津。使用对其格能帮助你保持页面的整齐并让读者能直接的发现你页面的关键点&mdash;&mdash;比如说请读者注意的按钮。

	有一些出名的网格系统如 960.gs 和 Blueprint 可以作为你设计网页的起点和参考。我个人喜欢用我自己的构架风格，但是我相信这只是个人选择罢了。

	色彩对比

	

	显然上述的几点对网页设计很重要，但是色彩对于网页也是不可或缺的重要因素。白色底纹浅灰色文本也许让你读着不费力，但对于其他人来说可能根本无法读下去。如果你的目标读者是 60 岁以上的人时，你可能希望文章字色稍暗点更利于阅读。同样的，如果你的页面背景太暗，要让文字越亮越好。

	你当然可以在对比度的掌握上玩的的心应手，你可以使你的图标颜色更深来吸引读者注意，让其更浅来让读者忽略。

	确保元素间的对比，背景和文字的对比。你可以使用 Colour Contrast Check 这样的工具来使文章有不同的色彩和对比。

	确保简洁切题

	

	如我之前说的，人们不会去仔细阅读，他们只是浏览罢了。至少我是这样的。所以让你的内容简短并把不相关的东西去掉可以提高可读性。要知道你不是在写小说，你是在写网络文章。我个人一看到长篇大论的文章就立刻点击关闭。把文章拆成小段落和关键点。

	当你能把文章缩到 50 字时就不要写 100 个字。保持简洁切题你的读者会感谢你的。

	该你说了

	我知道我关于这个问题的看法只是表面见解，请同我们分享你们的小经验。我会仔细阅读它们的。评论区见！

	

	原文名称：5 Tips For Improving Readability On Your Website
	原文地址：http://spyrestudios.com/5-tips-for-improving-readability-on-your-website/
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-02/2011274568043348.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Jon Phillips，君麟 译]]></author>
        <source><![CDATA[译言网]]></source>
        <pubDate>2011-02-07 20:01:46</pubDate>
    </item>
    <item>
        <title>微软中国公布2010年度经典MSN签名Top10</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011020724548480.html]]></link>
        <text><![CDATA[
	MSN签名频道报道，微软发布了2010年度经典MSN签名TOP10，该评选活动从众多网友提供的签名，以及MSN签名频道中选取了最具代表性的25条签名，并通过网友投票选取了2010年度经典MSN签名Top10。

	MSN签名一直受到许多白领用户的青睐。继2007、2008、2009连续三年进行MSN签名评选并受到广大网民的积极响应后，2010的MSN年度签名征集活动也受到了广泛的关注。

	MSN签名频道表示：&ldquo;在刚刚过去的2010年中，也许Messenger是伴随你每个工作日的工具。短短的一句话，让它成为了我们内心世界的真实映照：过去的一年中，我们用签名档记下了能丰胸的奶粉;过去的一年中，我们的签名档声讨了嚣张的李刚;过去的一年中，我们的签名档上挂满了&quot;艰难的决定&quot;;过去的一年中，我们的签名档用俏皮的语言说出了我爱的就是她&hellip;&hellip;2010年飘过，不管神马浮云，我们都会怀念它。&rdquo;

	2010年度经典MSN签名TOP10：

	1、中国几千年解决不了的重男轻女问题，竟然让房地产解决了。 。

	2、肠道总面积有200平米，我们住房还没有屎住的地方大，还不如去当屎，真是生不如屎啊~

	3、物价与欧洲接轨，房价与月球接轨，工资与非洲接轨。

	4、一个月总有那么三十几天不想上班。

	5、什么是白领?就是挣得是卖白菜的钱，操得是卖白粉的心。

	6、最没用的纸：白领的工资条&mdash;&mdash;看了来气，擦屁股太细。

	7、月初，我吃什么狗吃什么，月末，狗吃什么我吃什么。

	8、丝袜是权力的象征，女人穿了能征服男人，男人戴了可以征服银行。

	9、饭太丰盛了，红烧牛肉、小鸡炖蘑菇、排骨、海鲜，哈哈哈哈，我都不知道泡哪一袋好了。

	10、如果想知道什么是希望，请买一张彩票;如果想知道什么是绝望，请你买一堆彩票。

	2009年度经典MSN签名TOP10：

	1、蜗居告诉我们，买房有很多途径，唯一不靠谱的是靠工资。

	2、看了《奋斗》我雄心壮志;当我踟躇的时候，我看了《我的青春谁做主》;就当我即将豁然开朗的时候，一部《蜗居》把我拍死了;绝望中，我看了《2012》，顿时淡定了，买什么房子啊，早晚要塌的!

	3、开心了就笑，不开心了就过会儿再笑：)

	4、理想老公的条件，1.带的出去，2.带的回来。

	5、觉得不快乐，是因为追求的不是&quot;幸福&quot;，而是&quot;比别人幸福&quot;。

	6、等我有钱了，我就买一辆公交车，专门走公交专用车道，专门停在公交车站，等有人想上车了，我就说：对不起，这是私家车。

	7、我们只有一个地球，所以大家要爱护地球;地球上只有一个我,所以大家也要爱护我!

	8、我们的目标：向钱看，向厚赚。

	9、虽然我天天呆家里，但是请不要叫我宅女，因为我是居里夫人。

	10、人生最痛苦的事情就是上班时没事干，下班时活来了!

	2008年度经典MSN签名TOP10：

	1、中国人在食品中完成了化学扫盲。

	2、从大米里我们认识了石蜡;从火腿里我们认识了敌敌畏;从咸鸭蛋、辣椒酱里我们认识了苏丹红;从火锅里我们认识了福尔马林;从银耳、蜜枣里我们认识了硫磺;从木耳中认识了硫酸铜;今天，三鹿又让咱们知道了三聚氰胺。

	3、别人活了一辈子都没遇到的，所谓百年一遇的在08年都遇到了，这1年活得还真值!

	4、能用钱解决的问题都不是问题，问题是我是穷人。

	5、2008年我曾为汶川感动过，为北京喝彩过，为法国愤怒过，为三鹿痛心过，最后却因金融海啸，为自己的钱口袋伤心难过。

	6、只要思想不滑坡，办法总比困难多。

	7、老板用你的时候你就是人才，不用你的时候就变成裁人!

	8、10年后我们可以拍着下一代人的肩膀骄傲的说：想当年老子连08年的金融风暴都经历过，还怕什么?

	9、(L)红心China，先挺火炬传递，后顶奥运开幕，再后来神七上天，最后祈祷祖国度过经济危机，由此一个签名挂了一年。

	10、朝着黎明的方向，在黑暗中前行。

	2007年度经典MSN签名TOP10：

	1、人生的最大遗憾莫过于错误地坚持了不该坚持的，轻易地放弃了不该放弃的&hellip;&hellip;

	2、大师兄，你知道吗?二师兄的肉现在比师傅的都贵了。

	3、怀才就像怀孕，时间长了才能看出来。

	4、还能冲动，表示你还对生活有激情，总是冲动，表示你还不懂生活。

	5、我问一个在深圳工作了二十年的朋友：&ldquo;如果你死后，你的墓志铭打算写点啥?&rdquo;他说：&ldquo;我解决了住房问题!&rdquo;

	6、妈妈说人最好不要错过两样东西，最后一班回家的车和一个深爱你的人。

	7、一天看到一位大妈在烧纸，边烧边嘟囔着：收到了全都买基金吧~~

	8、好的爱情是你透过一个男人看到世界，坏的爱情是你为了一个人舍弃世界&hellip;&hellip;

	9、诸葛亮出山前，也没带过兵!凭啥我就要工作经验?

	10、如果你看到面前的阴影，别怕，那是因为你的背后有阳光&hellip;&hellip;
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[未知]]></author>
        <source><![CDATA[不详]]></source>
        <pubDate>2011-02-07 13:32:35</pubDate>
    </item>
    <item>
        <title>不用SEO，照样建立伟大的网站！</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011020758958179097.html]]></link>
        <text><![CDATA[
	

	搜索引擎优化，俗称SEO，是一个会渐渐在互联网上消亡的话题。

	绝大多数人都认为SEO在互联网上对任何事物都是最为重要的。他们认为你没有做SEO,你的网站必定默默无闻，如果你做好了SEO,你的网站必定会取得成功。

	我们还在本篇文章中分析了WooThemes的案例，并写有我与 Adii Pienaar的问答和 Adii Pienaar对SEO的看法。

	他们想让你做什么？

	

	SEO公司使用的技术分为两种派别：&rdquo;白帽SEO&rdquo;,&rdquo;黑帽SEO&rdquo;。人们以前常用黑帽SEO来描述一些用可疑的方法来欺骗搜索引擎的人。他们将许多网站互连以获得更多的外链，更高的PR值，利用搜索引擎算法的漏洞来编写最优化的页面。但实际说来，白帽SEO也不比黑帽SEO好多少。

	说白了，SEO公司只有一个目的。那就是将网站放在主流搜索引擎的热门关键字的最高位置上。他们并不重视他们所优化的网站的内容，只要网页上有足够多的关键字就够了。他们不重视他们所优化的网站的可用性，只要搜索引擎可以简单顺利地索引到就够了。他们并不关心网站的跳出率或是人们在浏览这个网站时有多么困惑和烦恼。做白帽SEO的家伙确实是遵循了搜索引擎指定的规矩。他们几乎没有和任何Google服务发生冲突。并且他们只会去使用被认为是正当的SEO技术。但问题是尽管他们在搜索引擎上高高在上，他们还是完全忽视了重点。

	如果人们仅仅花了5s浏览你可怕的网站，并马上按下浏览器上的back按钮，我想无论你的网站在搜索引擎上有着多么高的权重，你的网站依然是废物一堆。

	有一些SEO公司是由主投资人从客户那拿钱成立的。它们就付钱给未经训练的员工，让那些家伙建立有着成堆虚假内容和虚假链接的垃圾博客站。更令人捧腹的是，这些公司居然把自己归为完全的白帽SEO，他们居然堂而皇之地认为这是循规蹈矩的操作。可他们实际上只是用了一堆可疑的，卑劣的手段来达到目的。我知道这些，是因为我自己就曾经为这种下三滥的公司工作过，并且我现在厌恶那时的每分每秒。

	但确实也还有这么一些人，他们有着丰富的SEO知识，但相比整个网站的设计与规划，他们只浅浅地利用了SEO技术。他们和上面两类人的区别是-他们基本不提SEO。现在我不得不稍稍打断文章来做一个简短的声明：并不是所有的SEO公司都那么坏，也并不是所有的SEO公司都侵犯你的利益。其实还是有一小部分SEO公司的人是真心诚意地想要帮助你，更正你对互联网的错误认知。（提示：这些可不是spam）

	你应该做什么？

	

	搜索引擎被设计用来让客户搜索到最好最恰当地网站。我重复一遍：最好最恰当地网站。而不是那些&ldquo;最优化的网站&rdquo;。

	大量赞成使用SEO技术来获得更好排序的人们一致认为：一个优秀的网站建设者会这样对希望建立好网站的你说：使用合适的头部标签，建立简单有序的链接来有效地组织你的网站，确保相关内容较好地被呈送并且能方便地链接到。制造一些其他人喜欢转载或是评论的文章。

	简而言之，你可以用一辆1992年的本田思域赢得一场比赛，但你需要注入大量的燃料，并要带出大量的氮氧化物。而用这些钱，你都可以买辆奔驰了。如果你想建立一个在搜索引擎中表现地好的网站，那么就不要再去想如何讨好搜索引擎了，还是多想想怎样才能建立一个足够出色的网站吧！用合适的方式编写你的网站，使它易于进入，使它充分具有可用性，确保它有极好的内容，确保你的网站有着广阔的市场并具有良好的口碑。这些同样是使搜索引擎增进你网站权重的重要因素。

	当你建设网站时，如果你花时间做正确的事，并在网站的成长过程中密切关注你用户的需求，那么搜索引擎给你的权重必定会提高。我向你保证！-这些事没有哪个SEO公司可以做到。

	案例分析: WooThemes

	

	仅在三年前，Adii Pienaar和他的两个合作创立者白手起家建立了WooThemes。他们密切关注他们的产品，他们的顾客，他们的市场营销，而不是过多的关注SEO。

	在2年时间里，WooThemes年收入超过200万美元-这足以证明他们所做的事情是十分明智的。

	当我请求Adii分享他的成功经验时，他这样说：

	Adii，你总是密切关注如何建设WooThemes，使之拥有优质的产品和良好的市场，而不是把重点放在SEO上。最初是什么让你这样想的呢？

	&ldquo;老实说，我们的项目存在两个束缚因素，我们有必要用合适的方式去处理他们。这两个束缚是：1）对SEO相关知识与经验的严重缺失&rdquo;和2）没钱买链接或是在AdWords上做广告来形成强有力的竞争。但我一直认为&ldquo;内容是金&rdquo;，而SEO手段是违背原则的。因此我们也只能去关注我们可以控制的：优秀的产品和了不起的内容。这两项为我们的网站带来了可观的互链和反链数量，这最终使我们网站的权重大幅提高。&rdquo;

	Andii 那么你们完全没有特别对网站进行SEO对你的公司总体说来有什么影响呢？尤其是对访客数和站点流量数据的影响？

	&ldquo;我完全不认为不进行SEO对我们有什么消极的影响，相反的，我们看到我们网站的访问者每次会看6页以上的内容，并花6分钟时间浏览我们的网站。&rdquo;

	当搜索与优质的WordPress主题相关的大多数关键词时，你的网站始终有着极高的排名,你是否密切地关注着这一情况?为了在未来提高你网站的权重，你是否做出了策划或是打算？

	&ldquo;我们确实关注着这些关键词，但并不是十分密切地去关注&hellip; 为了在搜索引擎的关键字上显示得更好，投放AdWords是一个常见的做法。但我们发现这样做没有性价比（这也是我们停止投放的原因）。因此我们的策略不变：努力做出更好的内容和产品-这一定会让更多人关注谈论我们的产品，最终使我们网站的权重更高。

	你最近开始为你的主题提供许多第三方插件的整合服务，这其中有许多为WordPress提供SEO的插件，是什么使你选择提供这些产品呢？亦或是这在某些方面改变了你的观点？

	&ldquo;我们决定为我们的主题添加合适的SEO支持，因为这是我们顾客的主要需求，并且我们不想让自己的观点在这方面使我们的决定动摇。我们网站内容占80%，SEO相关技巧占20%，但这种组合是由个人想法决定的。因此我们承认我们的顾客可能会在这方面的权衡上与我们不同。&rdquo;

	最后，如果让你重新来一次，你会对你们的SEO策略做出改变吗？

	&ldquo;我真希望我们可以重新启动互联网，并确保SEO就此消失。 认真的想&mdash;&mdash;不，我们不会对我们的SEO策略做出改变。&rdquo;

	总结

	

	你不需要浪费钱付费给SEO公司，这不值得，你也不需要付钱给其他站长买链接。你更不能把所有时间都浪费在研究如何获得更好的排名。好的排名并不是建设网站或是电子商务最重要的东西。

	人们总是这样来打比方：SEO可以提高你网站的排名，正如将你的店面放在市中心的最繁华地段。但最重要的是：无论你的店面前有着多么豪华的马路，亦或是你的隔壁就是Gucci和Prada这样的顶尖品牌，如果你的店面内部锈迹斑斑，服务员粗暴无礼，也绝对没人会进你的店铺，即便他们不小心进去了，他们也会马上离开。

	做一个优秀的网站才是最优先最重要的。优秀的网站总会获得极高的排名，因为这才是搜索引擎被设计要去做的事。站长们，开始关注什么才是最重要的吧！

	你是如何想的？你是否对那些只会做spam的声称自己是SEO专家的家伙感到厌烦？或是你只做好了SEO却没有做好网站？让我们在评论中知晓吧！

	

	原文名称：Create Great Websites, Without Any SEO
	原文地址：http://www.webdesignerdepot.com/2010/09/create-great-websites-without-any-seo/
	译文地址：http://dqaria.com/playit/no-seo.html
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-02/2011278949332159.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[John O’Nolan，蓝风绿影 译]]></author>
        <source><![CDATA[dqaria.com]]></source>
        <pubDate>2011-02-07 12:42:14</pubDate>
    </item>
    <item>
        <title>发现酷站即将改版，敬请期待！</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201102047650341210458.html]]></link>
        <text><![CDATA[
	首先感谢各位互联网爱好者在过去一年对发现酷站的支持，见证着我们的发展、变化。

	接下来的一年，是可爱活跃的兔年，也预示着我们将以更加积极的姿态来迎接新的挑战，望各位一如既往的支持我们。

	本次的改版，首要目的是为优化用户的阅读体验，从各方面都有调整，改版后会以不一样的风貌和大家见面，敬请期待，相信我们会做得更好。

	在这里给大家拜年了，Happy 兔 you！^.^V

	
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[陈大龙]]></author>
        <source><![CDATA[本站原创]]></source>
        <pubDate>2011-02-04 00:48:51</pubDate>
    </item>
    <item>
        <title>微软的战略</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011012893795.html]]></link>
        <text><![CDATA[
	微软做了一件动静不小的事，它决定把Live Space给关了。

	它想干什么？

	当微软沉溺于windows和office的辉煌之时，它的确在互联网上赶了个晚集。不过，借助windows捆绑internet explorer的优势，它的互联网开局还算不错。然而，google崛起之后，它又发现自己拉了一大截。于是，它发布了它的live战略，其中，就包括Live space这个类似于Blog的服务。

	必须要看到的是，Live space一开始发展得还不错，借助于庞大的MSN装机量的优势，很多人用这个服务来写blog。在先前的msn版本中，当你更新了你的space之后，你的msn名称前会多一个小黄星，于是你的朋友们就会知道你有新文章发布，自然就会引发他们的点击。只要有人看，用户写blog的动力就会源源不断，看上去，space应该具有很大的前景。

	但事实上不是。随着MSN这个聊天工具的改版，小黄星不见了&mdash;&mdash;这在我看来，是微软的一个极大的失误。用户撰写文章之后，看的人也越来越少了，自然撰写动力也就越来越不足了。Live space迅速没落下去，至少在中国，它的覆盖率和QQ zone不是一个量级的。Space越来越成为一个食之无味弃之可惜的玩意儿。

	微软的live战略，到今天为止，其实并不见得有多成功。msn虽然是一款很有些名气的聊天软件，但就全球IM的应用率来看，它有3.3亿的用户，排在5.6亿的skype和5.22亿的QQ之后。在中国大陆，则连老三都保不住：qq、阿里旺旺和飞信的覆盖量都在它前面。Live战略中的一个重要组成部分：搜索，也处在半死不活的状态。微软迫切需要做的一件事是：找到一个突破点，打开Live战略&mdash;&mdash;或者说，互联网战略的局面。

	微软选择的是&ldquo;搜索&rdquo;，也就是后来改头换面的Bing（必应）。而对于它的整体战略而言，live space，的确已经属于可放弃的东西了。

	当今数字世界，最有前途的应用就是两样：其一是搜索，其二是社交网络。Live space只是一个UGC（用户贡献内容）的东西，它对于用户的要求较高，这样的使用门槛会把很多用户给排除出去。而另外一方面，费心费力地搞这类发布内容的应用，对于微软这样的巨头而言，实在谈不上多大的吸引力。

	互联网上有着数不清的应用或站点，可以让用户去发布他们想发布的信息。诚然，始终有更新更好玩的东西，可以让用户发布信息这个过程变得更轻松更好玩，但说到底，搞发布信息这一部分，始终在整个产业链中处于下层的地位。因为信息时代的特征不是信息匮乏，而是信息过剩。而微软，作为全球顶尖的数字公司，让它再执着于一款围绕信息发布的东西，未免不符合它的身份，也完全不能满足它的胃口。

	Space本身带有一定的社交网络功能，比如用户写一篇文章或上传一张照片，可以吸引ta的好友们来留言互动。但社交网络要求有足够大的规模，故而也就要求它的门槛要足够低：什么人都觉得可以上来玩一玩。如果要继续Space的途径，就势必要改造Space，让它更容易上手&mdash;&mdash;然而，同时，也需要准备足够的好玩的东西让用户上了手以后就粘性十足，不会轻易离去。于是，改造Space还需要做第二个重要的工作：展开一个第三方应用平台。

	这变成了什么？呵呵，是的，已经完全是抢Facebook的生意了。微软已经展开了bing这个搜索，和google对抗，如果再去搞一条威胁到Facebook的路径，与数字网络中两个如日中天的公司对抗，显然是不明智的。要知道，在微软的棋局中，还有另外一个强悍的竞争对手：苹果。

	权衡再三，我们看到，微软选择了和facebook合作，共同对抗google，于是，无论是从内容制造上，还是在社交网络上，微软都放弃了Space的改造，而改为舍弃。即便如此，拥有全球第三大客户端聊天工具：MSN，微软在搜索上如果获胜，再来深耕社交网络战场，也不是没有本钱。

	事实上，搜索这个应用是可以渗透到社交网络中去的，比如在twitter这类微博站点中，无数的少于140个字的信息每秒中都在诞生成千上万条。人们在尝过鲜之后，赫然又发现他们面临的是另一个信息爆炸的世界，故而，他们依然需要搜索这种信息定位的功能，以便于快速找到他们想要的。而且，搜索不仅仅包括搜索文字，人们还希望能搜索图片、视音频等富媒体格式的东西，相对于今天的搜索结果，人们也希望更精准。搜索市场上，并不是没有任何机会，而一旦把握住这个机会，信息世界最重要的入口就被把握，换句话说，也就站到了产业链的最高端，这才是微软该做的事。

	事实上，微软在搜索上已经开始布局，它旗下有语义搜索引擎Powerset、购物比较引擎Live Cashback、旅游搜索引擎Farecast以及健康搜索引擎health.live.com，今天，已经统统整合到Bing中。微软研究院还在开发一个名为MindFinder的系统，可以实现高效、基于素描的图像搜索：这个系统很有可能被应用到触屏设备中，轻轻用手指勾勒一个草图，就可以去找匹配的图片了。
	不显山不露水中，微软已经进入了战略实施阶段。它将去联合一切可能联合的力量，在搜索这个市场上，和google，着实地竞争一把。

	&mdash;&mdash; 结束的分割线 &mdash;&mdash;

	这篇东西是应《中欧商业评论》之邀写的，就TMT写作而言，这篇东西是浅的。我有另外一个版本，字数更少些，但我个人以为，那个版本其实更深入一些。这里，就做一个收录。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[魏武挥]]></author>
        <source><![CDATA[魏武挥的博客]]></source>
        <pubDate>2011-01-28 20:49:46</pubDate>
    </item>
    <item>
        <title>为什么中国的网页设计这么烂？</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011012825126684.html]]></link>
        <text><![CDATA[
	我希望由一个声明开始。我写在标题里的观点，仅仅是个观点。以下是我居住在中国中部的河南省两年的时间理，由对中国文化的观察与交流所产生的观点。

	我在东方和西方文化、社会学、跨文化交流或其他方面没有受过正式的教育或培训。此外，我会用&ldquo;中国&rdquo;来代替&ldquo;东方&rdquo;。我承认我的概括仅仅是概括。例如日本，已经深受西方影响（反之亦然），在设计和其他方面，有太多与我们的相似之处。

	

	起因

	在我2005年夏天抵达中国之前，我还不清楚西方和中国存在的大量文化差异。当然有很多明显的不同，比如语言，身体外貌，政治取向等等。在幽默感，兴趣和审美倾向方面这些差异却慢慢浮现出来。

	我注意到我几乎难以找到一个真正吸引我的中国网站。出于好奇，我开始收集中国人经常使用或认为设计优秀/好用的网站列表。

	我猜如果我询问一个西方常见的网民，回答一定是这些网站设计的并不好（对比Facebook，Amazon）。这里需要说明的是当我询问中国网站设计师时我得到了不同的回复。不论如何，我收集的受中国人喜爱的网站如下：

	
		百度 (中国的Google)
	
		阿里巴巴 (中国的eBay)
	
		QQ (中国的AIM/Google Talk)
	
		人人网 (中国的Facebook)
	
		新浪 (中国的Yahoo)


	除了百度（设计公然抄袭Google）和人人网（很明显抄袭了Facebook的设计），中国网站常见的设计是大量可笑的元素（如文字），有些充斥了图片，有些压根就没有任何图片。我为此深感迷惑。这怎么可能被接受？中国用户如何消化这么多的内容，过滤内容并决定哪些是他们想要的而哪些不是？他们为什么能把这样的设计当成家常便饭？

	

	而且，中国的网站同时包含多种分类，同时显示的动画，弹出窗口，窗口嵌套，边栏等等。他们通常被包围在西方设计者尽一切努力来避免的错误设计中。我真觉得1995年好像在我面前重演了一遍。

	

	我的感受

	当然，作为一个自负的西方人，我的第一反应是：&ldquo;哦，他们是发展中国家，还不能赶上我们。&rdquo; 或许这就是问题所在。我觉得经历随着时间的推移，设计和审美取向在发生变化。举个例子，我个人绝不会在我的房间里挂一幅文艺复兴时期的画作，不过如果我是处在那个年代，我肯定会挂。作为一种文化，我们的审美发生了变化。而或许这就是中国在设计的发展过程中现在所处的位置。

	

	另外一个可能性，或许（我个人的理论），教育胜过了自然的发展，中国的网站设计审美观由教育和文化影响形成，而不是习惯成自然或艺术的演变。当然，艺术的演变是建立在文化教育的基础上的，但是我认为就算艺术在演变在发展，中国的网站设计审美观并没有追赶西方的网站设计。相对的，他只是受到了自己的影响，从根本上被东方文化指引，只轻微的受到西方基本IA概念影响。

	

	为什么形成了这样的理论

	我在中国的大部分时间都花在了我任教的大学。一段时间后我注意到中国学生一般的经验是记住而不是真正理解。他们认为他们用人生剩下的时间去理解在学校学到的东西，现在不是分析和理解的时候。与我们西方对大学的观点相当不同，不是么？

	

	我认为了解大多数中国人学习的方法是了解大多数中国人如何阅读和与网站互动的关键。作为一个西方人，我们渴望和期待得到启迪，一些灵感，一些谅解，甚至消遣（不管这是不是网站的意图）。东方人并不这样做。他们首先捕捉信息，然后沉溺其中。我的理论的前提是当中国人访问一个网站时他们是处在数据获取模式。访问网站就是将网站内容输入到大脑里，跟交互，反应或理解无关。

	

	另一个中国文化的元素随着时间推移越来越令人沮丧的表现出来：他们非常的不直接。跟西方人不同，中国人如果直奔主题就会感到非常不舒服。中国人聊天就像跳舞。对西方人来讲，这让人极其沮丧和迷惑。对中国人来说，这是沟通最可接受的方式。我觉得这跟网站交互设计有很大的关系。简明，直奔主题，让人做点什么就是不能引起中国文化的共鸣。

	

	

	事实

	现在，我作为精神上显而易见的现实主义者, 有几个概括了我的感受和理解：

	
		这并不表示现在我觉得中国的网站设计美观。对我来着，这仍然是陈腐的1995年西方设计。也许这种设计在当时可以容忍，但现在绝对是糟糕而且不应被重复。
	
		我不认为现今的中国网站设计应该或可能赶上我们看到的现今西方设计趋势。
	
		我不认为艺术偏好是视觉和文化的交叉，每个文化都会经过同一个点。中国和西方有自己发展路线。
	
		我们可以也应当理解我们的文化差异，不过我们不应该也不可以（至少现在不可以）同意这就是网站设计的最佳实践。


	跨文化的网站设计不能说不可能，但确实极端艰难。超越了语言的阻隔，还存在着不可跨越的审美阻碍。这不是件坏事，每个人都是不同的，每种文化也不同。不过我相信，在跨文化的交流和沟通过程中，某些此文化中独有的东西必然会保留下来。网站设计就是其中之一。

	

	原文名称：Why Is Chinese Web Design So Bad?
	原文地址：http://thinkvitamin.com/design/why-is-chinese-web-design-so-bad/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Nick Johnson，tangbonze 译]]></author>
        <source><![CDATA[译言网]]></source>
        <pubDate>2011-01-28 17:23:35</pubDate>
    </item>
    <item>
        <title>Web编程很难！！</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011011984512035576237.html]]></link>
        <text><![CDATA[
	Web很难学！

	说老实话，我过去对那些互联网公司很生气，我送去简历，他们却根本不给我一点机会和时间。我已经很久没有向互联网工作职位投过简历了，因为我知道我的简介会被第一个丢到废纸篓里。

	两个月前，我还不能理解为什么互联网公司对我的大量的C/C++/指令控制/嵌入式系统的简历毫不感兴趣。现在我知道了。下面写的就是为什么 &hellip;

	Web软件开发体现了一种全新的思维方式。例如，我过去是用微软的.NET来做界面程序的。当经过了几个月的CSS，HTML，JavaScript学习之后，我可以老实的说我很惭愧。做为一个非Web软件开发者，我想起了曾有无数的嵌入式软件技术人员随手把Web编程工作写作一种&ldquo;琐碎的&rdquo;或&ldquo;无聊的&rdquo;工作。然而，经过了过去两个月对Web编程的钻研，我发现事实正好相反。

	就让我们先看看前端的这些东西：

	学习CSS，HTML，JavaScript，Jquery 以及把它们之间的相互作用关系搞通，并不是件容易的事情。事实上，对于那些从 .NET，C++ 或 Qt 思维模式过来的人，它会困难的让人沮丧。GUI Toolkit这些东西跟Web前端的东西比较起来显得笨头笨脑没有灵性。


	这个世界已经永远的抛弃了那些设计糟糕的、令人讨厌的桌面图形界面。而互联网对此要求的近乎苛刻 &mdash; 一个糟糕的用户界面设计会毁了一个互联网公司。人们经常在说，Facebook更简约的界面设计正是致使Myspace逐渐败退、几近消亡的关键原因。有一个在一个新近突起互联网公司工作的软件技术人员告诉我：每天，新代码都会受到考验，来自不同地区的数百万的用户采用不同的方式，使用任何你能想到的软件、硬件对程序进行测试。你在数秒钟内就能获得反馈信息。如果某处改动可能会导致某种灾难性错误，我们可以只向1%的用户开放，并记录一切发生的事情。很遗憾，大多数桌面图形程序不会遇到这么大的压力。


	桌面图形程序很容易跨平台。然而，面对着这么多不同的浏览器之间的细微差别和各自的奇特的癖好，你想让这样优雅的前端代码在它们中都能正确的运行，这更难。



	现在，让我们讨论一下系统配置：

	嵌入式系统通常是文本文件(如XML)来保存系统配置，运行时加载到内存里。的确，你可以做出一个嵌入式的Web前端来作为管理工具，用户通过这个前端修改配置，但配置信息仍然存储在一个简单的文本里，有时，当简单文本体积增大的一定程度时，人们会使用小的sqllite3数据库。而web里，它要求的是巨大的、精心设计的关系型数据库，例如mysql，更不用说那些数目众多的只是看起来像数据库东西，如memcache, CouchDB, MongoDB, NoSql 。


	在web编程中我唯一能用上力的部分只有后端的server程序。可是当遇到大数据问题时，我又不行了。我就像离开了水的鱼。

	我要再说一次：Web编程很难。它让我感到惭愧。在我努力学习它。

	

	原文名称：Web Programming is Hard !!
	原文地址：http://www.shubharamani.com/wordpress/?p=31
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[shubhara，外刊IT评论 译]]></author>
        <source><![CDATA[外刊IT评论]]></source>
        <pubDate>2011-01-19 15:21:39</pubDate>
    </item>
    <item>
        <title>PNG现状整理</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201101154256684838.html]]></link>
        <text><![CDATA[	
		PNG现状整理：http://calendar.perfplanet.com/2010/png-that-works/
	
		png无损伤压缩工具：http://www.advsys.net/ken/util/pngout.htm
	
		PNG这种文件格式值得科普下,对比GIF来说：
	
		PNG和GIF都支持动画
		PNG的动画也叫APNG,只是firefox支持,详见http://ooxx.me/apng.orz ,如Firefox看这里的favicon,是会动滴
		所以动画图片来说,还是GIF支持最好
	
		第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF
		他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明
		但是PNG由于算法的优势,体积比较少
		所以,静态GIF完全可用PNG8取代
	
		第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度
		这种优点在于比PNG24/32体积小,但效果一样
		缺点在于IE6支持不好,会显示灰底
	
		第三种PNG叫PNG24
		和PNG8的区别仅在于体积更大
		比较尴尬的存在
	
		第四种PNG叫PNG32
		和photoshop的PSD一样,是Fireworks的默认源文件格式,包含图层和通道信息
		和PNG24的区别在于有图层
	
		简单的归纳就是
	
		动画:
		支持: GIF, PNG只在firefox支持
		不支持: 非Firefox的PNG
	
		索引色透明(某像素是全透明还是全不透明):
		支持: GIF/PNG都支持
		不支持:IE6下的PNG8(Alpha透明)和PNG24/32
	
		Alpha透明(可指定透明度): 
		支持:PNG8(Aplha透明)/PNG24/PNG32
		不支持: GIF/PNG8(索引色透明)
	
		图层
		支持: PNG32
		不支持: PNG8/PNG24/GIF
	
		颜色
		256色：GIF PNG8(2种)
		其他的格式颜色数不过来,好多
	
		http://ooxx.me/png.orz]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[未知]]></author>
        <source><![CDATA[CssRain.cn]]></source>
        <pubDate>2011-01-15 23:24:07</pubDate>
    </item>
    <item>
        <title>2011年五大网络前端技术展望</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011011020376191.html]]></link>
        <text><![CDATA[
	刚刚过去的2010年里，我们看到了HTML5技术的崛起，以及CSS3的日渐成熟，经历了Rails 3.0 新版本的推出，以及全球范围内采用的@font-face selector 技术（属于CSS3 部分内容）等等一些更多的新技术和新鲜事情。总之，2010年对于web前端开发人员来说是一个忙碌的一年。

	2011年将会有什么web前端技术出现或者成熟？一下列举了5个web技术以及技术趋势，我们认为这些技术应该会在今年进入我们的视线范围，有些列举项虽然不是具体的web开发技术，但无论如何，都会或多或少的影响到我们。

	

	1. jQuery Mobile jQuery 移动应用

	jQuery 已经成为JavaScript事实上的代名词，很大程度上是因为其可扩展性，易用性以及在项目管理方面可控。随着用于平板电脑和智能手机等设备的触屏优化技术的演进，以及与此相关的web框架的发展，jQuery Mobile 将成为跨平台，支持多设备的手机应用的非常重要的技术选择之一。

	

	越来越多的开发者开始考虑使用html5技术来开发移动应用，建立一个稳定的易用性好的JavaScript框架将成为移动技术开发人员的重要选择。jQuery Mobile具备成为这一框架的事实上的基础。（因jQuery目前的应用范围相当广泛和普遍） by Christina Warren 。

	

	2. Hardware-Accelerated Web Browsers 浏览器硬件加速技术

	

	由于ie9使用了 DirectX10以及硬件加速技术，大幅度提高了浏览器的速度和承载能力，因此Internet Explorer 9 (IE9) 目前相对于其他竞争对手来说速度奇快。Google 和 Mozilla 必然会争先抢后地使用这些相关技术譬如硬件加速技术来应对来自 IE9的压力和竞争。今年，我们大家的浏览器定会飞速，对我们大家绝对是利好消息。by Ben Parr Co-Editor

	

	3. Node.js 技术以及服务端JavaScript技术

	

	Node.js技术被很多网站描述成为 事件驱动的 JavaScript V8 引擎。本质上，他是一个工具，为了用JavaScript技术来编写服务端事件驱动的工具集。什么意思？简单的说，技术编程的时候，根本不需要等待 一个输入输出I/O 操作完成才能去进行另一个输入输出操作。对于 Node.js 来说，意味着它可以在服务端做所有数据运算等工作，减轻了客户端的压力。对于一些数据处理类的app应用来说，像是像 实时应用、搜索引擎web爬虫、文件上传，流媒体技术等等，速度是至关重要的首要环节。

	Node.js 作为web前端技术实现显示层扩展到使用服务端JavaScript技术，将在 2011年受到广泛的应用。想了解更多的技术原理等详情，请查看 Simon Willison 的博客。byJosh Catone, Features Editor

	

	4. 点击分享实时化 Real-Time Clickstream Sharing （点击分享后立即呈现该分享内容到社区或者网站等）

	

	有无数多的方法来实现将用户分享的内容呈现到互联网上，包括今年出现的一些社交网站分享或者一些在线分享或者在线发布工具等。随着大规模集成分享按钮的应用，以及逐渐采用客户端、weidget页面组件、和在线书签等的应用方式，这，将使分享越来越容易和简便。实时分享的下一方向将会是个人在线阅历或经验分享，在 2011年，这点将会决定互联网是否更加好用。byErica Swallow 编辑助理

	

	5. NoSQL Databases 无需SQL语句的数据库技术

	

	NoSQL，是一个泛定义词汇，用来说明取代现有使用SQL的数据技术，这种NoSql技术不会采用目前已经广泛使用的传统关系型数据库技术。这种NoSQL技术近些年已经开始兴盛。无表数据库技术已经被Google Amazon 谷歌和亚马逊等巨头所关注，其取代技术有 Google的 BigTable技术和 亚马逊Amazon的 Dynamo技术，阿帕奇的Apache Cassandra, MongoDB, CouchDB, Voldemort 以及Riak技术等等。

	诚然，不同的技术实现不代表着新技术是更好的，我们肯定不会像扔掉小孩子一样轻易放弃原有技术，技术实现的过程总是有所取舍。就像Ted Dziuba wrote所说，&ldquo;by replacing MySQL or Postgres with a different, new data store, you have traded a well-enumerated list of limitations and warts for a newer, poorly understood list of limitations and warts.&rdquo;（大致意思为：选择取代 MySQL或者 Postgres数据库技术，而使用一个新的不同的技术方案，就意味着你已经使用了一个有很多局限性的不成熟技术，来取代另一个毛病多多的旧技术。）

	尽管如此，NoSQL技术在 2011年仍然将是唯一的一个取代目前关系型数据库的新技术，这个新技术在过去几年发展，一直朝着这个方向发展。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[鸟人网]]></author>
        <source><![CDATA[鸟人网]]></source>
        <pubDate>2011-01-10 15:47:07</pubDate>
    </item>
    <item>
        <title>什么塑造了2010年度网页设计业？</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201101091268165.html]]></link>
        <text><![CDATA[
	

	在2009年末，我曾坐下来想了想网页设计会向何处发展，正在发生的一切将会引向何方。我提起笔来（确切地说是坐在键盘前）写下了《2010年塑造网页的五项科技》，力图总结一下正在驱动我们这个行业发展的科技趋势和行业发展的方向。为了真实的反映过去的一年都发生了什么，在本文中我会讨论一些塑造了2010年网页设计业的科技和趋势。

	

	新的标记语言：CSS3 和HTML5

	毫无疑问，在2010年中标记语言有巨大的发展。W3C理事会曾建议在几年之后最终确定CSS3和HTML5语言的地位（原本预计HTML5的地位最终会在2022年确立），可它们却已迅速成为新的标准。

	

	幸运的是。和IE9一样，当今的浏览器如Safari, Chrome, Opera, Firefox，都意识到了CSS3和HTML5对于移动平台和传统电脑桌面的的价值。它们都进了一步，将CSS3和HTML5投入应用，而不再只是做为样本。

	对我而言，当看到2010出版的相关书籍，不少关于CSS3和HTML5的文章标题，如《无情的网页设计业》, 《网页设计者的CSS3》和 《网页设计者的HTML5 》时，我能总能感觉到一些更为切实和权威的意味&mdash;&mdash;这只是冰山的一角。

	伴随对新语言的性能进行的无数实验和概念验证，网站设计者和浏览器供应商有了新的觉悟，这也把他们引入了主流。

	也许开始赢得众多怀疑论者的是这些新规范在IE9中的应用&mdash;&mdash;在最常用的浏览器中的重新运用&mdash;&mdash;结果很受欢迎。微软浏览器的标准基于（大部分）其它浏览器供应商正在使用的标准，这意味着CSS3和HTML5在现今的项目中还是可以用的。

	

	IE9或许还不能支持CSS3和HTML5的所有特性，如你在谷歌浏览器和火狐浏览器中所看到的那样，但微软的工程师的确已经做出了很大转变，朝正确方向的转变。

	即使在得到各种浏览器的全面支持之前，JavaScript助手资源库也扮演了很重要的角色，使得我们可以使用新CSS和HTML的特性。开放源代码项目如：Modernizr，HTML5 shiv, 和 HTML5 Boilerplate 继续帮助网页设计者和网络开发者通过这些新的标记语言标准日益提升其产品的性能，同时又能迎合那些已经过时的浏览器。

	

	网页排版

	通过CSS @font-face规则排版对网页设计也有很大的帮助。新的网络服务如Google Font API 和Font Deck，以及原有的TypeKit使得设计者可以跳出原来少量的网络安全字体的限制而有了更多的选择。

	

	

	移动互联网

	2012年2月17日，平果发布了iPad。iPad、笔记本电脑、MacBook Air和Android smartphones之类的超级便携电脑使浏览器脱离了传统的静态桌面转向沙发、机场休息室、火车及公园长凳上，实际上可以说是所有能接收无线网络信号的地方。

	

	另一方面，去年有许多关于CSS3设计网页的讨论（和更多的应用）方面的媒体调查和反馈，使设计的网站可以在多种不同的平台展示。

	通过设计iPad应用程序、设计现有网站的易用的移动版本、使用平果软件开发工具包设计iPhoner应用程序或利用开放的技术即设计HTML5 语言的iPhone程序， 很多设计者已经进入移动网络领域。

	

	社交网络

	2010年网络社交继续发展，甚至还有一部关于网络社交的电影！毋庸置疑现在网络社交比任何时候都要流行。对很多人而言，Facebook就是因特网。

	我们已经看到了网络社交的文化效应，如某人网上的推特，还有Gap，这个国际大公司在Twitter和Facebook用户公开批评其选择后改换了公司标志。

	

	有人说，并不是所有的网络社交理念都实现了， Google Wave做到了，谁不同意？

	

	JavaScript

	如果我问你在去年JavaScript做为一种标记语言发生了哪些变化，你或许发现并没有多少。新的JavaScript在开发方面的进展有些让人失望，尽管ECMAScript 5让人看到了JS引擎在现代浏览器中局部地应用（如FireFox）。

	无论怎样，在去年通过做为CSS3和HTML5的业务引擎，JavaScript已为网页设计者和网络开发者所熟悉。JavaScript是HTML5中许多令人兴奋的功能的驱动程序, 如canvas的APIs, 音频, 视频, 网络存储等。我们可以看到服务器端面脚本语言在项目中的应用(如node.js)使客户端和服务器端和服务器端面实现无缝对接。

	简而言之，JavaScrip比以往更流行了。Promote JS之类的项目对做到更好的文件编制有所助益并且激发了对JavaScript的讨论。

	

	2010年下半年涌现出大量的新的JavaScript的博客，同时原有的博客的关注度也大为提高。JavaScript周刊等通讯刊物高调报道了关于JavaScript的相关新闻。

	JavaScript在新闻报道中被提及的次数较之2010年以前大为增加（通过Google Trends 的统计可以看出），这一数据证明了JavaScript在主流设计领域中正日益流行。

	

	

	原文名称：Things That Shaped the Web Design Industry in 2010
	原文地址：http://sixrevisions.com/web-technology/web-design-industry-2010/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Dave Sparks，王五 译]]></author>
        <source><![CDATA[译言网]]></source>
        <pubDate>2011-01-09 13:28:27</pubDate>
    </item>
    <item>
        <title>WDL：2011年网页设计发展趋势</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110109352804346.html]]></link>
        <text><![CDATA[
	设计与开发之间本有一线界限，但当时代步入又一个十年，这个线变得更加模糊甚至感觉不到它的存在。使用PS设计网页版面，足矣？或许五年前是吧！现在的互联网用户要求越来越多。没有内涵的华丽很快就会被丢弃。如果你追求华而不实的设计，那么相信你很快会被时代遗弃。2011年不再属于单纯的华丽而是注重功能。新的一年或者未来十年的设计趋势是响应设计（responsive design）、持续联系（constant connection）和虚拟现实（virtual reality）。

	作为设计师的你，2011年会作神马打算？真正的设计师设计的东西不是为了哗众取宠而是在艺术和功能上做到两全其美。。肤浅的赞赏易得肤浅的设计也易被遗忘。出色的设计师犹如造梦师，给用户创造一个梦境，让用户感觉到如此真实而不知道自己是在梦中。这样的梦需要几个元素：优秀的配色，直观的设计，良好的交互性和快的响应速度。此外，永远不要低估简约的力量。2011年，你的设计不但要考虑笔记本、台式电脑，还要考虑智能手机、上网本和平板电脑等设备。你都准备好了吗？

	2011年网页设计趋势有何变化？一起关注11个网页设计趋势热点：

	

	1. 更多的CSS3 + HTML5

	这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在2011年CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之。2011年，Flash渐行渐远，魔术师&ldquo;HTML5&rdquo;成为舞台的主角：

	
	mrdoob.com
	
	www.zefrank.com

	当然，说HTML5代替Flash为时还早。从上面的两幅截图你可以知道Flash和HTML5还是有差距的。因此，2011年两者会各自保持属于自己的位置。不过2010年以前网页设计师滥用Flash的现象会慢慢减少。现在很少设计师会整个网站都是用Flash设计，他们会在一些可用的地方使用HTML5替代Flash，使网站变得简单运行更快速。然而，目前HTML5还不能够取代Flash，Flash的某些效果HTML5暂时还不能够实现。

	然而最值得人兴奋的是CSS3的应用越来越广，在某些地方甚至超越PS（Adobe表示有鸭梨），因为利用CSS3来实现文字阴影、图片圆角和图片透明实在是easy job。如果你还不会，是时候去了解CSS3和HTML5。

	

	2. 简单的配色方案

	没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果。比如：

	
	toriseye.quodis.com

	只是简单的绿色，通过调节透明度设计出如此美观的Twitter可视化工具。可要知道：这个网页只是用了XHTML/CSS和Javascript，给力吧！

	
	collisionlabs.com

	红色绝对经典，如果配色做得好给人的视觉冲击就更&hellip;&hellip;。上面的网站独特的红色和易友好的文字设计让人不得不为之折服

	

	3. 移动互联网时代的到来

	智能手机，ipad和上网本随处可见，OMG，2011年这个现在将会更加明显。这意味着你的设计需要考虑更多的设备。

	创建适合移动设备的网站不是简单地在原有的设计去掉华丽的元素，那将会是没有灵魂的设计。尽管在原有的设计再设计一个支持移动设备网站是件痛苦的事情。幸运的是，新的技术让一切变得更简单。

	在使用CSS3的情况下，设计移动网页方便多了。最重要的是你可以修改一个CSS文件完成整个网站修改以符合用户使用不同设备进行浏览网页。

	你也可以设计一个移动设备专属的网站，但相信那个网站不久还是要改版的，以现在科技产品的发展速度来看。越来越多的移动网站包括原始网站的浏览选项。如果你不提供这个选项或者你的原始网站没有针对移动网络标准优化，那你并未准备好迎接移动互联网时代的到来。据相关预测，智能手机销量将会超越个人PC。赶快准备好，迎接移动设备大军的来临。

	

	4. Parallax Scrolling

	先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。Parallax Scrolling可以通过一些简单的CSS技巧或jQuery插件来实现（示范站点：站点1 站点2）。Parallax scrolling运用于网页设计的次要元素中可以起到很好的效果：如header、footer或者背景。不过最好不要运用于网站导航，那显得有点不伦不类。

	
	www.rowtothepole.com

	Old Pulteney Row to the Pole 在网站背景使用了Parallax Scrolling特效，打开该网站然后往下拉即可看到效果。

	

	5. 设计需考虑更多的触屏设备

	触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。请问你的设计做到指尖导航了吗？

	作为设计师，我们更喜欢鼠标。当鼠标悬停的时候链接会变得高亮，然而触屏没有所谓的悬停。你将会在设计中如何向触屏设备访客展示链接？

	同样，如何才能做到方便你的游客仔细阅读您的网站？这可能在浏览器标准上存在争议，或者水平滚动触屏可能更加合适。将网站设计类似于杂志的布局更有利于游客浏览你的网站。

	最后，你必须考虑在你的网页设计中使用流体布局（liquid layouts）。2011年，你需要处理的重点不再是屏幕分辨率问题，而是如何做到使访客从垂直到水平阅读你的网站都会清晰。你的设计必须做到灵活以应付任何的挑战。否则你将会成为过去式。

	

	Baby sees the iPad Magic, Copyright Steve Paine, Flickr

	

	6.深度判析

	深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。

	
	www.plantate.net

	Pl&aacute;ntate提供了一个可旋转的3D地球，灵活利用阴影和层等手段。

	
	www.nike.com

	Jordon活动页，3D元素清晰简单，设计非常醒目。（貌似已经撤掉）

	

	7. 大背景图

	大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。

	当然背景图的色彩、内容等都十分讲究，任何情况下都不要破坏用户的体验，不然再漂亮的照片也是枉然。图片类型趋向于一些比较柔和、略带透明的一类，不要影响到网站文字的阅读，讲究协调，易于阅读。

	
	www.somewhere-lefilm.com

	上面的网站使用了高分辨率的图片作为网站的背景，网站主色调是黄色。

	
	www.iflymagazine.com

	This site adds playful animation with its grand scale imagery. Warning: auto-play music.

	

	8. 不拘谨于顶级域名

	严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。

	
	joshsullivan.me

	.me 用在个人展品陈列页、博客是非常不错的。

	
	www.photosheep.me

	另一个.me域名的示范

	

	9. QR: Quick Response

	如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门。但它跟网页设计何干呢？实在匪夷所思。

	这个方形的条形码被称为QR，全称为Quick Response（在&ldquo;QR Code读取器QuickMark&rdquo;介绍过）。使用你的手机拍摄一张唯一的条形码的照片，像魔术一样，手机上读取QR的软件就会打开条形码相关的网站。最美妙的事情是你可以将QR应用到很多地方。应用QR到你的网站，目的是让浏览者拥有一个你的移动网页的快捷方式。你还可以通过在您的网址上放置一个特殊的推介代码QR追踪你的访客。 哈哈，你完全可以使用QR作为你的头像，然后到别人的网站留言、评论。2011年的移动媒体优势更加凸显，而利用这点优势的网页设计是最明智的选择也是将来的发展趋势。

	

	上面是软矿博客的QR. 如果你也想创建一个，猛点击这里 .

	

	10.缩略图设计（Thumbnail Design）

	Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。

	如果你的设计是基于Flash，会存在这样的一个问题，预览将无法显示你的设计元素。

	2011年的一般互联网用户变得更加精明，他们更希望看到更多人性化的导航设计。

	
	www.webdesignledger.com

	

	11. 持续联系/ Life Stream

	Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等。

	最后一点，不是最不重要的一点，是网页设计更加注重人与人之间持续联系，如Life Stream。互联网本身是原始的，枯燥无味的，是人类通过这个开放的平台分享他们的一切才变得多姿多彩。将来人们还会而且加强如lifestreaming的形式进行人与人之间的交流互动。作为网页设计师，你必须了解这个趋势和应对这个趋势。

	2011年，个人博客在Twitter feeds更活跃（不只是连接到Twitter页面的链接），人们会通过Foursquare互相传递即时信息，where are u and what are u doing。毋庸置疑，2011年将会带我们走进一个更交心的互联网时代。

	
	www.mickmel.com

	个人网站，使用了 lifestreaming。

	
	www.storyhotels.com

	一个商业网站，在一个页面上综合大量信息。

	

	原文名称：Web Design Trends in 2011
	原文地址：http://webdesignledger.com/tips/web-design-trends-in-2011
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-01/2011194687136086.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Jacqueline Thomas，MK 译]]></author>
        <source><![CDATA[软矿]]></source>
        <pubDate>2011-01-09 00:24:41</pubDate>
    </item>
    <item>
        <title>是的，RSS已死，就像Web已死一样</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2011010767443157427.html]]></link>
        <text><![CDATA[
	　　博客界最近的一场讨论就是关于RSS已死的，或者说它已经严重受伤，亟待抢救的。这场讨论是由英国的设计师Kroc Camen开始的，随后就被四处转发。这场讨论因为TechCrunch 的一篇由RSS开发者Dave Winer 所撰写的博客而愈演愈烈。RSS真的会灭亡么？我们不这样认为，它会像很多其他技术一样，成为实时网络的一种辅助。

	　　Camen 的论点是由在 Firefox 中，找到或者订阅RSS种子都不怎么方便开始的。他说，除了一个RSS图标，你在菜单中找不到任何和RSS相关的东西。但是除了那些技术专家们，没人知道这个图标应该怎么用。我们还不清楚普通用户会怎么看待这一点，还是他们根本就没注意过。就连像IE这样的浏览器，支持RSS也有几年了，但是这个小标志还是没有能够成为主流。

	　　因此我们就可以说RSS死了吗？如果你这么说的话，那么HTML也死了，甚至网络本身就是死的（你也许对&ldquo;RSS已死&rdquo;这个说法很熟悉，那是因为它之前就被提出过不止一次了）。我们有很多的HTML编辑器，让人们可以创建自己的网站和网页，但这些工具也从来没有真正成为主流。HTML已经发展到今天这种地步，人们如果想要有效率的做好一个网站，就需要掌握一些实际编程技巧。这是一件坏事吗？如果你不是一个网页设计师的话就是。HTML 已经成为了网络的一部分，现在它有了比以前更多的功能。

	　　与这一观点相似的就是，Wired 杂志最近发表了他们关于&ldquo;网络已死&rdquo;的说法，这是个根据一些错误的数据和看法作出的推论。他们认为像 iPhone 和 iPad 这样的设备将会用它们的程序取代传统网络。尽管这其中还有一些壁垒存在，比如 Facebook 就试图控制苹果对其环境的进一步干扰。但不管是WEB的发明者Tim Berners，还是法学教授Tim Wu，他们都认为web还将会继续进化，那些程序只是这一进化当中的一部分。

	 

	　　RSS已经成为了获取网络内容的重要方式，这其中有来自博客的，也有像Twitter和 Facebook这样的实时服务的，以及像Flipboard这样的聚合应用程序。Twitter和Facebook有在内容获取上进行竞争么？当然有，但他们也从中受益了。随着像 Pubsubhubbub这样的实时发布工具的推出，RSS成为了我们身边几乎所有应用程序和服务的基础，这其中就包括实时搜索（同时还的确有很多很多人在使用RSS阅读器）。

	　　事实上，RSS在主流用户的意识里不存在，这一情况对它来说其实是一件好事而不是坏事。越早人们可以忘掉它，因为它只是在后台工作，它就会工作的越好。比如，我们许多人都忘记了内燃机是怎么工作的，因为我们不需要再去自己动手修它了。

	

	原文名称：Sure, RSS Is Dead &mdash; Just Like the Web Is Dead
	原文地址：http://gigaom.com/2011/01/04/sure-rss-is-dead-just-like-the-web-is-dead/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Mathew Ingram，Richard Cui 译]]></author>
        <source><![CDATA[Tech2IPO]]></source>
        <pubDate>2011-01-07 10:41:08</pubDate>
    </item>
    <item>
        <title>2010年中国互联网最佳阵容</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20110106643206812107.html]]></link>
        <text><![CDATA[
	　　卷首语：

	　　2010年，是足球运动的世界杯年。2010年，同样也是中国互联网的世界杯年。

	　　南非足球世界杯我们没办法掺和，但我们每一个人却都是中国互联网世界杯结结实实的掺和者和见证者。

	　　忧郁的郁金香再度在宿命中凋谢，曾经激情四射的旧贵族荷兰队被风华正茂的新贵斗牛士们挑翻在地。

	　　那边厢新老交替，这边厢激战正酣。

	　　中国互联网的新老贵族同样在进行激烈的战斗。三足鼎立也好，战国七雄也罢，老贵族们固有的优势惯性依然在2010年所向披靡，新贵们以师夷长技的姿态进入到运动场准备拼杀，但老贵族们也同样习惯向洋人们取经，并开展正面战场冲突。

	

	
	中国互联网2010年度最佳阵容

	　　他们都师出同门，但他们不得不进行同台PK。国外运动员早已铩羽而归，中国球员正以满足观众个性化需求而崛起。

	　　在2010年的比赛中，有的获得了优胜，登上了纳斯达克或者纽交所的领奖台；有的正在博命拼杀，依旧难解难分；有的尚在厉兵秣马，随时准备出击。

	　　是一统江湖还是群雄争霸，是长盛不衰还是突然死亡，是新贵登台还是旧人退位，互联网像极了草坪上的那个足球，在没有落地之前，一切都充满了不确定和变数。

	　　这，正是中国互联网的魅力。人人都可以登台，人人都可以战斗。

	　　年度最佳阵容 

	

	
	阵容评点之周鸿祎(微博)

	

	　　点评：&ldquo;红衣大炮&rdquo;在今年发出了惊天动地的威力。奇虎从网站转型到安全，红衣大炮一直蛰伏，从2009年对金山瑞星等同行的炮轰到今年的3Q大战，红衣大炮屡战屡胜，此武器的唯一缺点是不能批发生产。

	

	
	阵容点评之张朝阳(微博)

	　　点评：&ldquo;再造搜狐&rdquo;成为了互联网&ldquo;老人&rdquo;张朝阳的口头禅。着力于搜索、视频、游戏、web2.0四大业务，亲自担纲搜狐微博业务、成为超级&ldquo;话痨&rdquo;，这位已经品尝过IPO成功的CEO正在带领搜狐人开始二次创业和冲锋。

	

	
	阵容点评丁磊

	　　点评：和九城PK完，丁磊又和版署和文化部纠缠不休，直到《巫妖王之怒》上线，丁磊终于可以长出一口气。网游多产品线整体发展良好，门户收入有所提升，股价和市值上涨，相信，今年应该不是丁磊糟心的一年。

	

	
	阵容点评沈南鹏(微博)

	　　点评：一年造就9个上市公司，沈南鹏简直不是人，成为了众多企业翘首以盼的财神。多年的耕耘和等候让红杉在2010年获得了9次上场机会。不过，任何神话因为太美都容易遭到质疑，都容易被怀疑作假，斯凯的破发与麦考林的过度包装是白璧微瑕。

	

	
	阵容点评之曹国伟

	　　点评：在完成管理层收购后，曹国伟当家做主，门户业务中规中矩，但在对微博投入极度关注并强势执行后，新浪开始焕发新的生命力。

	

	
	阵容点评之雷军(微博)

	　　点评：事实证明，雷军出走金山是正确的。而今的雷军有可能因为投资UCWEB、凡客诚品等多家有望IPO的公司而成为最有钱的人。雷军的成功也证明，在中国，天使投资比风险投资可能更有生命力。稳扎稳打，低头盘球，潜伏的雷军可能成为移动互联网领域的明星。

	

	
	阵容点评之陈天桥

	　　点评：作为一位视野远远超脱互联网领域的谋略家，陈天桥今年在继续布局媒体文化领域。尽管游戏业务增长乏力，酷6尚无盈利希望，但陈天桥的布局仍有可能在未来带来惊喜。

	

	
	阵容点评唐骏

	　　点评：&ldquo;打工皇帝&rdquo;在今年遭遇到了前所未有的危机。还好，唐骏有着强大的内心，面对假学历的质疑，他照样可以若无其事地进行各种高端演讲，确实是属于刀枪不入的超级后卫。

	

	
	阵容点评之马云

	　　点评：将淘宝垂直B2C化，这可能是马云今年对淘宝团队下的最高指示。只是不知，在京东商城、卓越、当当等B2C的步步紧逼下，马云是否更有良策突出重围。

	

	
	阵容点评之李彦宏

	　　点评：今年同样是李彦宏春风得意的一年。由于竞争对手谷歌意外地不战而退，百度突然成为了一个没有竞争对手的&ldquo;垄断者&rdquo;；在上市5年之后，百度的股价也突破了1000美元。进攻不犀利，但依靠长期的防守策略，李彦宏今年意外取胜。

	

	
	阵容点评之马化腾

	　　点评：在&ldquo;狗日的腾讯&rdquo;风靡业界及3Q大战后，腾讯几乎可以说被正式宣布成为全民公敌，而一向低调的马化腾也不得不亲自出面，应付媒体和公众。值得庆幸的是，尽管不知最后开放程度如何，但马化腾的确是在带领腾讯进行逐步开放。

	

	
	替补点评

	　　点评：熬了十多年的李国庆(微博)终于在今年底搂着媳妇和带着前女友风光的上市了。获得巨额融资的刘强东(微博)也正在经受快速增长所带来的阵痛。用了5年时间，古永锵(微博)将优酷带上市，并创造了令人咋舌的股价涨幅和市值。尽管优酷正面临巨额亏损，尽管投资人仍质疑优酷的巨大风险，但我们不得不说，古永锵在正确的时间做了一个正确的决定。王微还是那个充满忧郁气息的文艺小青年，5年的训练可能获得新的进场机会。作为国内最知名的互联网创业&ldquo;模仿者&rdquo;，王兴(微博)继校内、饭否后，今年进入了最热门的团购业。希望王兴这次不要那么背。&ldquo;域名大王&rdquo;蔡文胜终于可以摆脱普通话烂的沟通屏障，开始对全世界&ldquo;发声&rdquo;。今年，蔡文胜(微博)依靠微博成为了红人，也成功地进行了自我品牌营销。莫天全则在创业11年后将搜房网成功上市。

	

	
	最佳外教

	　　点评：中国互联网没有主教练，有的只是光说不练的假把式，所以，我们只好评选出外教组。乔帮主功高盖世，每一次闭关后推出的产品必定是绝世神品，忽悠得群众屁颠屁颠跟随模仿和练习粗浅入门把式。社交网络之王、时代杂志年度人物扎克伯格却羞涩得像个邻家男孩，到中国拜访只是悄悄的进村，在李彦宏那蹭了顿饭，让无数女粉丝眼馋又着急。马克&bull;平卡斯像个教主，他率领的zynga社交游戏让中国的游戏开发者只有唉声叹气。还有那只愤怒的小鸟，猎杀了多少粉丝的心，一只小鸟引发的效应正在被应用开发者们焚香膜拜。

	

	
	最佳主裁

	　　点评：工信部以一种化骨绵掌的方式，在腾讯与360杀得难解难分之际，用行政命令点中两家穴道，要求不要再吵了，这场丛林野蛮战得以暂缓。在经过工信部、公安部等部门的&ldquo;劝说&rdquo;后，腾讯与360开始劝退观战用户，并各自轮番道歉，但他们都把自己先夸了一遍，在他们眼里，只有对手的阴狠毒辣，却没有自己的不是。

	

	
	最佳球员

	　　点评：周鸿祎是武林里最有弹性的那根弹簧。发狠斗气、睚眦必报是他的标签。只要对手敢于施压，他一定是一触即发，绝不手软。迄今已经有多位武林高手败在他的手下。2010年，我们把MVP颁给他，是因为他不畏强敌的勇气。

	

	
	最佳新秀

	　　点评：王兴是一个善于模仿和学习、但心理素质一般的选手。连续几次充当美国互联网新兴浪潮的急先锋和传教士，每次都有一群八股文高手紧随其后随时模仿。在连续折戟校内网、饭否网之后，王兴再次在2010年将团购从美国引进到中国，引爆千团大战。能够连续三次依靠模仿独占先机，但他仍然只是个新秀。

	

	
	最高上座率比赛

	　　点评：史上最惨烈的武林核战。现场超过1亿观众，核武器的威力波及了数千万观众。另有数亿其他观众通过电视、网络、报纸等转播方式收看了比赛，堪称前无古人后无来者的最猛决斗。在这场你死我活的较量中，有人收获了口碑，有人吸取了教训。每一次核战过后，武林都会重新洗牌，但愿这次也不例外。

	

	
	最受关注比赛入围奖

	　　点评：除却3Q年度大战，其他门派也是烽烟四起，狼奔豕突。千团大战、微博大战，是2010年开始萌发的门派大战，目前仍然在继续。武林各派或通过收买、或通过扼杀等方式苦练移动互联网神功。中国社交网络高潮未至，却发现风头已被微博抢走。社交游戏开发者们即便坐船出海，也仍然未能占得丝毫便宜。

	

	
	最热心观众

	　　点评：贾君鹏犹如一个中了大奖的幸运儿，众人均在欢呼雀跃，他本人却不知道自己中了魔兽大奖，兑奖期过了，网民一直在欢呼。凤姐依靠自己出位的表达和行为在2010年网民中引起了争议，成为新一代网络红人。芙蓉姐姐作为老牌网络红人，依靠一些正面的行动，逐渐扭转出道以来的负面形象。

	

	
	最佳标语

	　　点评：现如今，入官场需要和官二代PK，入情场需要和富二代PK，连进入娱乐圈都需要和星二代PK。如果你爸不是李刚，那还是赶紧听你妈的话回家吃饭，都看开吧，神马都是浮云，还是热情的中国网民最给力，围观也是一种美德。

	　　结束语：

	　　互联网就像一盒巧克力，你永远不知道下一步会得到什么。只有亲自参与其中才能知道每一颗巧克力豆的滋味。

	　　向2010年的互联网说再见。2011年，互联网，你好！
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[搜狐IT]]></author>
        <source><![CDATA[搜狐IT]]></source>
        <pubDate>2011-01-06 12:58:51</pubDate>
    </item>
    <item>
        <title>10个让你的网页设计很糟糕的原因</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20101230063356.html]]></link>
        <text><![CDATA[
	良好的网页设计是件很难实现的事情。一个好的网页设计，不仅吸引眼球，也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计，你的用户也会再次回来。而一个坏的网页设计，会把你的用户从你的网站上赶跑。

	在设计一个网页时，有许多地方会让许多设计师误入歧途。在本文中，我们会讨论10个让你的网页设计很糟糕的原因以及如何解决它。

	想看看好的网页设计吗？点击这些链接可以获得设计灵感：

	
		30新鲜的网页设计灵感
	
		30个漂亮的大图背景设计
	
		30个巧妙的蓝色网页设计
	
		30个美食及饮料网页设计
	
		出色的登录及注册表单设计
	
		45个啤酒及啤酒厂网站灵感
	
		好用又好酷的iPhone应用程序网站
	
		充满灵感的摄影师作品网站


	让我们知道你的想法，如果我们错过了让你的网页设计很糟的原因，请留下评论！

	

	1、没有足够的空白

	

	空白可以说是设计中最重要的一部分。它有助于防止用户在浏览网站时变得疲惫，它可以在内容中划出距离，而且它本身也看上去不错。空白不是必须用白色的，而是，它仅仅是为其他设计元素提供间隔和缓冲的空间。

	看看AlistApart怎么说空白

	

	2、太多的字体

	

	是的，我知道你刚买了一组5000个超级棒的字体，但为了你的网页设计，不要一次性全部用完。一般来说，限制自己，只用少数几种字体是个好方法，特别是对新手设计师。尽管你可以用衬线和无衬线字体混合出一种非常好看的设计，你也要知道该用在什么时候、什么地方，心里要有计划，否则，它看起来会很奇怪。

	网页设计排版技巧

	

	3、太多的色彩

	背景一种颜色，内容文本一种颜色，链接一种颜色，页头和lightbox一种颜色，图案和页脚各一种颜色。这很好，因为它帮助区分了有用的内容。但是，多重渐变、几种鲜艳的色彩和大量有鲜明对比的色调及饱和度，会破坏你网站的层次和空白概念。尝试限制自己只用一种鲜艳的色调（如蓝色），再搭配反相的单色（白、灰、黑）以获得一个漂亮的结果。

	

	4、没有内容层次

	

	用户的眼睛喜欢有秩序的设计，如头部包含导航和LOGO，特定内容使用lightbox，三列分栏，页脚。它有助于在内心组织重要的信息，并引导用户注意在你想让他注意的地方。在传统艺术中，新手们被教导色彩、价值和线性透视三原则和其他艺术指导。在网页设计中，没有特别命名的准则，但以直观的方式组织你的内容是一条很好的经验规则。

	对比度与内容层次

	

	5、不考虑用户的分辨率

	是的，你的屏幕分辨率有2560像素，这非常好。但很多人还在屏幕上用1024像素的分率，有些还在用640*480或800*600。虽然这种分辨率的显示器正在减少，但采用更小的分辨率的手机设备也来了。现在的网页设计宽度标准是960像素，虽然没有照顾到每一种分辨率，但在主流分辨率上可以呈现的最好。假如你希望面对大量的手机用户，最好考虑一个手机版设计。

	

	6、对比的问题

	

	你考虑过阅读黑底白字和白底黑字的不同吗？你有没有试过阅读一下白底灰字？有些方式之所以比其他的更好，其原因就是这是一种眼睛感知到对比的方式。如果你很难舒服的阅读文字，考虑一下改变字体大小或方式。

	成为一个大师级网页设计师：对比，对比，对比

	

	7、同一件事情做的不够或做的太多

	多重导航非常好，如一个在页头一个在页脚。在页脚加一个&quot;返回顶部&quot;的按钮也很好。但是，太多指向同一目标的途径会降低可用性。让你的奶奶用下你的网站，如果她搞不定，想想哪些东西让初次访问的用户拒绝使用这个网站。

	

	8、不一致

	一致性是网页设计的关键。它是把网页设计组织在一起的方式，可以创造一种紧密结合的感觉。在网站页面互相链接的情况下，它可以帮助用户把所有页面都联系在一起。如果你在整个网站持续改变字体、大小和色彩，用户很快会觉得不知所措。

	

	9、没有足够的文字间距

	

	与空白有关，文字间距有两个部分，一个是字距（这个不能用CSS直接调整，可以通过一些高级技术解决），关系到字母之间的空白。一个是行距，可以用CSS直接调整，关系到两行文字之间的距离。这些有助于区分行与段落，使用户更容易阅读文字。

	

	10、贫乏的尺寸大小

	标准做法是h1的文字大于h2的文字，头部文字大于段落文字。尽量保持一致的尺寸，因为它有助于一致性（第8条）和内容层次（第4条）。保持文字的可读性，但不要太大，让字体的大小表现信息的重要性。还有，10像素以下的尺寸对大量阅读的人来说太小了。

	好了，你已经看完了。现在你应该可以发现自己设计中的问题、评论别人的设计、成为一个大师级网页设计师了。我们错过了什么让你的网站糟糕的原因吗？在评论中让我们知道吧！

	

	原文名称：10 Reasons Your Web Design Sucks
	原文地址：http://creativefan.com/10-reasons-your-web-design-sucks/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Eric Shafer，龙南客 译]]></author>
        <source><![CDATA[龙南客]]></source>
        <pubDate>2010-12-30 15:07:32</pubDate>
    </item>
    <item>
        <title>TechWeb 2010 年终大盘点</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2010123054426025813.html]]></link>
        <text><![CDATA[
	回首2010，IT界是风云际会风起云涌。总的说来，有三大关键词。大公司忙着布局圈地（）；大中型公司悲喜两重天，有成功IPO市值暴涨的，有在大佬底下，还有跟巨头互殴或与其他小兄弟大打出手的；小站长更多的则是。

	展望2011，这种趋势似乎只会是愈演愈烈：第一波倒下的会是众多音乐网站小站长，开心网人人网淘米网也都为上市摩拳擦掌，巨头的跑马圈地仍然紧锣密鼓的进行着。或许，也但愿，中国互联网会真正进化出另一种的生态：大公司做平台，小公司做应用。相逢一笑泯恩仇，有钱大家赚。

	

	十大国内新闻

	新浪微博爆发
	截至2010年10月底，新浪微博用户数已达5000万，并举办了中国首届微博开发者大会。

	优酷当当上市
	12月8日，在线视频公司优酷网与B2C元老当当网双双在纽约证交所挂牌上市。

	腾讯大战360
	从右下角的客户端暗斗到&ldquo;艰难的决定&rdquo;，终于引起了工信部干预和国家领导人的注意。

	阿里巴巴的十月围城
	雅虎入股阿里巴巴集团五周年之际，阿里急于赎身，而雅虎不愿出售股份，双方关系微妙。

	国美控制权之争
	8月4日，黄光裕一封要求召开股东大会罢免陈晓等职位的函件，正式拉开国美控制权之争大幕。

	千团大战
	2010年，全国各地团购网站雨后春笋般诞生，其中部分发展壮大，也暴漏出一些问题。

	创业板周年
	或许当创业板企业走向末路，它会借用《三国杀》里陆逊阵亡时说的台词回答：&ldquo;我还是太年轻！&rdquo;。

	唐骏造假风波
	&ldquo;打工皇帝&rdquo;唐骏深陷学历造假门，遭到&ldquo;打架斗士&rdquo;方舟子在微博上源源不断的炮轰和质疑。

	腾讯收购康盛创想
	8月23日双方正式宣布协议。腾讯此举与拥有PHPWind的淘宝正面交锋，中小网站资源争夺战升级。

	百度遭黑客攻击
	1月12日，由于域名商重大疏忽，致使百度域名解析遭到不法分子恶意篡改，给百度造成严重损失。

	

	十大国际新闻

	这一年，总体来说，国际新闻是惊喜更多

	1. 扎克伯格当选《时代》年度人物

	2. 惠普CEO被迫下台

	3. 维基解密网站揭露黑暗现实

	4. iPhone 4强势发售

	5. 苹果iPad开启平板电脑时代

	6. Twitter用户破亿

	7. 谷歌发布Chrome OS

	8. 团购网站Groupon拒绝Google 60亿收购

	9. Foursquare用户猛增

	10. 社交游戏公司Zynga快速增长

	

	十大上市互联网公司

	酷6网（KUTV），8月17日登录纳斯达克。

	优酷网（YOKU），创美IPO市场5年来最大涨幅。

	搜房网（SFUN），莫天全：认购额超25倍。

	斯凯网络（MOBI），号称移动互联网第一股。

	当当网（DANG），创始人李国庆夫妇共持股43.8%。

	麦考林（MCOX），股价跳水，诉讼缠身。

	乐视网（300104），坚持以收费视频为主。

	顺网科技（300113），上市不到4个月推出重组计划。

	易车网（BITA），表现活跃 曾获联想投资。

	ChinaCache（计划代码&ldquo;CCIH&rdquo;），CDN服务商融资1亿美元。

	

	2010年互联网&ldquo;掐架门&rdquo;

	这一年，发生了不少斗争，甚至&ldquo;超越&rdquo;了口水战

	1. 腾讯与360的右下角战争
	2. 京东当当的价格战
	3. 真假开心网
	4. 陈晓黄光裕之争
	5. 阿里巴巴股权
	6. 金山网盾与360的不兼容
	7. 酷6与优酷的&ldquo;流量门&rdquo;
	8. 《计算机世界》的封面报道惹恼了腾讯
	9. 百度360互诉
	10. 方舟子打唐骏的假

	

	iPhone年度十大应用

	iPhone应用游戏当头
	2010年度10大iPhone应用全部是游戏。
	1. 愤怒的小鸟（Angry Birds）
	2. 涂鸦跳跃（Doodle Jump）
	3. 滑雪球（Skee-Ball）
	4. 宝石闪电战（Bejeweled 2 + Blitz）
	5. 水果忍者（Fruit Ninja）
	6. 断绳游戏（Cut the Rope）
	7. 超级游戏盒子（ALL-IN-1 GAMEBOX）
	8. 蠢蛋测试（The Moron Test）
	9. 植物大战僵尸（Plants vs. Zombies）
	10. 口袋上帝（Pocket God）

	

	iPad年度十大应用
	iPad办公应用也上榜
	苹果周公布了2010年10大iPad免费/付费应用，游戏应用仍是主流，不过与iPhone有些不一样的是，许多办公软件也上榜，比如文字处理程序Pages等。
	2010年iPad十大应用(包含付费和免费)：
	1. Pages（文字处理）
	2. Numbers（电子表格应用）
	3. Keynote（演示文稿应用）
	4. LogMeIn Ignition（远程控制）
	5. SCRABBLE（拼字游戏）
	6. Documents To Go Premium（office文档处理）
	7. 愤怒的小鸟
	8. Real Racing（赛车游戏）
	9. 植物大战僵尸
	10. Proloquo2Go（奇怪的应用，用形象的图片来替代文字）
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[TechWeb]]></author>
        <source><![CDATA[整理自 TechWeb]]></source>
        <pubDate>2010-12-30 13:39:39</pubDate>
    </item>
    <item>
        <title>视频技术进化历程</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012304092420757.html]]></link>
        <text><![CDATA[
	

	过去

	　　远古时代人类只能使用绘画来直观的记录画面，耗费较长的时间，而且还会受到绘画者的水平、偏好、倾向的影响。随着照相机的发明，人类社会进入了影像时代。但是人们没有满足，他们还希望照片&ldquo;动&rdquo;起来，直到1880年法国生理学家马莱伊发明第一台摄像机，人类终于实现了用时间跨度记录画面的梦想。
	　　&ldquo;视觉残留&rdquo;是视频产生的根本原理，由比利时的著名物理学家约瑟夫普拉多发现。经过实验证明，影像滞留的时间一般为0.1-0.04秒。连续的画面以同样的速度逐个播放成为了视频产生的根本条件。而播放的速度根据&ldquo;视觉残留&rdquo;理论，1秒画面数量在10-25张之间，而电影正是采用了24张。

	

	现在

	

	●目前主流视频制作常用手法：
	　　 1.手绘：最早的迪斯尼动画就是动画师每秒画24张，一共接近10万张画面连起来形成1小时左右的动画片，这个工作量是非常惊人的。
	　　 2.定格动画：是以应用很广泛的实体材质，利用照相机拍摄一张张照片，连起来形成的动画。
	　　 3.随着计算机技术的发展，目前三维动画蓬勃发展。
	　　 4.拍摄，比如电影、广告、宣传片的制作。

	●影视拍摄和后期制作的常用手法：

	　　子弹时间是怎么完成的？电影是24格每秒，比如说子弹时间要拍摄2秒，那就需要48部同样的照相机排成运动轨迹，然后用定时设备控制48部机器按0.04秒左右的间隔陆续拍摄。

	 

	　　我们经常看到这些电影的幕后花絮，演员在有一些白色小点的绿布前表演，幻想一些不存在的剧本内容。跟PS里的魔术棒很像，当背景颜色与主体颜色区分明显的时候，就可以直接选取背景做修改。拍摄好的素材通过后期软件去掉绿布，再合成一些需要的背景。白点主要是用于跟踪摄像机的移动，三个不平行的点就可以形成一个平面，这样就可以很准确的反向追踪摄像机的运动。

	

	　　国内蓝布绿布都有使用，可是国外只用绿布，原因是外国人的眼睛有些是蓝色的会被抠掉。搭建场景、安排演员等要花费很多时间和精力，如果一遍不行，还要再来，这个在成本上要花费很多，而采用抠像的方式，在后期很方便修改，大大节省了前期制作的经费。

	　　电影产生之后，视频逐渐向着观众家庭进发，从而产生了电视行业。各个国家在电视信号产生后，电视台和电视机共同实行的一种处理视频和音频信号的技术标准叫做制式。最早是1952年由美国研发的NTSC制，简称N制。1956年法国提出了一种新的电视制式，SECAM。1962年，前德国提出了PAL制。新中国成立后，由于当时的种种政治因素，中国既不想走美国（NTSC）的资本主义路线，也不想跟苏联（SECAM）一样，所以就采用了PAL制。目前世界存在的，就是这三种制式。

	

	　　这张制式地图上美国、日本都是N制，中国、英国都是PAL制，香港由于是以前是英国殖民地，自然而然的也是PAL制，回归之后在这方面也方便了很多，不然要花费很多人力物力来更换设备，这也是制式没办法统一的主要原因。我们买电子产品，一般都是美版、日版或者港版，所以接触最多的就是N和P。N制采用30帧/秒，这是一个约等于的数字，准确的说是29.97帧/秒；而PAL制采用的是25帧/秒。

	分辨率最早是标清（720*576），目前720P以下的都统称为标清。一般包含：720*576、720*405、1024*720、1024*576&hellip;&hellip;

	Full　HD即全高清（1920*1080），是目前新电视基本的方向。一般包含：720P小高清（1280*720）、1440*810&hellip;&hellip;

	

	　　电视画面比例最早是4：3，原因是人类眼睛瞳孔长宽比接近4：3，充分满足视觉需求。16：9则略超出人类视觉范围，产生视觉刺激，是目前发展的大方向，慢慢将取代4：3。电影比例一般根据影片需要，之前是16：9，但是陆续出现接近2：1，甚至3：1的尺寸。

	

	

	将来

	　　随着《阿凡达》上映，3D电影开始火起来，其实很早以前就已经出现了很多3D影视作品，当中更多的是以展示这项新技术为主，一直也没有应用到专业影视行业是因为3D还有很多问题没有解决。

	3D原理图及3D眼镜

	

	　　1.有的近视的人为了看3D电影，不得不去买隐形眼镜。这个问题现在已经有了解决的趋势，任天堂的下一代掌机3DS明年上市，裸眼3D已经可以解决。

	　　2.分辨率限制难以达到高清，目前索尼也在研发3D电视游戏，可是目前的游戏都没法达到高清，这个相信随着技术的进步应该可以解决。

	

	　　3.资源稀少，目前混乱的市场上充斥着大批3D电视，可是我们接触到的3D影片有多少呢？我们接触到的3D影片又有几部是真的3D影片呢？到目前为止就只有：《阿凡达》和《驯龙高手》等。《驯龙高手》等一些3D动画片，制作上基本都是后期完成，《阿凡达》则困难很多。那又有哪些是假3D呢？《众神之战》和《爱丽丝梦游仙境》等就是。

	●真假到底有什么区别:

	　　真3D电影从拍摄即采用专业摄像机，让观众感受到更逼真的3D效果，而假3D利用后期技术，把原本平面的画面转化成3D透视，大体上呈现出3D空间感可是仔细看画面还是片状。

	专业3D摄像机：

	

	以下是用同事照片，经过3D处理的过程，感谢三位同事^^

	

	　　这里利用AE的一个内置插件3D Glasses,（其他软件复制2层，一层去掉红色通道，一层去掉蓝色通道，然后错位混合也可得到3D效果）调节参数后：即可得到上面一张3D照片，有兴趣的童鞋不妨用自己照片试试~

	

	　　环幕是目前应用也很多技术，主要是给人一种身临其境的感觉，在世博会上到处都是利用环幕技术展示的展馆。前期利用设备是把六到九台摄像机架设在专业拍摄设备上同时拍摄。后期经过复杂的制作流程最终形成一个环形的影片，播放场地要求六台投影仪将影片投射在环形幕布上，采用环绕立体声效果很震撼。

	

	　　互动技术主要4D电影和游戏领域应用较多，以前科幻电影里的全系影像，现在已经实现；还有一些4D影院，除了传统的3D视觉震撼之外，还还根据影片的情节精心设计出烟雾、雨、光电、气泡、气味、布景、人物表演等效果。和传统的3D电影相比，观众在观看4D影片时除了视觉、听觉外还能感受到触觉、嗅觉等全方位感受。目前4D电影片源更为稀少，观众选择范围有限，也没有发现正式的商业4D电影。

	　　任天堂是首先开发出互动游戏机的，也就是WII，也是最早开始研发3D游戏机的。可是因为分辨率的问题，很多玩家也想要更震撼的感受，使得任天堂的发展受到限制。而索尼PS3和微软XBOX360都是高清游戏机，索尼基本是抄袭了WII的体感技术，同时也在研发3D游戏；微软目前刚刚上市的体感设备Kinect也很高端，不需要任何的控制设备，完全用身体来控制游戏。

	

	　　前不久的Kinect破解视频，图中人不需要佩戴任何设备用两只手控制PC系统上三维地图旋转定位及写字

	　　目前有些黑客正在用它来研发WIDOWS平台的互动控制，也许用不了多久我们就可以实现手指比划一下，就可以登录QQ同朋友聊天，完全用身体跟我们的电脑操作系统交流的生活了~
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2010-12/video_evo/movietechnology_101.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[YLr24]]></author>
        <source><![CDATA[Tencent WSD Blog]]></source>
        <pubDate>2010-12-30 11:02:18</pubDate>
    </item>
    <item>
        <title>15个值得感谢的网站（国外篇）</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012281881116.html]]></link>
        <text><![CDATA[
	这些免费又好用的网站为我们的生活带来了无限乐趣和便利，感恩到来之时说声&ldquo;谢谢&rdquo;吧。

	我们不必真的去计算一公升与一加仑如何换算，不必真的去图书馆才能找到自己想要的资料，不必实地实地考查就能知道这个季节哪里风景如画最适合旅游&mdash;&mdash;拜万能的互联网所赐，不出门可知天下事。那么，作为一名资深网民，在感恩节到来之际最应该感谢哪些为你的生活提供无限便利的网站呢？我们为您特别挑选了15个最有用的免费网站，看看哪些你最喜欢？

	

	【一般网站】

	1、groupon.com感谢疯狂的团购

	虽然这个网站只为美国服务，但却引领了如今在中国风靡的团购潮流，在通货膨胀的当前尤其值得感谢。当然，现在国内正拼得你死我活的百团大战也有许多网站是值得感谢的，有了它们，享尽天下折扣。

	2、alexa.com最受欢迎网站排名

	

	对于网站来说，排名很重要，因为这是吸引广告的重要筹码。只要在上输入网址，alexa.com就能依据受欢迎程度评出它在世界的排名，而且还能显示出该网站三个月以来的趋势。

	3、Imdb.com殿堂级影迷网站

	世界上最具影响力的电影资料库。从影片到导演到演员，信息应有尽有，是无数影迷心目中的权威电影网站。

	

	【个性资源类】

	1、Instructables.com亲手&ldquo;制作&rdquo;自己的幸福。

	

	这个网站是专门为那些心灵手不巧的人带来福音的。每逢佳节，千篇一律的群发消息已经让人麻木，感受不到朋友之间的真情了。感恩节到了，想自己动手DIY一个别出心裁的礼物送给你生命中最值得感谢的人吗？那么赶快上Instructables.com来学习一下吧。这个网站有手把手教你做各种各样你想做的东西，不光礼物，还有美食、玩具、户外用品等。金钱不一定能买到幸福，但你可以亲手&ldquo;制作&rdquo;自己的幸福。

	2、allrecipes.com成为朱莉

	

	这个网站被誉为&ldquo;最受欢迎的食谱网站&rdquo;，拥有4万道菜的食谱，并且许多都已经被多种美食家品尝并评论过。当然这里还是西式美食居多，如果你想品尝原汁原味的异域风情餐，就来这里看看吧。记得那部名为《朱莉与茱莉亚》的美食电影吗？在这里，还可以注册成为会员，像电影中的女主角一样，把自己的独家美食秘笈发到网上，等着成为大明星吧！

	

	3、linkedin人际关系很重要

	

	这可不是像Facebook或者开心网那样的仅供娱乐的网站，人际关系的真正重要性只有在实际应用中才能体现出来，于是目前有8500万专业人员在使用这个网站互相联系，交流信息、创意和机会。你可以把自己在该网站上的个性化主页链接到简历上，从而在严峻的就业市场帮助自己脱颖而出。

	4、HomeTips家政女王

	

	家里东西坏了怎么办？请人来修麻烦又花钱，自己动手最实惠。这个网站事无巨细地教你应对家里会发生的各种状况，还包括购物指南，而且提供的还是专家级建议哦！&mdash;&mdash;通货膨胀来了，唯一没有上涨的可能是你的工资，所以勤俭持家的道理真是的亘古不变。

	

	【旅行类】

	1、flightstats.com实时跟踪航讯

	相信不少人都经历过航班晚点，一定会深恶痛绝；同时等候自己回家的亲人也必定焦急万分。这时候，及时准确的资讯会为你排忧解难，也可以利用它们未雨绸缪及时调整自己的出行计划。flightstats.com就能为你提供上述服务，不仅可实时跟踪航班状态，还能告诉你目前哪些城市的航班晚点了。

	2、wikitravel.org维基旅行指南

	熟悉的地方没有风景，所以有更高追求的驴友志在发掘那些隐藏在大自然深处的美景。然而这些地方通常很少人去，因此你可查到的参考信息也就少。wikitravel.org正是这样的旅行者服务的，上边的旅行指南大多是针对那些模糊地段的。

	

	【教育类】

	1、Wikipedia维基百科

	第一名当然是维基百科。这个世界上访问量排名第7的网站是一部庞大的百科全书，所有内容均由网友创建。如果你去维基百科上搜索自己想要的资料，就会发现它提供给你的结果呈现出惊人的相关性和深度。

	2、academicearth.org不出国也能留学

	

	不能去哈佛牛津留学，不代表就不能享受这些世界知名学府的资源。这个网站对于莘莘学子来说尤其有用，只要注册成为会员就能看到这些高校的网上课程，还有可能取得学位哟。

	3、Space.com你也能探索太空

	

	哇，这恐怕是最令那些科幻迷们心情激动的网站了吧。在这里，你能找到关于宇宙的一切人类已知信息。

	4、criticalpast.com生日那天历史上发生了什么事

	

	这个网站收集了大量的关于历史事件的图片和视频，还提供一个非常讨人喜欢的小工具：输入你的生日，就能看到那天历史上究竟发生过什么事。是不是觉得自己的生日是很有意义的一天呢？

	5、livingartsoriginals.com花之秘语

	

	看过《达芬奇密码》之后，对符号突然有了一名莫名的好奇心。自然界中符号无处不在，这个网站就可以满足你的这种好奇心，包含各种关于符号及其意义的文章。比如，有文章讨论关于花、树、颜色、神学符号等的意义。

	最后，还要感谢万能的Google，感恩节快乐！
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[李芳]]></author>
        <source><![CDATA[Technology Review]]></source>
        <pubDate>2010-12-28 15:17:39</pubDate>
    </item>
    <item>
        <title>网络字体的美学艺术</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2010122899233.html]]></link>
        <text><![CDATA[
	字体设计师构想更加美观的互联网世界

	与印刷品所拥有的丰富字体相比，网页字体则显得非常贫瘠。实际上，目前用户使用的网页字体还是那些微软于1996年捆绑到Windows操作系统中的10种&ldquo;网页标准字体&rdquo; 。其中一些字体很讨人喜欢&mdash;&mdash;比如字体Verdana和Georgia，它们是马修&middot;卡特（Matthew Carter）当时专门为计算机屏幕设计的。但随着互联网发展得愈发复杂，对屏幕字体更加悦目的需求也变得重要起来，而目前所用的字体是远远不能满足这一更高需求的（译者注：&ldquo;字体&rdquo;此文的意义可比中国的&ldquo;书法艺术&rdquo;）。

	

	也许你可能还没发觉网页字体这个问题，部分原因是互联网页面中充斥着丰富绚丽的标语和标识。设计者把它们当作图片来制作，因此在视觉上显得更加丰富多彩。但在网络页面的文本显示当中，在过去五个世纪中曾经长期被大家所乐见的一些字体，其实并不在当今的网页中。比如Garamond、Caslon，还有Baskerville。这些字体清晰易读，字体间架结构的微妙之处所传达的美感令人感动，并一直为各界人士所称道。我们承认字体（在字义之外）本身即是一种语言，它传达着人们的感觉与状态。还记得在电脑出现以前的手写体时代，人们都有自己的字体，对字体的趣味有时甚至和公司的上级相左。对于公司来讲，用什么字体也是公司的招牌和脸面，公司通常愿意为买新字体花钱，以博得业界对公司形象的好感，同时期望别人也这么做。

	自从浏览器可以加载存储在远程服务器的字体而非仅仅是本地硬盘字体之时起，在这11年间，互联网设计者与字体设计者一直畅想着如何使网页字体更加悦目。随着火狐浏览器3.5版2009年6月正式发布，仿佛第一次感到这个愿景如此近在咫尺。所有主流浏览器终于全部支持了一种新的字体规范（@font-face rule），这种新规范利用层叠样式表语言（Cascading Style Sheets）来控制字体显示。随着设计者努力开发更安全有效的字体传输格式，这一愿景正在破茧成型。去年夏天，在字体与图形设计者参与的TypeCon会议中，讨论了有关格式的实现问题。而答案将在不久由浏览器制造商、字体设计者、互联网设计者、互联网国际标准化组织代表，以及万维网联盟（W3C）敲定。

	但也有一种可能是，历史依旧重演，我们仍得不到新的网页字体。20年前，微软发布了名为EOT（Embedded OpenType，嵌入式开放字体）的格式，这开启了互联网的字体时代。EOT将被嵌入到Microsoft Office的文件包中，来用于字体的桌面显示。它压缩了字体文件以便下载，以及合法使用这些字体的操作指南，并允许将字体加密。但在当时，微软IE浏览器的强大对手Netscape浏览器却选择了另一种格式，图形设计师不得不设计两种字体版本的网页，或者选择只使用其中一种字体格式进行网页设计。因此，对互联网字体的梦想在当时落空了。

	如今，当微软的竞争者采用其他技术路线时，微软再次推广EOT。推行EOT作为标准有两大优势：第一，有字体保护与优化的措施，第二，有着适应迅速变化的潜力。因为IE用户仍占大约65%的市场份额，如果在IE浏览器上推行EOT，那么就可以马上解决网页字体的丰富性问题，而且用户会在逐步升级微软浏览器而不是使用其他浏览器（其中一些浏览器开发商目前还保留着很多比较保守的升级条例）。微软通过开放EOT专有部件的使用权来，回应开源提倡者的抗议，其中包括它最大的竞争者&mdash;Mozzila公司的火狐浏览器。但到目前为止，还没有迹象表明其他浏览器开发商，愿意采用微软的标准，从而使微软进一步扩大其优势。这种争执，将可能带来又一轮漫长的，关于网页字体格式的僵局。

	与此同时，除了微软外，所有浏览器都支持被称为&ldquo;裸体字&rdquo;技术的解决方案。微软为有意保护其IE浏览器逐步减少的市场份额，会放弃EOT，而支持这个标准吗？尽管使用&ldquo;裸体字&rdquo;将使IE用户花很多时间进行字体的升级，但用户终究也能通过这个办法来逐步丰富字体的多样性。但作为代价，在这个新的环境中，字体将丧失掉所有权的保护（即未经授权的使用）。一旦浏览器下载远程字体到本地的计算机上，字体就会同其他硬盘中的其他文件一样，就没有人会再计较字体的所有权究竟是属于谁了。

	开源倡导者对此并不担心，他们认为知识产权的难题可通过法律措施或教育手段解决。但字体设计者认为，充满&ldquo;裸体字&rdquo;的互联网环境简直对字体开发行业来讲就是个恶梦，这将就像是&ldquo;文件共享&rdquo;对音乐产业造成的冲击和破坏一样。&ldquo;你把桌面字体上传到服务器上，然而那里却没有任何相关的字体保护。&rdquo;曾经是Adobe字体团队成员的托马斯&middot;菲尼（Thomas Phinney）在TypeCon会议上指出，&ldquo;可想而知，这将对于字体产业的发展极为不利。&rdquo;字体设计者当然也可以像原来略显固执的做法一样，发布保护性条款来禁止网民在互联网上使用他们设计的字体，虽然这会意味着很难使字体流行起来。这确实是个两难问题，因为字体设计者担心，如果对互联网字体世界的游戏规则坐视不理的话，将来可能会付出更大的经济代价。

	如果大家再多点耐心，进一步想个解决办法的话，还会出现第三种选择，而个选择也是字体设计者们认为最理想的选择。面对EOT的局限性，以及&ldquo;裸体字&rdquo;方案的风险性，字体设计者与软件工程师一直研究，重新建立的一套新字体格式的可行性。在这种构想中，新字体的格式将会具有更好的文件压缩比，以适用于&ldquo;手机&rdquo;等低内存的环境。它有着可扩展的元数据结构，以把准许信息嵌入在其中，它也不会来强制用户必须使用某种浏览器。

	实际上，这种格式已经被设计出来，即WOFF（Web Open Font Format，互联网开放字体格式）。它是由字体设计者塔&middot;勒明（Tal Leming）、埃里克&middot;范&middot;布劳克兰德（Erik van Blokland），以及Mozilla的乔纳森&middot;修（Jonathan Kew）合作完成的。在2009年7月，一份支持WOFF的请愿书开始流传，包括Carter &amp; Cone和Hoefler &amp; Frere-Jones这两家知名公司在内的多家字体设计公司，都已签署该请愿书。Mozilla与其他浏览器已经开始测试支持WOFF的代码（还有一种可兼容先前格式的EOT Lite可供选择）。

	对于字体设计者们来说，这似乎是最好的选择了，但因为这需要一定时间让所有浏览器都实现该格式，并让用户们进行升级，所以需要互联网社会再耐心等待一段时间。

	虽然这个第三方案是否能够实现还有待观察，但一家名为Small Batch的新办公司正准备推出另一个名为Typekit的服务。Small Batch（还有新办公司Kernest）正在提供另一种选择：它为字体设计者们考虑到了安全问题，也为互联网设计者们想到了浏览器兼容性问题，它没有直接链接到字体，而是使用JavaScript链接到Typekit。该公司正在创建一个新的商业模式，将字体从商品转变为服务。与其一次性购买某个字体，互联网设计者（或他们的客户）不如支付后续费用以获得使用字体库中更多字体的服务（Typekit也提供一些免费字体）。当用户停止付费后，他们将丧失字体库访问权限。没有哪个字体真的一成不变：格式会变化，字体设计者们也会不断改善字体，这提供了一种持续服务的可能性。在这种服务模式下，这些改善会一直进行。不仅字体会有更新，它们也会与不断进步的浏览器来保持兼容性。Small Batch创始人之一布莱恩&middot;梅森（Bryan Mason）如是说，&ldquo;在只剩一种格式、一种浏览器、一种操作系统之前，我们还有很多事情要做。&rdquo;

	在&ldquo;产权保护&rdquo;与&ldquo;自由文化&rdquo;两种利益群体的争论历史上，我们可以看到在几十年前的美国版权法是拒绝字体保护的，在今天这种不受保护的可能性依然存在。在当时，有关字体是否需要立法保护的争论在于，将广泛使用的字体设计由几家大企业所垄断，会扼杀创新。但实际上，这个决定从另一个方面促使了盗用横行，因而降低了人们投资字体发展的兴趣。美国罗切斯特理工大学知名的字体历史学家、苹果Mac操作系统Lucida Grande字体的设计者之一查尔斯&middot;比格鲁（Charles Bigelow）表示，&ldquo;我们失去了数十年可能有助于我们提高字体易读性和文字美感的机会。&rdquo;现在，版权保护已涵盖到那些作为软件发行的字体集，而字体设计也取得了重大进步。例如，出现了微软有关字体清晰度的研究成果&mdash;&mdash;文本渲染技术ClearType。将更丰富的字体注入网页，将有助于互联网的进一步发展。网页字体倡导者之一哈孔&middot;李（Hakon Wium Lie）曾经对我说，&ldquo;未来的考古学家将会把互联网的历史，划分为前字体时期与后字体时期两个时期。&rdquo;

	原文名称：A Note on the Type
	原文地址：http://www.technologyreview.com/article/23503/
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Joshua J. Friedman，麻省理工科技创业 译]]></author>
        <source><![CDATA[Technology Review]]></source>
        <pubDate>2010-12-28 12:18:06</pubDate>
    </item>
    <item>
        <title>发现酷站2010年末特辑——十佳酷站</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20101224361695807.html]]></link>
        <text><![CDATA[
	2010年末，从即将过去的一年里给大家整理出发现酷站的年度最佳。
	由于本站才创办一年未满，所有的站点都是在这一年里收录的，于是这个评选我们撇去了时间因素，就从这300多个绚丽的酷站中筛取数个极具特色和代表性的网站供大家品评。

	

	1. 最佳国内创意&mdash;&mdash;东湃西游

	

	这是一个企业文化宣传主题网站。以四大名著之一的《西游记》为题材，从人物到布景选用古韵的皮影戏风格，加上flash的运用，让声、色、动得到极好的融合。加上颇有内涵的文字，使之衬托出深刻的中国企业文化底蕴。
	候选：鼹鼠乐乐的小窝。

	

	2. 最佳国外创意&mdash;&mdash;Labuat-Pintando una canci&oacute;n

	

	一首西班牙单曲的官网。想象中的音乐类网站就是几张歌手配图，一个链接，点进去会得到试听。然而，这个网站先以让人琢磨的loading开始，片刻等待后音乐响起，动画随之慢慢丰富，手中的鼠标配合着音乐，随窗口里渐现的动画情不自禁的拽动，伴着富有琴调的乐曲进入曼妙之旅，甚至令人回味而流连。优秀的flash技术应用使听众充分互动，让这首歌妙&ldquo;笔&rdquo;生花。
	候选：SoInteractive、Eric Johansson、Duplos。

	

	3. 最佳Flash效果&mdash;&mdash;SoInteractive

	

	运用flash呈现的3D效果，赋予网站极佳的用户体验。
	候选：Labuat-Pintando una canci&oacute;n、鼹鼠乐乐的小窝、TheOleg、loweage.lt。

	

	4. 最佳JS效果&mdash;&mdash;Duplos

	

	从文字到链接，每一个都是跃动的会话框，风格简洁统一。简单的应用却给网站带来活力。
	候选：Eric Johansson。

	

	5. 最佳排版&mdash;&mdash;Bernard De Luna

	

	（真可惜，最近网站改版了，改得面目全非，只留下上面这张倩照供大家瞻仰，点这里看完整截图）

	排版在数字时代同样重要，以最小的空间、最简便的操作换来方便用户的浏览体验。所以，我们从单页网站中来做选择。
	候选：FrancescoMugnai、Design Zoom、Danny Blackman。

	

	6. 最佳用色&mdash;&mdash;Giraffes

	

	这个板块我们很难评选出最佳的。各种颜色都有各自要表达的含义，每一种色调都有各自适合的搭配，朴素的、多彩的、淡雅的、浓烈的。网页设计中对色彩的应用，跟本原则是既不能破坏页面的可读性，又能恰当的运用色彩来凸显主题。作为一个西式餐馆，Giraffes用丰富的色彩来点缀各种餐食，同时间距与色差的控制又让网站整体有很好的层感，可谓杂而不乱。
	这类优秀设计很多，源于当下设计师们对色彩运用的重视，所以我们例举了相对多的候选：Carbonmade、FrancescoMugnai、Nine Lion Design、Manchester City FC Ltd、Vimeo、loweage.lt、Organic Themes、Odopod&hellip;&hellip;（太多了常回来看看）

	

	7. 最佳用户体验&mdash;&mdash;空缺

	对于UX，涉及到网页设计这一领域几乎所有的内容，而我们要从浏览者角度出发，对浏览操控感、界面布局等各种细节要素上做综合评判。但是发现很难入手，每一种风格都有设计师精心巧妙的安排，有的简洁明快、有的操作新奇、还有些虽然运用大众化的技术却因出色的设计而让它显得非常精致，几乎每个作品都值得借鉴的地方。不过值得一提的是一些运用java来实现平滑滚动效果的网页，给浏览者带来了出色的单页面浏览体验，比如Envato、Eric Johansson、Morphix Design Studio、Design Zoom。

	

	8. 被投票最多的网站&mdash;&mdash;Soh Tanaka

	

	一个优秀设计师的bolg理当得到设计爱好者的关注。
	其他有：Giraffes、Bernard De Luna等。

	

	9. 被浏览最多的网站&mdash;&mdash;Sanhuan Lucky（三环乐喜）

	

	企业的知名度为他带来一定的点击量。
	接下来还有：4WALL、Fully Illustrated Ltd、Lenovo IdeaPad。

	

	10. 编辑推荐&mdash;&mdash;空缺

	众口难调&hellip;&hellip;真难选，留着明年吧。

	

	还有我们没发现的优秀网页设计吗？一定的，通过提交把您发现的告诉我们吧。
	圣诞快乐！元旦快乐！新年快乐！
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[发现酷站评选组]]></author>
        <source><![CDATA[发现酷站]]></source>
        <pubDate>2010-12-24 22:59:46</pubDate>
    </item>
    <item>
        <title>百度 Javascript 库 Tangram 开源了!</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012222603318.html]]></link>
        <text><![CDATA[
	以下是来自百度Tangram的消息：

	&ldquo;2009年中旬，百度FE开始系统的整理、开发自己的前端Javascript库，从那时起，Tangram这个名字就诞生了。Tangram是&rdquo;七巧板&rdquo;的英译，选择Tangram(读音)这个词，是因为我们希望这个JS库，能够自由地组合到各个百度产品中，通过七巧板搭建出丰富多彩的产品。

	经过一年多发展，Tangram已成为公司内部产品基础库的首选，近20个百度产品线已经使用Tangram做为其基础库。而现在，我们决定将这个库开放给整个互联网，希望有更多的团队和公司，通过Tangram搭建出自己的产品。

	一方面我们希望能通过开源，促进国内前端开发者的交流，更重要的是促进自身的成长和进步。业界通行的开源工作方式的引入，来自社区的反馈和建议，都能让Tangram更加完善。

	Tangram的目标是成为一个容易扩展和定制，集轻巧和高效于一体的团队开发类库。

	我们的开源站点是：http://tangram.baidu.com，上面有详细的文档，DEMO和一些使用介绍。Tangram遵循BSD授权协议，你可以自由的使用他。你可以从github上获取源码，欢迎大家fork和pull。

	Tangram分作两个部分，Base和Component。
	Base部分是基础工具库，现包含200多个基础接口，已经发展到1.3版本，代码比较稳定；
	Component部分是组件库，现包含20余个UI组件和行为，19个动画特效，现在仍处于beta状态，我们还在不断的完善和改进。

	除了现在已经开源的Base和Component部分，Tangram系还包括Tangram Editor（在线编辑器）和Tangram Mobile（移动设备库）。Tangram Editor已经使用在百度空间、百度百科、百度经验等产品线上，正在不断完善；Tangram Mobile**了百度产品移动版的通用功能，仍在紧张开发中。这两部分我们也会择期开源，希望百度FE能不断地给中国前端带来惊喜。&rdquo;
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[百度]]></author>
        <source><![CDATA[百度Tangram]]></source>
        <pubDate>2010-12-22 23:17:43</pubDate>
    </item>
    <item>
        <title>CNZZ数据中心发布Web2.0行业年终盘点</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012217323975256584.html]]></link>
        <text><![CDATA[
	　　导读：第三方数据统计分析服务提供商CNZZ数据中心今天发布分析报告，盘点2010年Web2.0行业一年发展。报告指出2010微博处于高速成长中，而SNS类网站则开始进入调整期。

	　　以下为报告概要：

	　　2010年对中国互联网有着特殊的意义，在这一年中发生了诸多对互联网未来发展有着深远影响的事件。在这些事件中，Web2.0类网站发挥着日益显著的作用，可以说，2010年是中国互联网正式进入了普遍意义上的Web2.0时代。

	　　在这一年中，作为Web2.0类网站的代表类型：论坛、SNS、博客和微博这几类站点有着各自的发展经历，下面CNZZ(http://data.cnzz.com)将结合数据对上述四类网站在这一年的发展情况进行分析，进而发布Web2.0在2010年的年终盘点报告，以供业内人士参考。

	

	　　微博正处于增长高峰期

	　　2010年什么类型网站最炙手可热？答案只有一个&mdash;&mdash;微博。各大门户几乎同时推出微博产品，这股热潮与当年博客的兴起有过之而无不及。这种以快速分享短消息为主的网站是2010年风头最劲的网站类型。微博的代表性网站是Twitter，这个词甚至已经成为了微博的代名词，其他主导的社会网络网站如 Facebook、Myspace等也有其自己的微博，但被称之为状态更新。其实微博在国内也并不是一个新鲜的事物，早在3、4年前，就已经有一些微博在国内运营，不过由于各种原因没有形成当今的轰动。

	　　微博行业站点数在2010年猛增了417%，从年初的17家增长到12月的88家，增长速度在国内互联网处于第一集团。全年各月变化率相对平稳，只在8月出现明显峰值。

	
	微博行业站点数暴增

	　　微博行业站点数变化分析：微博实在太火了，前景也十分美妙，同时还是一个新生的领域，有足够实力的从业者都想抢占地盘，分得一杯羹，这直接促成了微博站点的增长。

	　　微博站点行业访客数的增长也十分惊人，全年的增长率达到259.5%，在12月行业访客数突破1亿大关。全年微博行业站均访客数为149.8万，这一指标在年末比年初下降了30.55%，不过这在国内互联网各行业中也依然处于领先地位。

	　　在微博行业，活跃访客数的年增长率也超过了200%，在12月达到了3550万，全年平均活跃访客比为36.33%，访客黏度超过了SNS类网站。

	
	微博行业访客数增长超过一倍

	　　微博行业访客变化分析：一、新浪等国内流量最大的几家门户网站纷纷力推微博服务是微博访客量爆发式增长的最主要的原因；二、国内网民正在逐渐接受这种随时能够接收感兴趣的人信息的方式，同时也在养成随时把感想发到网上分享的习惯，这造成了微博访客量有着庞大的发展基础。

	　　毫无疑问，从以上数据中可以看出，微博是上半年增长速度最快的网站类型。特别是活跃访客数的增长速度超过了普通访客的增长率，由于微博使用者的更新 速度很快，一般每天都要更新几次，这使得活跃用户数对微博来讲更加重要，当前微博行业的整体活跃用户比是所有网站中最高的，这表明目前在用户方面，微博的 发展还很健康。

	　　微博在传播领域的重要性也在为更多人所重视，越来越多的政府机构正在开通微博，为这一点提供了充分的证明。一向以保守著称的政府机构尚且如此重视微博，名人以及公司机构自然对微博更是青睐有加。这样微博的影响力也有愈发显著。

	　　今年下半年的许多互联网热点事件都与微博有着直接的关系，例如：&ldquo;小月月&rdquo;、&ldquo;唐骏学历门&rdquo;以及&ldquo;郭德纲、周立波微博风波&rdquo;等都吸引了大量的眼球并引发了广泛的讨论。

	　　在这些高速增长的数字背后，这一行业也隐藏着一些隐患，目前国内微博同质化较为严重，基本上都是在Twitter上加一些本地化的改进，这也从微博 访客数量的增长速度低于微博站点数的增长率中可以看出。微博的使用者在增加，但从国外的经验中可以看出，大部分的微博使用者都是信息的被动接受者而不是主 动的发布者，因此对于微博网站来讲，目前竞争的重点在于吸引信息主动发布者，特别是名人微博使用者。在这种竞争中，中小网站在与网络巨头们的竞争中将处于 不利位置。

	　　伴随着微博网站的高速发展，大量的实时信息也随之产生，这对搜索技术提出了新的要求。当前各大搜索引擎提供商都在尽力与微博网站合作，提供实时搜索 功能，目前国内也已经有引擎可以提供实时搜索，不过所能搜索的微博还各自没有打通，目前还没有一个能够完整搜索整个互联网上微博信息的中文引擎。

	　　微博网站的访客对热门信息的集中度非常高，在上半年，最热门的话题吸引了97.5%的微博访客浏览，不过一般只有最热门的话题能够吸引大量访客，排名2、3的话题吸引的访客量有着急剧下降。在下半年，这一趋势表现的更为明显，特别是11月份的&ldquo;3Q大战&rdquo;，这一话题集中了98.82%的访客浏览页面，成为2010年微博行业最受关注的话题。

	　　通过对微博在各月最热门的前三位话题类型分析来看，微博用户更集中关注短期、火热的事件，其中热门电影是出现频率最高的，例如《阿凡达》、《杜拉拉》、《非诚勿扰》和《盗梦空间》等皆受到很大关注，而在六月、七月，最受关注的话题是世界杯。因此，目前在微博这一媒介上更适合具有一定话题性的事件营销。

	

	　　SNS类网站遭遇调整期

	　　在2009年，SNS还是国内最受关注的网站类型之一，行业站点数、行业访客数等指标都有着大幅增长。然而，在进入2010年后，与国外同行领军网站Facebook在上半年流量超过Google，成为全球流量最大的网站这一成绩相比之下，国内SNS的发展却遭遇到了发展瓶颈期，媒体关注度在降低，在网民中的热度也在降温。

	　　2010年SNS类站点开始进入调整期，从数据上的直观表现就是行业站点数量产生了大幅滑落，在12月，行业站点数为680个，相比1月下降了34.80%，与2009年全年的迅猛增长形成了鲜明的对比。在SNS大量出现期间，SNS建站程序起到了重要作用。截至2010年6月，有93.5%的 SNS是由建站程序搭建的，从变化的绝对数量来看，使用建站系统搭建的SNS的站点绝对减少数量占到全部SNS减少数量的87.1%。

	
	SNS站点数量出现明显下滑

	　　SNS站点数量变化分析：一、SNS类站点目前还没有一个较好的盈利模式，这个问题是大中小型SNS都共同面临的难题，在这种压力下，许多SNS就 停止运营了，其中不乏很出名的网站；二、当前在SNS行业中，网站的同质化倾向很严重，特别是使用建站系统搭建的SNS，其网站风格、展现形式以及内容都 十分接近，这使得各个SNS之间的竞争非常激烈。由于网民在SNS上的聚合效应，使得在SNS行业中呈现强者愈强的态势。从数据中可以看出，在消失的 SNS中，大多数还都属于使用建站系统搭建的SNS。

	　　相比行业占点数的大幅下降，SNS的行业访客数还有一定的提升，在2010年12月达到7940万人，相比1月增长了6.95%，但这仍落后于网民 整体的增长速度。与论坛有着明显不同的是，使用建站系统搭建的SNS所占有的访客数仅占全部SNS访客量的38.84%，在上半年间使用程序搭建的SNS 的访客量降低了22.19%，这表明，使用建站系统搭建的SNS损失访客数是造成SNS总体行业访客量下降的最主要原因。不过站均访客数的提升幅度非常显 著，从1月到12月增长了64.04%，达到11.67万，远远高于国内互联网站均访客量的平均水平。

	　　不仅仅行业访客数的表现不容乐观，SNS的活跃访客数更是差强人意，12月活跃访客数为2478万，相比1月还减少了0.3%，全年SNS行业活跃 访客比例达到33.76%，在互联网整体来看仍处于一个较高的水平，其中使用建站系统搭建的SNS的活跃访客数减少了7.56%，特别值得指出的是，这部 分SNS的活跃访客比例为22.67%，比起SNS行业整体水平有着很大差距，这些使用类似模板搭建的中小站点的下滑是SNS在整体数据上表现不佳的重要 原因之一。

	
	SNS方可数增长缓慢

	　　SNS行业访客数变化分析：一、目前SNS类网站同质化现象严重以及强者愈强的本质属性，造成了访客对中小网站的抛弃，这使得行业访客量大幅下降； 二、与国外的Facebook不同，国内SNS类网站提供服务简单化，使得很多访客感到厌倦，这造成了大量访客的流失；三、访客集中化程度加深充分体现在 了SNS占军访客量的增加上；三、与论坛不同，SNS的搭建界面需要展示出不同，否则很难吸引到访客。

	　　SNS类网站集中化是必然趋势，中小网站很难与超级大站相抗衡，预计未来还会有大批的中小SNS消失，行业站点数还会继续下降，这是客观规律，并无大碍。

	　　当前国内SNS所面临的最严重的核心问题是目前尚没有找到更好的发展方向，只是简单的通过社交游戏来吸引并期望留住访客，当访客对此出现疲劳时，网 站却无法提供更新更有趣的功能。如何展现SNS的独特魅力，如何打造中国的Facebook已经成为摆在中国SNS经营者面前的紧要问题。

	　　不过SNS类网站依然在活跃访客比例、大站的访客量方面有着明显的出彩之处，从长远来看，SNS依然有着广阔的前景。

	　　在SNS中，热门话题吸引度非常高，在2010年，最热门的话题吸引了81.9%的访客参与浏览，在月排名前三的话题中，最低也有37.3%的访客浏览，热门话题之间吸引的访客量差距较小。这主要是得益于SNS独特的话题推荐模式，人们对自己志同道合的朋友推荐的话题总是更感兴趣。

	　　SNS上的热门话题比较分散，生活相关、话题人物热点事件等都获得了很高的关注，这与日常生活中的讨论比较接近，SNS已经更加日常化。

	

	　　论坛类型网站增势喜人

	　　虽然在国内，Web2.0的概念从2005年才开始被广泛接受，不过其原始形态--论坛则是早已为网民所熟悉，经过十几年的发展，目前论坛已经成为国内最有影响力的网站类型之一。

	　　在2010年，论坛类型网站再次焕发青春，整体规模有了显著的增长，其中网站数从1月的15.98万增长到12月的22.18万，增长率达到 38.88%，相比互联网整体网站数的起伏波动变化来讲，成绩显得十分亮眼，论坛在国内网站中所占比例也从1月的4.95%增长到12月的6.74%。从 站点数量的绝对增长量来看，在2010年论坛的净增网站数已经超过国内网站数的净增量，成为国内网站增长的最主要的力量，其中，使用建站系统搭建论坛成为绝大多数建站者的选择，从整体上看，在12月有98.05%的论坛是使用建站系统架设起来的，并且这一比例还呈现缓慢增长的态势。从新增站点来看，几乎所有的新论坛都是使用建站系统搭建的。

	
	论坛类网站数增长迅速

	　　论坛类网站在2010年取得明显的增长的原因有以下几点：一、随着成熟网民数量的增长，越来越多的网民已经不再满足于到别人的网站上访问、浏览，而 是想自己建立一个网站进一步感受互联网的魅力；二、借助于已经较为完善的建站系统，搭建论坛的难度已经越来越低，这大大降低了站长的入行门槛；三、而作为 已经发展十分成熟的一类网站，论坛已经成为大多数站长搭建第一个网站的首选类型。

	　　在访客数量上，论坛类网站增长的更为明显，2010年12月行业访客数达到了1.38亿，相比1月增长了43.76%，增长率远远高于网民整体的增 加速度。同时，论坛类网站的站均访客数在全年也有3.52%的增长，在12月超过600人，不过相比全网整体的站均近2100人的水平还有相当的差距。对于使用建站系统搭建的论坛来讲，访客量也是节节攀升，全年的增长率达到了41.04%。这部分访客占论坛总访客的比例在1月份为95.15%，这一比例在下半年有所下降，12月末时为93.35%。

	
	论坛类行业访客数创新高

	　　论坛类网站的访客量变化分析：一、大量新论坛的增加对行业访客量的增长起了基础性的作用；二、作为有着较为成熟的经营模式的网站形式，新开张的中小论坛也可以很快的聚拢人气，获得一定的流量。

	　　活跃访客数是评价网站更有效的指标，伴随着整体访客数的快速提升，论坛类网站的活跃访客数在2010年的增长率也达到了32.66%，不过这一增长 速度相比论坛整体访客数的增长速度要慢一些，这也体现在活跃访客数的比例在12月为10.77%，相比1月下降了0.9个百分点。

	
	论坛活跃访客量增长超过30%

	　　论坛类网站活跃访客数变化原因分析：一、诞生的大量新论坛中必然会有良莠不齐的现象，垃圾站绝对数量的增加是活跃访客数增长速度相比总体访客量要慢 的主要原因；二、论坛专业化的提升，使得访客访问更为集中，不再为同一感兴趣的方面而混迹于多个论坛，这也造成了活跃访客数统计量的下降。

	　　从以上数据中可以看出，在经过十几年的发展后，论坛类网站依然是中国互联网的骨干力量，使用建站系统搭建的论坛以个人中小网站为主，这些中小网站占据着绝大多数的访客，论坛类网站并未出现顶级通吃的局面，只要找准方向以及努力经营，中小论坛还是能够在激烈竞争中生存下去的。不过由于论坛类网站基数很大、新增网站数很多，想要从中脱颖而出，成为大型网站的难度也很大。特别是下半年的数据表明，使用建站系统搭建的论坛访客量在总体中的比例开始下降，论坛竞争激烈程度正在增加。

	　　论坛类网站由于数量众多，经营的主题也十分丰富，因此对于各种话题的访问集中度很低，在2010年，最热门的话题也仅仅吸引了3.1%的访客浏览，而上半年的排名第三的热门话题吸引的访客比例均没有超过2%。

	　　在众多的热门话题中，团购是出现频率最高的，在物价上涨的大环境下，便宜的团购能够吸引大量的访客，具体的商品在论坛的话题中也占有一席之地，iPhone、PSP等热门数码产品的相关话题都吸引了大量访客浏览。

	

	　　博客类网站平稳发展

	　　博客类网站是从2005年开始在国内火爆，各大门户网站纷纷进入这一市场。博客是最好的展示自己的舞台形式，无数草根明星依靠博客一举成名，成为了互联网乃至整个社会关注的焦点。最近几年，个人注册一个域名，使用免费博客工具搭建一个个人博客成为了一种流行时尚，逐渐涌现出了一批具有鲜明特色和有着 很强的可浏览性的中文博客网站。

	　　博客类网站的行业站点数在2010年总体呈减少趋势，在12月行业站点数为269家，相比1月减少幅度为8.81%，全年变化趋势呈现先升后降的态势，其中在前7个月缓慢增长，而在8到10月期间则出现了大幅下降，3个月内累计降幅达16.3%。

	　　博客类站点数变化分析：一、在上半年，当前建立博客站点的成本越来越低以及&ldquo;我的博客我作主&rdquo;的本性驱使，使得独立博客网站的数量在不断增长；二、 在下半年，由于互联网备案信息真实性验证的实施，不少博客没能及时进行真实性验证，这是造成博客站点数突然大幅减少的主要原因。

	
	博客行业站点数先生后降

	　　博客类网站的行业访客数量却与站点数呈现相反的变化情况，在前6个月内一直呈现缓慢下降的姿态，而在后半年则有有所反弹，在12月行业访客量为5254万，全年增长率为4.87%。

	　　与访客数整体变化相类似，行业活跃访客数也是先降后升，只是后半年的升幅小于前面的降幅，12月活跃访客数为861万，相比年初减少了1.84%。博客类网站的活跃访客比例在2010年的平均值为16.99%，呈现缓慢下降的态势。

	
	博客行业活跃访客数比例略微下降

	　　博客类网站访客量变化分析：一、由于受到SNS和微博等其他信息分享方式的竞争，通过直接访问博客网站来查看文章的访客数增长缓慢，同时受到独立博 客的更新速度的影响，在独立博客上的活跃访客数量也有所下降；二、大部分个人博客都可以被订阅，相当数目的订阅者不直接访问博客自身网站就可以浏览内容， 这也造成了行业访客数增长速度比较低，活跃访客量甚至降低的原因。

	　　在博客类站点中，话题主要由博主决定，而由于博主的关注点相对较为分散，因此博客类网站的话题集中度没有SNS和微博那么高，在2010年，最热门 的两个话题都出现在2月，分别是春节和春晚，分别吸引了92.3%河56.6%的访客参与浏览，但对于其他时间的话题来讲，对访客的吸引力没有这么高，在月排名前三的话题中，平均有20%左右的访客浏览。

	　　对于博客来讲，对热点事件进行评析占据了多数，那么这类话题的浏览访客自然也是较多的，春晚、世界杯、高考、世博会都是博客访客们最喜欢浏览的话题。

	

	　　无线接入方式渐成主流

	　　随着2009年1月工信部正式发放3G牌照以来，国内移动上网发展进入高速增长期，在网站的访客中，使用无线方式接入的访客所占比例越来越高，对于 强调随时随地能够在线相连的Web2.0网站中更是如此，不过对于论坛、SNS、博客和微博这四类网站来讲，这一比例还各有不同。

	　　在论坛类网站的访客中，通过无线方式接入的访客量有了很大的提升，12月无线访客数达到了721万，全年增长率达到70.17%，在所有论坛访客中的比例从年初的4.41%增长到5.22%，这一比例在各种网站中已经达到了一个较高的水平。

	　　在SNS类网站全面进入调整期的同时，通过无线网络接入的访客量却有着很大的增长，年末数量为83.8万，年增长幅度超过50%，尽管有着大幅增长，但无线访客在SNS所有访客中占据的比例依然偏低，在12月有1.06%访客是通过无线接入的方式访问SNS的。

	　　与其他网站类型相同，博客类网站通过无线网络接入的访客量也有大幅度的增长，在12月达到了200万，年增长率达到75.44%，无线访客在所有访客中的比例从年初的2.27%增长到3.80%，已接近于论坛类网站的无线访客比例。

	　　与预想不同的是，国内访客通过无线接入方式访问微博的比例虽然一直在增长，但绝对数值并不高，仅有2.78%，比论坛和博客都要低很多。

	

	　　对于本盘点所撰述的四个Web2.0的代表性站点类型而言，2010年是一个有着各自的精彩。论坛老而弥坚，事实上今年诸多网络热点事件的起源还都 在论坛，特别是草根想通过炒作而一举成名，论坛还是最佳的表演舞台，而最近被讨论的沸沸扬扬的&ldquo;网络水军&rdquo;，其主要的活动舞台也是论坛，作为吸纳人数最多、事件扩展影响最大的网站类型，论坛还将在网民互相交流、事件传播上发挥重要的作用。

	　　SNS在2010年发展遇到了一些问题，尽管访客量依然保持高位，不过庞大的流量在目前还无法带来让人满意的收入，以开心网、人人网为代表的SNS 们就像2000年的QQ一样，坐拥庞大的用户群，却无法创造足够的财富。国内SNS的发展方向是什么？在中国能否复制Facebook的神话？这些问题在 一段时间内还将困扰相关从业人员。

	　　除了论坛，一些博客也成为&ldquo;搏出位&rdquo;的平台，不过更多的更好的专业博客也在互联网上不断涌现，国内中文独立博客数量的增长标志着渴望发出独立业界声音的人群在增大，国内博客类站点将进入一个新的发展阶段。

	　　微博作为新兴信息传播平台，在事件传播速度上是其他媒体渠道所无法比拟的，上海火灾的信息传播就是最明显的事例。而对于各界名人来讲，微博简直就是 为其量身定做的信息通道，每天都有无数的粉丝在微博上等待他们的明星发出的声音，每天都有无数的口水或者感悟在微博上产生。&ldquo;粉丝超过100个，你就是本内刊；超过10万个，你就是份都市报；超过1亿个，恭喜你，你是CCTV&rdquo;，这条广告在互联网上随处可见，如何利用好微博为自己创造最大的价值，已经是当 前每一个公共消息发布者的必修课程。

	　　从如何维持网站经营获取收入的角度来看，各微博运营商已开始开放APP，以期在应用方面获取收入，不过对于现在正处于占地阶段的微博来讲，盈利并不 是最重要的，能够抢占更多的用户才是最重要的；然而对于国内SNS来讲，找到合理、持久的盈利模式则是摆在面前而且迫切需要解决的问题；相对而言，论坛类 网站通过广告获取收入的模式已经较为成熟，用户对论坛上的广告也已经接受，只要经营得当，论坛的生存还是不成问题的；博客的收入也主要来源于广告，不过对 于多数独立博客而言，盈利不是重点，甚至不在经营者的考虑范围以内。

	　　互联网在诞生之初就承担着交流沟通的作用，到了互联网普及程度越来越高的今天，人们越来越依赖互联网来分享信息，这使得Web2.0类网站有着光明的发展前景，CNZZ将继续关注这类网站的发展情况，持续发布相关行业数据分析报告。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2010-12/cnzz.gif]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[CNZZ]]></author>
        <source><![CDATA[新浪]]></source>
        <pubDate>2010-12-21 22:26:47</pubDate>
    </item>
    <item>
        <title>图片格式与设计那点事儿</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2010121957037226499.html]]></link>
        <text><![CDATA[
	为什么想整理这方面的类容，我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样，作为网页设计师也应该对图片格式的特性有一定了解，这样才能更好的表达你的创意和想法。

	除此之外，我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些页面的产出物总是没法达到设计稿那样的品质和效果，什么样的设计才更适合Web页面；页面重构师和前端工程师则想知道在切图的时候应采用什么图片格式、如何进行参数设置才能达到品质和性能的最优化。

	有时候我们可能会因为一张格式不正确的图片而导致设计品质的下降以及页面性能的降低。了解图片格式的特性就是为解答这些困惑从而让我们设计的产品更好、更快。

	本文主要包括以下几方面内容：

	
		基本概念
		
			
				矢量图与位图
			
				有损压缩与无损压缩
		
	
	
		实际应用
		
			
				什么时候应该使用PNG
			
				什么时候应该使用JPG
			
				总结
		
	
	
		思考与实践
		
			
				什么样的设计更适合Web页面？
			
				我们还可以做些什么？
		
	
	
		附录-Photoshop中各种参数的含义及设置技巧


	

	1、基本概念

	要了解图片格式的特性，首先得从一些基本概念开始。这部分内容读起来可能会比较枯燥，但如果你耐着性子读完它，相信会获益匪浅。



	矢量图与位图

	矢量图-完美的几何图形

	矢量图是通过组成图形的一些基本元素，如点、线、面，边框，填充色等信息通过计算的方式来显示图形的。就好比我们在几何学里面描述一个圆可以通过它的圆心位置和半径来描述，当然还可以通过边框的粗细、颜色以及填充的颜色等数据去描述它的样式。而电脑在显示的时候则通过这些数据去绘制出我们定义的图像。

	矢量图的优点在于文件相对较小，并且放大缩小不会失真。缺点则是这些完美的几何图形很难表现自然度高的写实图像。

	需要强调说明的是我们在web页面上所使用的图像都是位图，即便有些称为矢量图形（如矢量icon等）也是指通过矢量工具进行绘制然后再转成位图格式在web上使用的（区别于像素绘制的图形）。

	位图-神奇的拼图

	位图又叫像素图或栅格图，它是通过记录图像中每一个点的颜色、深度、透明度等信息来存储和显示图像。一张位图就好比一幅大的拼图，只不过每个拼块都是一个纯色的像素点，当我们把这些不同颜色的像素点按照一定规律排列在一起的时候，就形成了我们所看到的图像。所以当我们放大一幅像素图时，能看到这些拼片一样的像素点（如下图）。

	位图的优点是利于显示色彩层次丰富的写实图像。缺点则是文件大小较大，放大和缩小图像会失真。

	

	尽管我们在web页面中所使用的JPG、PNG、GIF格式的图像都是位图，即他们都是通过记录像素点的数据来保存和显示图像，但这些不同格式的图像在记录这些数据时的方式却不一样，这就是涉及到有损压缩和无损压缩的区别。

	有损压缩与无损压缩

	有损压缩-你看到的不一定是真实的

	按照我的理解有损压缩就是在存储图像的时候并不完全真实的记录图像上每个像素点的数据信息，它会根据人眼观察现实世界的特性（人眼对光线的敏感度比对颜色的敏感度要高，生物实验证明当颜色缺失时人脑会利用与附近最接近的颜色来自动填补缺失的颜色）对图像数据进行处理，去掉那些图像上会被人眼忽略的细节，然后使用附近的颜色通过渐变或其他形式进行填充。这样既能大大降低图像信息的数据量，又不会影响图像的还原效果。

	

	JPG是我们最常见的采用有损压缩对图像信息进行处理的图片格式。JPG在存储图像时会把图像分解成8*8像素的栅格（如上图），然后对每个栅格的数据进行压缩处理，当我们放大一幅图像的时候，就会发现这些8*8像素栅格中很多细节信息被去除，而通过一些特殊算法用附近的颜色进行填充（为了让大家看得更清楚我将图像的压缩比率调到很低）。这也是为什么我们用JPG存储图像有时会产生块状模糊的原因。

	无损压缩-最精确的拼图

	相对有损压缩而言无损压缩则会真实的记录图像上每个像素点的数据信息，但为了压缩图像文件的大小会采取一些特殊的算法。无损压缩的压缩原理是先判断图像上哪些区域的颜色是相同的，哪些是不同的，然后把这些相同的数据信息进行压缩记录，（例如一片蓝色的天空之需要记录起点和终点的位置就可以了），而把不同的数据另外保存（例如天空上的白云和渐变等数据）。

	

	PNG是我们最常见的一种采用无损压缩的图片格式。无损压缩在存储图像前会先判断图像上哪些地方是相同的哪些地方是不同的，为此需要对图像上所有出现的颜色进行索引（如上图），我们把称这些颜色称为索引色。索引色就好比绘制这幅图像的&ldquo;调色版&rdquo;，PNG在显示图像的时候则会用&ldquo;调色版&rdquo;上的这些颜色去填充相应的位置。

	这里大家可能会疑惑既然PNG采用的是无损压缩为什么我们保存的PNG格式图片还会有失真呢？这是因为无损压缩只是说它的压缩方式会尽可能真实的还原图像，但从它的压缩原理我们可以知道它是通过索引图像上相同区域的颜色进行压缩和还原的，这就意味着只有在图像上出现的颜色数量小于我们可以保存的颜色数量时，我们才能真实的记录和还原图像，否则就会丢失一些图像信息（PNG8最多只能索引256种颜色，所以对于颜色较多的图像不能真实还原；PNG24则可以保存1600多万种颜色，基本能够真实还原我们人类肉眼所可以分别的所有颜色；PNG格式最多可以保存48位颜色通道）。而对于有损压缩来说，不管图像上的颜色多少，都会损失图像信息。

	JPG和PNG

	关于JPG和PNG的基本信息介绍这里就不赘述了，有兴趣详细了解的同学可以去这里：
	什么是JPG、什么是PNG。另外这里我们也不对GIF进行讨论，是因为PNG就是为取代GIF而生的，而且PNG的压缩算法也要优于GIF，所以只要不是需要动画效果的地方强烈建议都采用PNG格式图片。

	这里我们不妨把JPG和PNG的一些特性进行一个简单对比：

	
		
			
				格式
			
				压缩模式
			
				交错支持
			
				透明支持
			
				动画支持
		
	
	
		
			
				JPG
			
				有损压缩
			
				支持
			
				不支持
			
				不支持
		
		
			
				PNG
			
				无损压缩
			
				支持
			
				支持
			
				不支持
		
	


	JPG的特性

	
		1、支持摄影图像或写实图像的高级压缩，并且可利用压缩比例控制图像文件大小。
	
		2、有损压缩会使图像数据质量下降，并且在编辑和重新保存JPG格式图像时，这种下降损失会累积。
	
		3、JPG不适用于所含颜色很少、具有大块颜色相近的区域或亮度差异十分明显的较简单的图片。


	PNG的特性

	
		1、能在保证最不失真的情况下尽可能压缩图像文件的大小。
	
		2、PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的&alpha;通道数据。
	
		3、对于需要高保真的较复杂的图像，PNG虽然能无损压缩，但图片文件较大，不适合应用在Web页面上。


	PNG8与PNG24

	提到PNG格式就不得不提到PNG8和PNG24，这种叫法并非官方定义，不过由于普遍使用已经被大家广泛接受了。通过前面的介绍我们知道PNG采用无损压缩是通过索引色去存储和还原图像的，PNG8和PNG24后面的数字则是代表这种PNG格式最多可以索引和存储的颜色值。&rdquo;8&Prime;代表2的8次方也就是256色，而24则代表2的24次方大概有1600多万色。

	不仅如此，PNG8还支持1位的布尔透明通道，所谓布尔透明指的是要么完全透明要么完全不透明。而PNG24则支持8位（256阶）的alpha通道透明，也就是说可以存储从完全透明到完全不透明一共256个层级的透明度（即所谓的半透明）。

	
		
			
				格式
			
				最高支持色彩通道
			
				索引色编辑支持
			
				透明支持
		
	
	
		
			
				PNG8
			
				256色
			
				支持
			
				支持布尔透明
		
		
			
				PNG24
			
				约1600万色
			
				不支持
			
				支持8位（256阶）alpha透明
		
	


	可能通过以上特性的对比大家还不能很直观的理解在实际应用中到底因该选择什么格式的图片文件，我们不妨结合上面的基本概念通过几个例子去给大家说明。

	

	2、实际应用

	什么时候应该使用PNG

	示例1

	下图是淘宝网最常见的一个图片即&ldquo;立刻购买&rdquo;按钮，这里我尝试用JPG和PNG8格式分别进行保存，可以看到保存的结果有两个值得注意的地方：

	
		1、JPG保存的文件大小是PNG保存的文件大小的2倍
	
		2、JPG不仅文件更大并且还出现了噪点（如图中红色方框标注的）


	

	那么是什么原因造成这样的差异呢？

	首先我们可以看出&ldquo;立刻购买&rdquo;这个按钮是在photoshop中用矢量工具绘制出来的，其渐变填充是非常规则的线性渐变，文字颜色和描边等都是采用纯色，所以这个图像所包含的色彩信息非常有限。根据前面我们介绍的无损压缩的特性，当用PNG存储这个图像时，只需要保存很少的色彩信息就可以真实还原这个图像。而对于JPG格式来说大小主要决定于图像的颜色层次，所以在这种颜色较少但对比强烈的情况下，反而不能很好的压缩文件大小。

	另外根据有损压缩的压缩算法JPG会在图像中通过渐变或其他方式填充一些被删除的数据信息来对图像进行压缩，图中红色和白色的地方由于色差较大，JPG在压缩过程中就会填充一些额外杂色进去，反而影响的图像的质量。这也是为什么JPG不利于存储大块颜色相近区域以及亮度差异十分明显的图像的原因。

	示例2

	我们再来看另外一个应用场景，下图是在淘宝彩票页面使用的一个Banner图像。同样用PNG8和JPG进行了保存，可以发现当用PNG8保存时不仅保证了图像的质量且图像文件的大小仅有8.3K，而当用JPG 100%保存时文件大小则增加到44.2K，如果不经放大可能还看不出具体的差异，但实际和前面一样也会出现不必要的噪点。如果我们要达到PNG8的压缩率采用JPG 45%进行保存，则图像会出现较严重的失真。

	

	由此我们可以得出结论，具备以下条件的图像更适合用PNG8格式进行存储：

	
		1、图像上颜色较少，并且主要以纯色或者平滑的渐变色进行填充。
	
		2、具备较大亮度差异以及强烈对比的简单图像（如&ldquo;立刻购买&rdquo;按钮中的背景和文字）。


	根据经验具备上述条件的图像一般是使用photoshop或其他软件中的矢量工具进行绘制然后再保存成位图的图像。

	什么时候应该使用JPG

	示例1

	从JPG的特性介绍我们知道JPG更适合用来存储摄影或写实图像，所以我们不妨先拿一张摄影作品做尝试。

	下图是一副巴士车的照片，我们尝试用JPG 60%（左上）、PNG8 256色 无仿色（右上）、PNG8 256色 扩散仿色（左下）、PNG32（右下）分别进行了存储。可以看出当用JPG存储图像时不仅能够达到最大的压缩率，也能尽量保证原图的还原效果。而采用PNG8进行保存时图像文件大小更大，失真也较严重。只有在PNG24的格式下才能保证品质，然而文件大小却比JPG要大很多。

	产生这种结果的原因也与JPG和PNG各自的压缩算法有关。

	对于摄影或者写实作品，由于受环境光线的影响，图像上的色彩层次十分丰富。比如巴士车上的红色区域由于反光、阴影以及透视效果会形成明暗、深浅各异的区域，如果用PNG去保存，则需要不同明暗度的红色去存储这个区域。对于整张图片来说，PNG8的256色无法完全索引图像上出现的所有颜色，于是在存储时就会丢失许多颜色而产生失真。如果要保证图像的效果，则需要色彩范围更广的PNG24进行存储，相应的文件大小也会增加。

	而JPG的压缩算法则更利于对真实世界中这些复杂的色彩变化进行压缩处理，从而在尽量压缩文件大小的情况下比较好的还原图像的视觉效果。

	
	
	

	示例2

	那么是不是只有在存储照片的时候才需要用到JPG呢？我们不妨来看另外一个例子。

	下图是最近比较火爆的某微博页面，在这里我们可以选择不同的风格，每种风格都会有一个非常有特色的背景图片。我们尝试用不同图片格式对背景进行保存时可以发现：当用JPG进行保存时（直接背景另存为）文件大小仅36.3K；而用PNG8 256色无仿色去保存时大小增加到57.7K，不仅如此由于颜色的缺失在图像上还出现了一些带锯齿的色块；为了降低这些色块对图像质量的影响我们对PNG8增加了扩散仿色的效果，此时文件大小达到了156.3K；而当采用PNG24完全不失真的保存时文件大小是231.9K。

	尽管这幅背景图也是通过photoshop制作，但我们可以发现由于在图像上采用了很多的真实素材（比如白云、蚂蚁、绿叶等），而这些真实素材和摄影图像一样也会存在非常丰富的色彩层次，所以也不适合用PNG格式进行保存。这个时候我们就应该采用JPG格式。

	
	
	

	由此我们可以得出结论：对于写实的摄影图像或是颜色层次非常丰富的图像采用JPG的图片格式保存一般能达到最佳的压缩效果。

	根据经验我们在页面中使用的商品图片、采用人像或者实物素材制作的广告Banner等图像更适合采用JPG的图片格式保存。

	总结

	由此可见在存储图像时采用JPG还是PNG主要依据图像上的色彩层次和颜色数量进行选择。一般层次丰富颜色较多的图像采用JPG存储，而颜色简单对比强烈的则需要采用PNG。但也会有一些特殊情况，例如有些图像尽管色彩层次丰富，但由于图片尺寸较小，上面包含的颜色数量有限时，也可以尝试用PNG进行存储。而有些矢量工具绘制的图像由于采用较多的滤镜特效也会形成丰富的色彩层次，这个时候就需要采用JPG进行存储了。

	另外还有一个原则就是用于页面结构的基本视觉元素，如容器的背景、按钮、导航的背景等应该尽量用PNG格式进行存储，这样才能更好的保证设计品质。而其他一些内容元素，如广告Banner、商品图片等对质量要求不是特别苛刻的，则可以用JPG去进行存储从而降低文件大小。

	

	3、思考与实践

	什么样的设计更适合web页面？

	慎用较&ldquo;重&rdquo;的视觉设计元素

	Web2.0时代网页设计的一大趋势就是越来越&ldquo;轻&rdquo;。除了对那些高光和圆角效果的审美疲劳之外，设计师们也开始意识到好的设计应该是内容与形式的完美结合，而非形式的堆砌。所以设计师在应用那些较&ldquo;重&rdquo;的视觉效果时，一定要想清楚这样做的目的和意义，以及是否与产品的特点和受众的气质相契合。

	&ldquo;轻量&ldquo;设计一个比较典型的例子就是国内某知名网站，几乎没有采用任何需要图片的视觉元素，而是通过简单的CSS样式去实现，这样不仅能够突出内容，更能提升页面的访问速度。所以我十分强烈的建议视觉设计师也掌握一定的html和css知识（尤其是CSS3实现了很多过去需要图片才能实现的效果，例如圆角和渐变），这样在做设计的时候能够全面的去考虑产品效果。

	

	下面这个电子商务网站则采用过多无意义的视觉元素堆砌，不仅没有实现很好的设计效果，反而由于需要太多的图片元素而影响了页面的性能。

	

	如果由于产品需要在设计中不得不使用较&rdquo;重&ldquo;的视觉元素，我们也可以根据图片格式的特点选择适当的表现形式以达到更好的效果。

	例如在下面这个例子中，第一个Banner应用了更适合PNG格式的设计风格（较多纯色和简单渐变的应用）不仅能达到热烈、突出的视觉效果，在保证图片质量的同时也更好的压缩了文件大小；而第二个Banner由于应用了过于复杂的渐变色和强烈对比，并且在局部区域采用太多的高光和阴影效果，导致图片的色彩层次过多，不论采用PNG还是JPG格式保存都无法实现图像质量和文件大小的最优化。

	

	当然举这个例子并不是要设计师在做设计的时候过分考虑页面性能问题，而是要清楚不同设计形式的效果和实现成本，在设计过程中多问自己为什么要这样做？

	内容和形式的分离

	对于一些比较强调视觉效果的特殊产品，比如活动推广页面或Mini Site。我们也可以利用图片格式和一些前端知识对设计进行优化，比较常用的一种设计方法就是内容和形式的分离。

	如下面一些国外比较流行的设计风格，以及前面提到的微博网站，都是通过大幅的背景图去进行意境的传达和气氛的渲染。这样做的一个好处就是能把需要用到图片的视觉元素进行集中的压缩优化，同时又不会由于加载太慢而影响用户的访问速度（前端实现时一般会用相近的背景色先进行填充，然后在逐步显示背景图）。

	
	
	

	个人认为好的视觉设计最重要是意境传达和气氛渲染，使用高光、阴影等滤镜效果的目的也仅仅是为了达到质感上的统一从而更好的去传达意境和渲染气氛，所以切忌为了质感而质感。即便是为了体现设计品质也不一定非要使用炫丽的滤镜，相较而言优美的布局和精巧的结构才是体现品质的关键！

	通过较小的视觉牺牲换取较大的性能提升

	有时候为了提升页面的加载速度达到更好的用户体验，不得不对设计进行优化。这个时候利用我们对图片格式知识掌握就可以更有目的性的去进行优化。

	例如下图是淘宝&ldquo;双十一&rdquo;大促活动的一个页头设计，由于页面访问量非常大并且要使用较多的商品图片，不得不对页头设计进行优化以提升性能。这个时候我们就可以去掉一些不太重要的高光、渐变和阴影效果，从而大大降低文件大小。

	

	我们还可以做些什么？

	Sprite图片二次优化

	由于目前国内很多互联网公司没有页面重构师这一职位，所以页面切图和静态代码实现基本都是前端工程师去完成。为提高页面性能目前普遍采用的实现方式是将与页面结构相关的需要用到图片的视觉元素集中在一个PNG图片上，然后通过CSS样式将其应用到页面中，我们称这个图片为Sprite图片。由于这个图片上经常要集中较多的视觉元素，在用PNG格式存储时难免会产生失真而影响图片质量。这个时候就需要视觉设计师帮助前端开发工程师对Sprite图片进行优化，这样做的好处是不仅能提升图片质量，还能达到减小文件大小的效果，可谓一举两得。

	下图是一个优化前的Sprite图片，由于视觉元素过多PNG8无法真实保存所有的颜色信息，于是便会产生颜色的缺失和杂色的产生（如局部放大图所示）。

	

	在前端工程师完成页面的静态代码之后，视觉设计师可以将定位好的Sprite图片进行像素级的优化，去掉不必要的杂色，并且用已存在的索引色对缺失的地方进行补充，这样不仅能压缩文件大小，还能提升设计品质。

	

	Sprite图片的优化方式有很多种，比如通过索引色排序进行颜色的删减和替换，或是直接通过像素描绘进行优化。设计师可以根据具体的场景进行选择和处理。

	以上设计和优化的方法只是我在工作中一些经验的积累和总结，个人感觉每一个点展开来都有很多值得研究和讨论的地方，限于篇幅有限不能继续深入。关于图片优化的高级技巧有两篇比较经典的文章推荐给大家：Clever PNG Optimization Techniques、Clever JPEG Optimization Techniques。

	

	4、附录-Photoshop中各种参数的含义及设置技巧

	PNG8的参数设置

	

	减低颜色深度算法与颜色

	指定用于生成颜色查找表的方法，以及想要在颜色查找表中使用的颜色数量。可以选择以下减低颜色深度算法之一：

	
		1、可感知：通过为人眼比较灵敏的颜色赋以优先权来创建自定颜色表。
	
		2、可选择：创建一个颜色表，此表与&rdquo;可感知&rdquo;颜色表类似，但对大范围的颜色区域和保留 Web 颜色有利。此颜色表通常会生成具有最大颜色完整性的图像。&ldquo;可选择&rdquo;是默认选项。
	
		3、随样性：通过从图像的主要色谱中提取色样来创建自定颜色表。例如，只包含绿色和蓝色的图像产生主要由绿色和蓝色构成的颜色表。大多数图像的颜色集中在色谱的特定区域。
	
		4、受限 (Web)：使用 Windows 和 Mac OS 8 位（256 色）调板通用的标准 216 色颜色表。该选项确保当使用 8 位颜色显示图像时，不会对颜色应用浏览器仿色。（该调板也称为 Web 安全调板。） 使用 Web 调板可能会创建较大的文件，因此，只有当避免浏览器仿色是优先考虑的因素时，才建议使用该选项。
	
		5、自定：使用用户创建或修改的调色板。如果打开现有的 GIF 或 PNG-8 文件，它将具有自定调色板。使用&rdquo;存储为 Web 和设备所用格式&rdquo;对话框中的&rdquo;颜色表&rdquo;调板可自定颜色查找表。
	
		6、黑白、灰度、Mac OS、Windows使用一组调色板。


	建议：一般情况下默认选择&ldquo;可选择&rdquo;项即可。

	

	仿色方法和仿色

	确定应用程序仿色的方法和数量。&rdquo;仿色&rdquo;是指模拟计算机的颜色显示系统中未提供的颜色的方法。

	较高的仿色百分比使图像中出现更多的颜色和更多的细节，但同时也会增大文件大小。为了获得最佳压缩比，请使用可提供所需颜色细节的最低百分比的仿色。

	若图像所包含的颜色主要是纯色，则在不应用仿色时通常也能正常显示。包含连续色调（尤其是颜色渐变）的图像，可能需要仿色以防止出现颜色条带现象。

	可以选择以下几种仿色方法之一：

	
		1、扩散：应用与&rdquo;图案&rdquo;仿色相比通常不太明显的随机图案。仿色效果在相邻像素间扩散。
	
		2、图案：使用类似半调的方形图案模拟颜色表中没有的任何颜色。
	
		3、杂色：应用与&rdquo;扩散&rdquo;仿色方法相似的随机图案，但不在相邻像素间扩散图案。使用&rdquo;杂色&rdquo;仿色方法时不会出现接缝。


	建议：一般只在图片颜色过多产生失真的情况下才需要选择仿色。建议选择扩散仿色，可以适当调节仿色的百分比以达到最佳的效果。仿色度越高文件大小也越大。

	

	透明度和杂边

	确定如何优化图像中的透明像素。

	
		1、要使完全透明的像素透明并将部分透明的像素与一种颜色相混合，请选择&rdquo;透明度&rdquo;，然后选择一种杂边颜色。
	
		2、要使用一种颜色填充完全透明的像素并将部分透明的像素与同一种颜色相混合，请选择一种杂边颜色，然后取消选择&rdquo;透明度&rdquo;。
	
		3、要选择杂边颜色，请单击&rdquo;杂边&rdquo;色板，然后在拾色器中选择一种颜色。或者，也可以从&rdquo;杂边&rdquo;菜单中选择一个选项：&rdquo;吸管&rdquo;（使用吸管样本框中的颜色）、&rdquo;前景色&rdquo;、&rdquo;背景色&rdquo;、&rdquo;白色&rdquo;、&rdquo;黑色&rdquo;或&rdquo;其它&rdquo;（使用拾色器）。


	建议：强烈建议由视觉设计师根据实际应用场景在保存之前就处理好透明图像的背景。

	

	交错

	PNG、GIF这两种图像格式都提供了一种功能，让图像能够更快地显示。图像可以以一种特殊方式存储，显示时先大概显示图像的草图，当文件全部下载后再填充细节。这起到一种很有意义的心理效果，因为这样使人们有东西可看，而不必坐着干等大型图像慢慢显示在屏幕上。

	建议：对于尺寸和文件大小相对较大的图片建议勾选此项。

	JPG的参数设置

	

	品质

	从&rdquo;品质级别&rdquo;菜单中选取一个选项，或者在&rdquo;品质&rdquo;文本框中指定一个值。&rdquo;品质&rdquo;设置越高，压缩算法保留的细节越多。但是，使用高&rdquo;品质&rdquo;设置比使用低&rdquo;品质&rdquo;设置生成的文件大。查看几种品质设置下的优化图像，确定品质和文件大小之间的最佳平衡点。

	品质设置技巧

	
		1、不要存100%品质的JPG格式图片。因为100%并不一定是最高的品质，而是一个优化算法的极限值，所以会增加不必要的文件大小。建议存储95%品质的图片就可以最大限度的降低失真。
	
		2、谨慎使用50%品质以下的压缩率。使用50%以下品质存储时会采用额外的压缩算法而导致图片失真更严重，尤其是对于有高对比度的图片。


	优化

	选择&rdquo;优化&rdquo;创建文件大小稍小的增强型JPEG。建议使用&rdquo;优化JPEG&rdquo;格式以获得最大文件压缩量；但是，一些较旧的浏览器不支持此特性。

	建议：建议勾选此项，目前基本已经不存在不支持改功能的浏览器。

	连续

	选择&rdquo;连续&rdquo;创建在Web浏览器中连续显示的图像。图像将显示为一系列的叠加，使查看者在整个图像下载完毕之前，能够看到图像的低分辨率版本。连续JPEG需要更多的内存用于查看，一些浏览器不支持该选项。

	建议：勾选此项在某些情况下可压缩文件大小（图片大小大于10k时），某些情况下会增大文件大小，建议在保存是根据实际情况决定。不过IE6及更早版本的IE浏览器不支持JPG连续显示，而是在图片完全加载后一次成像，用户体验上可能还不如不使用连续的逐步成像要好，所以建议慎选此项。

	模糊

	指定应用于图像的模糊量。&rdquo;模糊&rdquo;选项应用与&rdquo;高斯模糊&rdquo;滤镜相同的效果，并允许进一步压缩文件以获得更小的文件大小。建议使用 0.1 到 0.5 之间的设置。

	ICC 配置文件

	选择&rdquo;ICC 配置文件&rdquo;将图片的 ICC 配置文件与文件保留在一起。ICC 配置文件由某些浏览器用于色彩校正。（请参阅Photoshop中设置色彩管理。）

	杂边

	指定原稿图像中透明像素的填充色：点按&rdquo;杂边&rdquo;色板，然后在拾色器中选择一种颜色。从&rdquo;杂边&rdquo;菜单中选取选项。原稿图像中完全透明的像素由选中的颜色填充，原稿图像中部分透明的像素与选中的颜色相混合。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[平四]]></author>
        <source><![CDATA[Taobao UED]]></source>
        <pubDate>2010-12-19 13:00:59</pubDate>
    </item>
    <item>
        <title>读写网：2010十大移动产品</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012177916089882426.html]]></link>
        <text><![CDATA[
	

	2010年移动技术突飞猛进，涌现出很多新的平台、服务和应用趋势，不仅影响到移动互联网，也对互联网产生了重大影响。以下是读写网评选的十大移动产品。

	

	iPhone 4

	苹果CEO乔布斯在今年六月份宣布了最新的iPhone 4手机。这款手机有诸多创新之处：为聊天功能FaceTime准备的前置摄像头，可以让开发者通过位置信息开发高级游戏的陀螺仪，多任务支持，应用文件夹等。当然让人印象最深的就是iPhone 4的天线问题，但这并没有影响iPhone 4的销量。

	

	iPad

	苹果三月份推出的iPad彻底改变了整个移动计算世界。iPad是一款半手机（运行在iOS上）、半电脑（你可以使用苹果的办公软件）设备。iPad很有可能会成为笔记本和上网本的销量，iPad的推出迫使苹果的竞争对手对现有产品进行重大调整。明年，我们将看到更多Android平板电脑、惠普平板电脑、Palm webOS平板电脑，以及微软的Windows平板电脑。

	

	Android

	过去的一年是Android年。来自Google的这个移动操作系统在手机销量、市场份额、广告、应用等很多方面迅速增长。Gartner曾在9月份语言Android将在年末成为全球第二大移动操作系统。到11月份，Android已经在美国排第一，并且按出货量算排名全球第二。

	

	HTML5

	尽管还没有成为行业标准，但HTML5在今年发展迅速。主要原因在于苹果移动设备不支持Adobe Flash：Flash是一种专利技术，安全性差，在很多手机上表现欠佳。到5月份，46%网民已经开始使用HTML5，YouTube、Vimeo等很多大网站也开始采用HTML5技术。苹果还发布了支持iPad的网站列表，里面包括CNN、纽约时报、路透社等重量级公司。

	

	应用商店

	应用商店是一类产品，但它们的兴起代表了一种趋势。除了移动操作系统上有移动应用商店（iTunes、Android市场、OVI等）之外，还出现了其它形式的应用商店，比如运营商应用商店，第三方应用商店（GetJar），设备应用商店，平板电脑应用商店。甚至有报告称很多公司正在把应用作为手机上网的首选方式，而不是浏览器。
	应用商店运动远未结束，关系到下一代伟大的技术运动：&ldquo;应用&rdquo;互联网。

	

	iAd

	苹果的移动广告产品，尽管没有受到消费者的高度关注，但对移动广告市场的影响已经浮出水面。iAds的目的是通过富媒体和互动广告改进移动广告体验。

	移动广告公司Medialets主席兼CEOEric Litman认为，2010年是移动广告行业觉醒的一年，iAds和其它几项创新是幕后的推动力量。iAds的出现开始让品牌公司在广告预算中首次把移动广告作为独立单元。

	

	LTE（长期演进技术）

	该技术可以为4G网络提供支持，可以给手机用户带来更高的访问速度。人们对移动多媒体内容（尤其是移动视频）的需求越来越大，LTE技术大有可为。思科称从2009到2014年，移动视频的综合增长率将达到131%。
	订户优化软件公司Openet的首席营销官Michael Manzo认为，LTE或者说4G绝对是2010年最重要的移动创新。随着无线网络的扩容，这种新设备将提升移动设备的速度和能力，并给现有网络减轻压力。

	

	Foursquare

	位置签到服务中最引人注目的一家。Foursquare允许用户在某个地方登记，获得积分、勋章、和市长头衔，有时还可以获得打折券和奖品。
	应用推荐网站AppStoreHQCEO兼创始人Chris DeVore认为，Foursquare等服务只是让人们为了签到而签到，在没有进入主流之前就已经停滞不前了。但是，基于位置的客户关系管理和即时本地购物对消费者和商家而言具有真正的吸引力。他认为Groupon式的本地购物是这类服务的主要收入来源，但Groupon对中小企业的长期经济价值还有待商榷。

	

	条码扫描器

	通过手机扫描进行条码扫描是今年的重大趋势之一，尽管有可能被近场通信等技术取代。2010年手机条码扫描使用量增长了700%。但该技术在普及过程中也遇到了一些坎坷。比如Google曾试图在报纸上添加二维码，但没有成功。但后来《娱乐周刊（Entertainment Weekly）》等杂志采用了跨平台的微软标签，用这种标签把杂志和电影片花和广告联系到一起，取得了成功。
	零售商也加入到了行动当中，亚马逊，eBay，百思买等都推出了手机条目扫描软件。Bing的iPhone应用6月份添加了条码扫描功能。Google也发布了Google Shopper。

	

	近场通信（NFC）

	近场通信技术的大部分进展出现在年末，但来势迅猛。苹果在8月份聘请了近场通信专家。RIM11月也聘请了近场通信专家。Google最新发布了Android手机操作系统&ldquo;姜饼&rdquo;已经支持数据转移技术。PayPal、美国银行和Visa等公司在近场通信技术领域也动作频频。

	

	原文名称：Top 10 Mobile Products of 2010
	原文地址：http://www.readwriteweb.com/archives/top_10_mobile_products_of_2010.php
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[Sarah Perez]]></author>
        <source><![CDATA[译言网]]></source>
        <pubDate>2010-12-17 21:29:49</pubDate>
    </item>
    <item>
        <title>ChinaMode2010评选活动投票入围公司名单（第二轮）</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/201012152000222.html]]></link>
        <text><![CDATA[
	2010&ldquo;ChinaMode零零壹&rdquo;中文互联网开放式评选，由中文网络科技领域饱含理想热情与原创活力的25位独立博客共同发起，旨在动员普通网民提名和投票，选择出过去一年他们所关注和喜爱的网络应用和服务。活动经过3周时间，目前已经评选出第二阶段投票阶段的入围公司，现汇总如下，其中不乏一些非常优秀的互联网/移动互联网初创企业，大家可以到Chinamode首页进行投票选择每个类别您最喜欢的公司。Chinamode官方初创企业汇总页面：http://chinamode.org/vote-list/，投票页面：http://chinamode.org/。

	

	一、年度生活消费类应用创新

	美团，拉手，糯米网，淘房网，趣奇，淘淘搜，书飞网，马蜂窝，挖财365，吐司网

	
	美团网是一个在线团购服务网站,其主要特点是每天提供一单精 品消费(如餐厅、酒吧、KTV、SPA、美发店、瑜伽馆等特色商家)，然后一个较低的团购价格向用户销售这个服务,只要凑够最低团购人数就能享受其提供的 较低的价格,并且通过打印、下载、发送手机短信等获得优惠券，并使用优惠券进行消费。
	链接：http://www.meituan.com/

	
	拉手网团购服务目前已经覆盖100多个城市，每天推荐优质的本地生活服务的团购。
	链接：http://www.lashou.com/

	
	糯米网是千橡互动旗下的团购网站，致力于通过团购的方式向消费者推荐高折扣的本地精品生活服务。
	链接：http://www.nuomi.com/

	
	淘房网是一个提供淘宝式购房体验的二手房网站，从属于北京乐新创展科技有限公司。淘房网主要从事二手房买卖租赁信息整合服务。
	链接：http://www.taofang.com

	
	淘淘搜(搜图购)，国内首创基于视觉的商品图片搜索引擎。通过传图搜索、看图搜索，以图搜图的方式，迅速准确的找到心仪的目标商品。
	链接：http://www.taotaosou.com/

	
	书飞网是一个提供在线租书（纸质书籍）服务的在线平台，你可以通过此平台选择自己喜欢的书籍，然后支付一定费用之后，你可以在一定时间内阅读完书籍然后归 还书籍（其提供快递取送）。个人觉得这是一个很棒的服务，一方面可以降低阅读的成本，另外一方面可以更好的使用这些图书资源。
	链接：http://www.booksfly.net/

	
	蚂蜂窝是一个旅游分享社区，在蚂蜂窝你可以交换资讯，分享旅行。帮助这里的友邦，或者是获得帮助。 也可以交流功略、美食、音乐、摄影日记，以及与旅行有关的零零种种。
	链接：http://www.mafengwo.cn/

	
	挖财365由杭州财米科技有限公司开发的大众记账平台，平台服务分为手机端软件以及网站两部分。目前提供了Android，Windows Mobile和Java版的手机应用客户端。
	链接：http://www.wacai365.com/

	
	趣奇网是一个提供在线卡片类商品（Mini卡片、个性卡片）定制服务网站，一盒起订。你可以通过趣奇网各类个性化卡片。
	链接：http://www.kuukie.com/

	
	吐司网是一个在线图片处理、专业照片合成、免费照片美化社区，超过6000位真人设计师为您人工在线处理图片、美化照片。您也可以选择保密、快速的高级付费设计服务。
	链接：http://cn.tucia.com/

	

	

	二、年度社交，沟通和资讯类应用创新

	新浪微博，无觅网，东西网，时光网，果壳网，腾讯微博，财新网，鲜果联播，大街网，优米网

	
	新浪微博是一个由新浪网推出，提供微型博客服务的类Twitter网站。用户可以通过网页、WAP页面、手机短信/彩信发布消息或上传图片。
	链接：http://t.sina.com.cn

	
	东西网是一个翻译、原创爱好者组成的社区，秉承&ldquo;架设东西方桥梁，呈现有价值东西&rdquo;理念，将外国媒体的新鲜观点和价值介绍给中文读者。
	链接：http://dongxi.net

	
	Mtime时光网,中国最专业的电影及电视剧资料库,包括资讯,预告片,海报,写真和热门影评,同时提供影讯查询,博客,相册和群组等服务,是电影粉丝的最佳电影社区。
	链接：http://www.mtime.com/

	
	无觅网是一个社会化新闻分享与推荐的网站。无觅网利用人工智能的技术，根据你喜欢的网页，在众多的网页中找出你感兴趣的内容。
	链接：http://www.wumii.com/

	
	果壳网 是由知名科普类博客&ldquo;科学松鼠会&rdquo;姬十三创办的一家泛科技主题网站，本身带有轻量的社交元素；一期推出了趣科技、科技DIY、健康、心理、爱宠等主题频道，广泛覆盖都市青年人群与科技相关的各类话题与兴趣焦点。
	链接：http://www.guokr.com/

	
	腾讯旗下微博服务网站，可以通过使用已有的QQ号码直接开通，提供iPhone，Android等手机客户端。
	链接：http://t.qq.com/

	
	财新网（Caing.com）与《新世纪》周刊（《新世纪周刊》）同属于财新传媒。财新网是财经新闻资讯一读网站，整合资讯、观点、多媒体、互动等信息时代形态丰富的媒体产品
	链接：http://www.caing.com/

	
	鲜果联播是鲜果旗下的微博服务，将其RSS内容和微博的形式整合起来。
	链接：http://bo.xianguo.com/

	
	大街网以实名制为基础，致力于为用户打造真实、高效、互动的求职/招聘平台。大街网创新的将传统SNS应用到招聘领域，为用户提供Web2.0下真 实、精准、高效、可靠的双向对接撮合服务，使用户时间与关系在互联网沉淀并创造实效GDP，引领整个招聘行业走向高精准、高效率的价值革命。
	链接：http://www.dajie.com/

	
	优米网（umiwi.com）是著名制片人王利芬创建的网络电视平台，服务于国家和知识群体。主要包括在路上,网络电视,创新中国,创业门诊,芬享时刻等几个栏目。
	链接：http://www.umiwi.com/

	

	

	三、年度娱乐类应用创新

	豆瓣电台，虾米，三国杀， 奇艺网，酷狗音乐，亦歌，射手播放器，坚果音乐，忍者村，小小战争

	
	豆瓣电台是一个个性化音乐推荐系统，根据用户的收听的音乐喜好向用户推荐用户喜欢的音乐。
	链接：http://douban.fm/

	
	虾米是一个高品质音乐分享社区，在虾米你可以和朋友一起发现、分享喜爱的音乐； 还可以使用虾米来发布与下载没有DRM保护的高品质音乐MP3，同时你还可以通过分享音乐获得一定的收入。
	链接：http://xiami.com

	
	三国杀是一款热门的桌上游戏，融合了西方类似游戏的特点，并结合中国三国时期背景，以身份为线索，以卡牌为形式，集合历史、文学、美术等元素于一身，现已有Online版。
	链接：http://www.sanguosha.com/

	
	奇艺网是网络视频播放平台；是国内首家专注于提供免费、高清网络视频服务的大型专业网站。奇艺影视内容丰富多元，涵盖电影、电视剧、综艺、纪录片、动画片等。
	链接：http://www.qiyi.com/

	
	酷狗网是中国领先的数字音乐交互服务提供商，互联网技术创新的领军企业，致力于为互联网用户和数字音乐产业发展提供最佳的解决方案，公司的使命是成为亚太地区最大的数字音乐销售推广企业。
	链接：http://www.kugou.com/

	
	亦歌提供简单、快捷的在线音乐服务，无需操作即可连续不断播放好听的歌曲，很适于一边使用电脑一边听歌时使用。
	链接：http://www.1g1g.com/

	
	射手播放器：简洁全能的播放器
	链接：http://www.splayer.org/

	
	坚果是国内首家原创音乐卖场，采用独创的MBC2.0合作推广模式，让 音乐人和音乐推广人一同赚钱。
	链接：http://www.jamguo.com/

	
	《忍者村》是一款以建设经营、好友互动为主导的SNS网站上线的社会化游戏。游戏画面色彩丰富、内容健康、主题积极向上。游戏不仅可以让玩家植各种 作物，还可 以按照自己的风格来建设、布局、装饰自己的忍者村。玩家可以通过与好友的互动去好友家下订单、互相赠送物品，可以通过任务来获得奖励。
	链接：http://www.ismole.com/

	
	《小小战争》是五分钟继开心农场后上线的一款以部落发展和部落战争、好友互动为主导的SNS网站上线的社会化游戏。
	链接：http://www.fminutes.com/

	

	

	四、年度生活/工作管理工具创新

	微盘，航班管家，火种通讯录，数据银行，手机航海桌面，卷豆网，doit.im, 清醒网，51抢座，爱库

	
	微盘是一款网盘软件，支持电脑及移动设备，可以自动同步、备份数据，支持Web网页访问，随时随地上传、下载数据。微盘是新浪微博小助手&ndash;与你的微博帐号绑定，可将本地文件方便的分享到微博，便于你的微博粉丝下载、分享、传播，帮助提升你微博关注度及粉丝量。
	链接：http://vdisk.me/

	
	航班管家主要功能包括：手机随时查询机票、起降地天气&middot; 可拨打航空公司、携程等机票代理商的电话订票&middot; 查看航班的实时进出港动态&middot; 一键进行酒店预订。
	链接：http://www.133.cn/

	
	火种（Hozom）是一个提供手机电话簿同步的手机网络应用服务，提供了手机电话簿同步服务，通过同步之后，如果手机换号可以通过火种的页面管理方便的通知好友更新。
	链接：http://www.hozom.com/

	
	数据银行网盘又称DBank网盘，是提供文件存储、传递、共享的网络硬盘，即网络存储空间服务，储容量大、免费、安全、快捷、稳定、易用是数据银行网盘的服务宗旨。
	链接：http://www.dbank.com/

	
	航海桌面能让您在手机桌面上直接使用搜索、新闻、天气等网络服务，并集成左选择键开始菜单、右选择键常用联系人、智能拨号、快速任务切换等实用功能，让手机使用起来更加快捷方便！
	链接：http://3gtb.com/

	
	Doit.im是一款优秀的GTD工具，提供了基于Adobe AIR及PC客户端和Android手机客户端，目前提供了iPhone、Android、iPad、桌面客户端。支持同步。
	链接：http://doit.im/

	
	&ldquo;清醒网&rdquo;(Sobergo.com)是由魔立方互联科技(北京)有限公司全力打造，国内首家视觉搜索网站。致力于为消费者提供多个渠道的查询比较途径， 包括站内上传图片搜索、按图片内容偏好搜索、文字搜索、站外任意网页截图搜索及生活中手机拍照搜索等，实现了消费者对商品的多种查询需求。
	链接：http://www.sobergo.com/

	
	抢座网是一个在线活动及会议组织网站，为活动组织者提供在线报名，活动推广及门票销售工具，让活动的组织，推广及门票销售变得前所未有的简单。
	http://www.51qiangzuo.com/

	
	卷豆网是一家致力于为站长用户提供适合在线社区的电子商务解决方案的服务性站点，淘金链（LinkMiner）是其发布的第一个产品。它能够将用户网站上 的普通 的网店链接和在线商品链接（比如淘宝商品链接）转换为支持佣金结算的CPS链接（比如淘宝客链接），在不影响用户体验和不占用广告位的情况下，为站长们开 辟出了一块全新的收入来源。据悉，淘金链有能力转换约有55%的链接。
	链接：http://www.juandou.com/

	
	爱库网是一个用于整理（Collect），组织（Organize），分享（Share）任何互联网上面的网站、图片、视频等资源的在线服务，并且致力于让用户发现（Discover）更多有意思的互联网资源。
	链接：http://ikeepu.com/

	

	

	五、年度最受关注的移动应用

	豌豆荚，街旁，赶集网手机客户端，UC乐园，360Camera, Weico, 来电通，Viva畅读，墨迹天气，开开

	
	豌豆荚手机精灵主要功能包括：备份通讯录和短信记录；方便快捷地整理通讯录；电脑上直接查看、回复，批量发送短信；在电脑上安装、管理手机应用程序，下载 常见装 机必备软件；搜索下载网络音乐到手机中，音乐时自动添加歌词、专辑封面，给手机设定多样化铃声；直接一键下载优酷网、土豆网等主流视频网站视频到手机中， 本地和网络视频自动转码。
	链接：http://wandoujia.com/

	
	街旁网是基于位置的移动社交服务，旨在为移动互联网用户群创建基于位置的社交网络服务。使用街旁，用户可以在所在的位置&ldquo;签到&rdquo;，赢取徽章，成为地主，获 取来自街旁合作伙伴的特殊优惠，并最终与好友分享他们的与地理位置相关的社交活动，并同步到中国主要的社交网络上（新浪微博、开心、人人和豆瓣）。
	链接：http://jiepang.com/

	
	赶集网推出了多个平台上的客户端，包括iPhone/Android/Symbain/Java等多个平台的客户端，看来越来越多的互联网企业会把自己的触角伸向移动互联网。
	链接：http://www.ganji.com/mobile/client.php

	
	UC乐园是移动互联网第一个基于真实用户的大型社交平台，有最酷最潮最high的动画游戏，并全面引入手机位置先进服务。您可以和同位置朋友交流、分享周边生活服务信息，随拍、随写、随分享，随时随地享受移动新生活。
	链接：http://www.uc.cn/product/product_ucparadise.shtml

	
	Camera360【手机摄影大师】：是一款功能强大手机照相软件。她提供了及30种拍摄拍摄供用户选择，目前主要分为六种拍摄模式，分别是：特效 模式， 情景模式，趣味模式，移轴模式，移色模式和普通模式，在不同的拍摄模式下还可以通过对参数的设置达到您想要的效果。通过网络还可以将您的照片分享给好友。
	链接：http://blogcn.52photo.com/

	
	Weico是一款全新独特的新浪微博iPhone客户端，最大的亮点在于极大优化和丰富了移动微博的使用体验，提供流畅、快速、贴心、美妙的使用体验和感官享受。
	链接：http://www.eicodesign.com/

	
	来电通是一款集显示来电或去电的号码归属地,号码类型;查询通讯记录号码归属地;查询信息号码归属地及其他相关信息、信息流量计数器、大头贴、未接来电/未读短信/未读邮件/接通提醒、IP电话拨号、电话短信防火墙等功能为一体的软件。
	链接：http://www.blovestorm.com/

	
	北京维旺明信息技术有限公司（简称：VIVA）是一家提供手机图、文、音、视频为一体的手机新媒体平台技术与运营服务的公司，已成为中国最有影响力的手机 新媒体服务提供商之一。VIVA 是目前中国移动阅读基地杂志频道的独家运营合作伙伴，也是中国联通和中国电信的合作伙伴。拥有同行业最强的移动运营商数字媒体发行渠道。
	链接：http://www.vivame.cn/

	
	墨迹天气是一款手机天气预报软件，墨迹天气特点是预报准确、覆盖城市广、流量少、界面华丽，墨迹天气完全免费，墨迹天气支持诺基亚S60 v2、v3、v5。
	链接：http://mojichina.com/

	
	开开K.ai是新一代的位置网络，也是真实的白领社交网络。在开开签到，你能够找到朋友、分享贴士，并用全新的方法探索身边的城市。同时还可以争掌门、赢勋章、玩寻宝。
	链接：http://k.ai/

	

	

	六、年度最受关注的移动应用社区

	爱米软件商店，机锋网，威锋网，十字猫，安卓网，安智网，N多网，iPhone中文网，掌上应用汇，EOEmarket

	
	和睿新蜂（北京）科技有限公司(SmarterMob)旗下手机应用软件商店
	链接：http://www.aimi8.com/

	
	Android社区，Android App Market
	链接：http://bbs.gfan.com/

	
	威锋网自建立之日起一直是最具人气的中文iPhone社区，给广大苹果iPhone爱好者提供了一个自由交流，探讨，学习的平台。
	链接：http://www.weiphone.com/

	
	十字猫网站使手机用户实现互联网上的图片、铃声、音乐、视频和手机软件免费直接下载到手机，自动转换MP4,3GP视频格式，收藏互联网MP3音乐，DIY铃声，管理你的个人空间
	链接：http://www.crossmo.com/

	
	Android社区，Android App Market
	链接：http://www.hiapk.com/

	
	Android社区，Android App Market
	链接：http://bbs.goapk.com/

	
	Android社区，Android App Market
	链接：http://www.nduoa.com/

	
	电玩巴士旗下iPhone资讯网站
	链接：http://iphone.tgbus.com/

	
	掌上应用汇是一款方便而全面的Android软件安装管家，基于Android平台，相比著名的Android Market来说，可能更加本土化。在其官网页面上，自我定位为：致力于打造最全面，最方便的应用下载平台。
	链接：http://www.yingyonghui.com/

	
	优亿市场(eoeMarket)是由易联致远公司推出的一个主要针对中文市场，和Android开发者紧密合作、并给广大用户提供优秀Android应用的集软件分享、搜索、服务于一体的平台.
	链接：http://www.eoemarket.com/

	

	

	七、最受关注国外应用

	Foursquare, Groupon, Quaro, Twitter, Angry Bird, Evernote, Instagram, Plants Vs. Zombies, square, kik messenger

	
	Foursquare是一家基于用户地理位置信息的手机服务网站，用户可以向好友分享自己当前所在地理位置等信息。利用Foursquare服务， 手机用户 可&ldquo;Checkin&rdquo;某个地点，该地点可为任何一家饭店、好友家庭居住地或一家商店等等。相应检入过程非常迅速。用户完成检入过程 后，Foursquare将根据用户检入时的位置，向用户返回该地点附近的其他信息。并通过Twitter、 Facebook等流行的社交网络平台把自己的位置发布出去。
	链接：http://foursquare.com

	
	Twitter(中文称：推特)是国外的一个社交网络及微博客服务的网站。其独创的单向关注的机制也为社会化网络的发展起到了非常重要的推动作用。
	链接：http://twitter.com/

	
	团购网站的鼻祖。
	链接：http://www.groupon.com

	
	在iPhone和Android上风靡一时的一款智能手机游戏。
	链接：http://www.rovio.com

	
	一款免费的在线笔记资料管理软件。
	链接：http://www.evernote.com

	
	一款iPhone App 和图片分享社区。
	链接：http://instagr.am

	
	Square 目标是成为下一代移动支付平台，通过其提供的软件及硬件设备，可直接在iPhone 等移动设备上刷信用卡进行支付。
	链接：https://squareup.com/

	
	PopCap Games为Windows、Mac OS X及iPhone OS系统开发的一款益智策略类塔防御战游戏。
	链接：http://www.popcap.com/extras/pvz/

	
	社会化问答网站。引进了社会化关系的概念（可以绑定Facebook、Twitter帐号），用户可以可以关注一个话题、一个问题，也可以关注（Follow）一个人的所有问答，用户还可对同一个问题的多个答案进行投票等等。
	链接：http://www.quora.com

	
	跨平台聊天软件,提供社交短信服务。它不能发送照片，不能发送附件；优势是简洁，迅速和易用。
	链接：http://kik.com

	

	

	八、最受关注初创公司

	
	微云平台是植根于中国的全球领先移动互联网综合服务平台，为中文地区移动应用和游戏开发者提供云服务，包含：微云广告服务（WiAd）、微云游戏服务 （WiGame）和即将推出的其他云服务。微云广告是专注于中国市场的领先移动应用广告平台，为全球客户提供最优秀的无线互联网和新媒体营销解决方案。通 过手机应用内嵌广告，使用微云独有、世界首 创的用户信息与行为分析系统和精确匹配和投放算法，为广告主提供精准广告和效果营销服务，为应用开发者创造积极收益，为手机用户带来所需的信息和资讯。
	链接：http://www.wiyun.com/

	
	MoKard主要服务是通过推广和发行手机会员卡，来帮助零售和快销企业建立和发展会员以及品牌忠诚度。可以通过Mokard管理 现有的会员卡，也可以通过Mokard来发行手机会员卡，并且可以基于地理位置查看您所在地理位置的促销商家信息。目前提供了iPhone和 Android客户端。
	链接：http://www.mokard.com/Index.aspx

	
	42区是一个网络付费咨询的平台，有专长的人可以在自己擅长领域提供收费咨询 , 也可以出售自己的空闲时间帮助其他人来解决一些小问题，42区致力于通过这样一个平台构建一个可以向在专业领域内人士进行咨询的平台。
	链接：http://42qu.com/

	
	果合是一个帮助手机应用开发者集合众多优秀广告平台的免费工具。通过它，开发者将可以自由设定各个广告的展示频率、优先级等等，从而实现广告收益的最 大化。它还能帮助开发者制定自己的软件广告，并和其他的广告平台一起在软件中展示，这样能为开发者其他的软件带来更多的下载。
	链接：http://guohead.com/

	
	球迷网是一个专注于球迷的社会化网络社区，用户可以在这个社区里面侃球，查看各个球队的的赛程信息，球队新闻，赛事视频；可以关注其他的球迷，关注球队，关注球星，提供了一个供球迷分享和交流的平台。
	链接：http://www.qiumi.cc/

	
	摆摆书架是一个社会化图书馆服务，摆摆书架的所有藏书均来自会员捐赠、寄存在会员处，并且所有会员都可以随时借阅。摆书架相当于提供了一个用户用于分享自己看过的闲书，并且可以免费借阅他人分享书籍的平台。
	链接：http://bookfor.us/

	
	友录公司致力于提升智能手机基本功能的使用体验，首个作品&ldquo;友录通讯录&rdquo;，可在Symbian（俗称&ldquo;塞班&rdquo;）S60（v3和v5）、 Android、iPhone手机上安装使用。友录通讯录以强劲的查找和一系列精妙的小功能，提升打电话、发短信等日常操作的效率和体验。
	链接：http://www.youlu.com/

	
	追信是一个提供互联网信息聚合与推送（Push）平台，也是手机实时信息应用平台。通过追信的服务可以将您感兴趣的资讯、网页、博客、小说、电视剧等，通过手机，MSN、 飞信、QQ、Skype、Gtalk等聊天机器人通知您！
	链接：http://zhui.cn/

	
	美丽说是一个沸腾着血拼快感的时尚购物社区。爱网购，爱漂亮的时尚女生都在这里，分享网购链接，交流打扮与网购心得。网站主要功能包括分享宝贝，找宝贝，关注人，团购，找奖金等。
	链接：http://www.meilishuo.com

	
	Quick拍软件用于一维条形码和手机二维码qr码的自动识别与生成，具有自动调焦、快速识别、存储等功能。是目前国内市场上识别速度最快最实用的手机扫码软件。目前已推出android1.5，android1.6，android2.1，android2.2版本。
	链接：http://www.lingdong.mobi/

	
	闪动科技推出的手机电视客户端提供了移动流媒体平台服务，为移动视频领域的CP提供了视频管理和发布的一站式服务平台，适配10大手机操作系统近300款终端，平台统一管理。
	链接：http://www.dopool.com

	
	是一个非常迅速的图片拍摄和上传服务，可以看成是图片的&ldquo;微博&rdquo;。在电脑上注册后，你会得到一个Bannka邮箱，把它作为一个&ldquo;联系人&rdquo;存到手机名单上，将图片作为彩信发给这个邮件地址即可，费率取决于你的电信运营商。
	链接：http://www.bannka.com/

	
	监控宝为用户提供网站故障监测服务、发送告警短信和邮件，并分析网站性能趋势；监控宝可以帮助您，更加及时有效的，了解网站是否运转正常，以及来自不同地域的请求响应时间，并监控服务器的性能变化趋势，同时采用多种告警通知方式，让您全方位的了解一切。
	链接：http://www.jiankongbao.com/

	
	小米专注于Android、iPhone等新一代智能手机软件开发与移动互联网热点应用。目前产品有小米分享，小米读书，小米便签。
	链接：http://www.xiaomi.com/

	
	一个基于真实位置的社区。用户可以在这里告诉朋友&ldquo;我在哪儿&rdquo;，可以随时随地分享自己的吃喝玩乐精彩生活，还可以签到、发记录、抢地主、挣游票，把 自己现 实生活中所有的乐趣都搬到互联网上与朋友分享，同时也在其他人的分享中发现更多的乐趣。在好玩的&ldquo;地点&rdquo;上找到有趣的人，跟随有趣的人探索更加好玩的&ldquo;地 点&rdquo;。
	链接：http://www.qieke.com

	
	分智(Fenzhi)是一个交流工作和职业场所的社区，在这里任何人都可以免费查看其他人发布的公司评论、工资待遇和面试相关的信息，你也可以发表关于你的公司的意见或者工资待遇信息。
	链接：http://www.fenzhi.com

	
	CamCard 名片全能王 是一款功能强大的名片识别软件，具有最优秀的识别性能和最快的识别速度。能精确地识别名片信息内容，还能将增强后的图像存储在名片管理夹中。此外，它还拥有不同于同类其他软件的特有功能。
	链接：http://www.intsig.com/

	
	PixCoo必视谷公司引领文字搜索进入可视化搜索时代。 &ldquo;惠拍&rdquo;使您以事物的可视化视觉形象去共享、搜索并记住它PixCoo&ldquo;惠拍&rdquo;可视化搜索平台，增强并挖掘出一幅图像本身信息之外的关联及背后隐藏的信 息。 如果你去拍或抓取一幅图片，必视谷就会告诉您结果信息；这项专利技术能够协助将普通的二维静态图像变成智能的可视化视觉效果。
	链接：http://www.pixcoo.com.cn/

	
	安全管家是一款集流氓病毒查杀、联网云查杀、系统优化、流量监控、系统管理、隐私保护、电话和信息过滤、安全防盗、来去电归属地显示等功能为一体的手机安全软件。
	链接：http://www.anguanjia.com/

	
	国内第一家手机回收网站。通过线上直送和实体网点以价格公开、透明诚信的方式回收手机，倡行环保，立志成为中国领先的手机回收服务商。
	链接：http://www.refone.com.cn/

	
	格瓦拉生活网致力于用数字网络来补充现实生活，为广大消费者提供衣食住行之外的精彩城市生活服务，是 国内第一家融合信息资讯、用户社区和商家互动的生活网络平台。目前Gewara包括电影院、KTV、健身房、酒吧和运动场所等生活平台，不但提供商家的名 称、地址、电话、图片等基本资讯，还融合了电影院排片表、健身房课程表、KTV价格表、酒吧活动等动态信息，同时用户也可以针对商家或者针对电影、活动等 进行评论评价、活动组织以及生活安排。
	链接：http://www.gewara.com/

	
	一个针对中国用户使用习惯打造的、拥有中国自主知识产权的互联网手机操作系统。正基于开源的手机操作系统，开发符合中国用户 需求的手机操作界面、使用体验、相关软件。
	链接：http://www.dianxinos.com/

	
	16Fun是一款基于地 理定位的社交游戏，将用户现实生活中常去的地点与&ldquo;大富翁&rdquo;的游戏模式相结合，带给用户一个全新的玩法。用户通过到周围地点报到赚取点数，提升等级，同时 还可以将自己喜欢或者觉得有投资前景的地方买下来，并且向来这里报到的其他用户收取租金，不论是你平时上班的大楼还是常去的餐厅，只要你在游戏中有足够的 等级和现金就可以买下来。通过周期性的计算和统计，每个城市的房产价值都会随着用户的行为发生变化，带给用户一个与现实相连接的感受。
	链接：http://www.16fun.com

	
	他社区是一款完全免费的手机交友软件，具有社区多媒体&ldquo;免费短信&rdquo;、位置交友及游戏等众多独创功能的移动社区。他社区拥有各种平台和产品，以多种方式为用户提供全方位的移动社区服务。
	链接：http://www.tomsix.com/

	
	&ldquo;有贝&rdquo;是一款专门为智能手机用户提供的短信和电话本无限存档、快速搜索、跨终端实时同步的创新服务。手机和电脑使用无线连接，通过有贝，可以在手 机和电 脑上同步管理手机中的短信和电话本；短信和联系人使用加密&ldquo;云&rdquo;存储方式，可以无限存档，需要时可以一键恢复联系人。可以在电脑上直接收发管理短信；可以 使用手机或者电脑通过有贝搜索查找历史短信；可以跨终端实时同步，全面支持主流的智能手机平台。
	链接：http://www.womobo.com/yb/

	
	是基于新浪微博的一款好友管理工具。绿佛罗可以设置过滤条件，进行批量的整理自己关注的用户和自己的粉丝，比如可以查看1天，2天，3天，5天，7 天，30天，90天内没有发过微博的 用户进行批量的取消关注；查看哪些没有头像的，进行批量取消关注；可以查看哪些人你关注了却没有关注你，可以查看微博或者简介中含有某些关键词的用户等 等，你也可以通过多个过滤条件进行过滤，然后对用户进行批量的操作。
	链接：http://t.originatechina.com

	
	手机的定位软件。通过手机自定位，可以让你和身边的朋友交往互动，同时还能提供最贴&rdquo;近&rdquo;您的周边生活信息，涵盖美食、演出、酒店、房子、优惠券、购物、娱乐、医疗、生活等各个方面。
	链接：http://www.linxun.com

	
	GyPSii图钉社区是荷兰GeoSentric 公司旗下产品，曾荣获开发者大奖，是基于位置的移动社区网络应用，针对各类手机推出的一种全新应用。加入GyPSii，您就可以快捷地通过手机拍 照、摄像，实时实地得创建自己的生活足迹，同时还可以利用GyPSii搜索附近的朋友动态，查找周边朋友评价最好的餐厅、酒店&hellip;&hellip;等等。
	链接：http://www.gypsii.com.cn

	
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[未知]]></author>
        <source><![CDATA[chinamode.org]]></source>
        <pubDate>2010-12-15 19:57:17</pubDate>
    </item>
    <item>
        <title>如何成为配色达人</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/2010121554862280123.html]]></link>
        <text><![CDATA[









]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2010-12/color/1.jpg]]></image>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[famous]]></author>
        <source><![CDATA[5173 UED]]></source>
        <pubDate>2010-12-15 16:25:37</pubDate>
    </item>
    <item>
        <title>中央免去李毅中工信部党组书记职务 苗圩接任</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20101211011231.html]]></link>
        <text><![CDATA[
	12月9日，工业和信息化部召开干部大会。中央组织部副部长李建华同志宣布了中央关于任命苗圩同志任工业和信息化部党组书记、免去李毅中同志党组书记职务的通知，并就加强工业和信息化部领导班子建设作了重要讲话。李毅中同志主持会议。苗圩同志、李毅中同志先后作了讲话。工业和信息化部党组成员、总工程师、总经济师，国防科工局、国家烟草专卖局领导班子成员，近期退出领导岗位的老同志，部机关司局级干部，部属高校和在京直属单位主要负责同志参加了大会。

	
	李毅中

	
	苗圩

	人物简介：

	李毅中，男，汉族，山西大同人，1945年3月生，1980年7月加入中国共产党，大学学历，教授级高级工程师。

	1966年7月北京石油学院炼油工程专业毕业;1967年7月参加工作，历任山东胜利炼油厂工人、技术员、车间副主任、主任、副总工程师、厂长，原中国石油化工总公司齐鲁石化公司经理、党委常委、中共淄博市委常委;1987年7月任原中国石油化工总公司副总经理(副部长级)、常务副总经理、党组副书记;1997年8月，任中国东联石化集团有限责任公司董事长、总经理、党组书记，兼任仪征化纤股份有限公司董事长;1998年4月，任中国石油化工集团公司总经理、党组书记，2000年2月，兼任中国石化股份有限公司董事长;2003年3月，任国务院国有资产监督管理委员会党委书记、副主任;2005年2月，任国家安全生产监督管理总局局长、党组书记;2008年3月，任工业和信息化部部长、党组副书记;2008年4月至2010年12月，任工业和信息化部党组书记。

	中共第十四、十五届中央候补委员，中共第十六届、十七届中央委员。

	苗圩，男，汉族，1955年5月出生，北京市人。中共党员，中央党校在职研究生，研究员级高级工程师。

	1982年合肥工业大学内燃机专业毕业。历任中国汽车销售服务公司副经理，中国汽车工业总公司生产部副经理、生产司副司长，机械工业部汽车司副司长，机械工业部副总工程师。1997年9月任东风汽车公司党委书记。1999年3月任东风汽车公司总经理、党委书记。2005年5月任湖北省委常委、武汉市委书记。2008年3月任工业和信息化部副部长、党组副书记。2010年12月任工业和信息化部党组书记。

	中共十七届中央候补委员，第十届、第十一届全国人大代表。
]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[佚名]]></author>
        <source><![CDATA[工信部]]></source>
        <pubDate>2010-12-11 12:34:48</pubDate>
    </item>
    <item>
        <title>老罗学平面设计——罗永浩的全国巡讲（2010.11.23）</title>        <link><![CDATA[http://www.osstyle.cn/html/article_kzsx/20101208047820.html]]></link>
        <text><![CDATA[
	
罗胖子2010年11月23日在海淀剧院的演讲，主题是“一个理想主义者的创业故事”。在视频的第55分钟开始讲述自己对设计的需求和理解，以及尝试自己搞海报的故事。]]></text>
        <category><![CDATA[20108431041141]]></category>
        <author><![CDATA[罗永浩]]></author>
        <source><![CDATA[优酷]]></source>
        <pubDate>2010-12-08 17:01:06</pubDate>
    </item>
    <item>
        <title>DEAN WEST</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2012020386702717562484.html]]></link>
        <text><![CDATA[
	一位澳大利亚摄影师的个人网站，优秀的作品展示。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-02/2012020321202343964_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.deanwest.com]]></source>
        <pubDate>2012-02-03 21:18:10</pubDate>
    </item>
    <item>
        <title>Simple as Milk</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201202034780253430.html]]></link>
        <text><![CDATA[
	一家设计工作室的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-02/2012020301175065290_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Simple as Milk]]></author>
        <source><![CDATA[simpleasmilk.co.uk]]></source>
        <pubDate>2012-02-03 01:16:08</pubDate>
    </item>
    <item>
        <title>Markup-Service</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201202024161738372.html]]></link>
        <text><![CDATA[
	一个提供网页切图制作服务的公司网站。PSD to HTML.
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-02/2012020212422434976_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[markup-service.com]]></source>
        <pubDate>2012-02-02 12:41:36</pubDate>
    </item>
    <item>
        <title>English Workshop</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20120131796807582733.html]]></link>
        <text><![CDATA[
	一家英语教育机构的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/201201312301176946_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Simple As Milk]]></author>
        <source><![CDATA[englishworkshop.eu]]></source>
        <pubDate>2012-01-31 22:58:52</pubDate>
    </item>
    <item>
        <title>Dropr</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201314974144640.html]]></link>
        <text><![CDATA[
	一个平面设计创意交流社区的测试版。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012013122515521041_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[dropr.com]]></source>
        <pubDate>2012-01-31 22:49:13</pubDate>
    </item>
    <item>
        <title>Worry Free Labs</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2012013185257395361196.html]]></link>
        <text><![CDATA[
	这是一个软件设计团队的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012013122444056190_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.worryfreelabs.com]]></source>
        <pubDate>2012-01-31 22:40:23</pubDate>
    </item>
    <item>
        <title>Timy</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2012011997274.html]]></link>
        <text><![CDATA[
	一个时间表管理应用软件的网站。

	Fill out your timesheet easily with Timy.
	用Timy轻松的完成你的时间表。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011923474426886_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Nascom]]></author>
        <source><![CDATA[www.timy.be]]></source>
        <pubDate>2012-01-19 23:45:47</pubDate>
    </item>
    <item>
        <title>Smiths</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20120119031627.html]]></link>
        <text><![CDATA[
	一种膨化食品的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011901030841515_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[nascom]]></author>
        <source><![CDATA[www.smiths.be]]></source>
        <pubDate>2012-01-19 01:02:25</pubDate>
    </item>
    <item>
        <title>Qdoba Mexican Grill</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201174017184660.html]]></link>
        <text><![CDATA[
	一家位于美国的墨西哥餐馆的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011723040881693_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.qdoba.com]]></source>
        <pubDate>2012-01-17 23:01:40</pubDate>
    </item>
    <item>
        <title>愛的力量</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20120116017158.html]]></link>
        <text><![CDATA[
	台湾慈善机构为默默无闻的公益团体提升力量的活动网站，爱的力量。

	台灣每年400億公益捐款集中於極少數大型勸募機構然而許多中小型社福團體卻因曝光不足而苦無公益資源現在您有機會，讓更多需求被看見更多改變，將因您的一票而實現！
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011620360842697_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.poweroflove.com.tw]]></source>
        <pubDate>2012-01-16 20:33:45</pubDate>
    </item>
    <item>
        <title>NOMOON</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201111013919.html]]></link>
        <text><![CDATA[
	一家法国平面及数字媒体设计工作室的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011120100698006_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.nomoon.fr]]></source>
        <pubDate>2012-01-11 20:08:12</pubDate>
    </item>
    <item>
        <title>카페라떼</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201111242429.html]]></link>
        <text><![CDATA[
	一个韩国咖啡饮品的官方网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012011120035157513_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.lovecaffelatte.com]]></source>
        <pubDate>2012-01-11 20:01:59</pubDate>
    </item>
    <item>
        <title>SVN2FTP</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201024230690053.html]]></link>
        <text><![CDATA[
	提供托管式的SVN到FTP服务，帮助互联网开发人员协同工作，这是官网。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012010213563487213_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Kev Adamson &amp; BehindDesign]]></author>
        <source><![CDATA[svn2ftp.com]]></source>
        <pubDate>2012-01-02 13:50:56</pubDate>
    </item>
    <item>
        <title>매일유업 순두유</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201024974554020.html]]></link>
        <text><![CDATA[
	韩国食品公司旗下一款奶制品的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012010213421192911_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[soondoyou.maeil.com]]></source>
        <pubDate>2012-01-02 12:53:30</pubDate>
    </item>
    <item>
        <title>Fingerbilliards</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201201021904710.html]]></link>
        <text><![CDATA[
	一款iPad上的撞球游戏官网。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2012-01/2012010212513016014_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Nascom]]></author>
        <source><![CDATA[fingerbilliards.com]]></source>
        <pubDate>2012-01-02 12:33:32</pubDate>
    </item>
    <item>
        <title>Zaarly Coming Soon Page</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20111211493721941.html]]></link>
        <text><![CDATA[
	一个站点的 Coming Soon 页面，根据描述，猜测是个社区型的网络交易平台。

	Zaarly helps you buy and sell with people around you.
	Zaarly 帮助您同周围的人买卖。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-12/201112111138026668_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.zaarly.com]]></source>
        <pubDate>2011-12-11 11:35:52</pubDate>
    </item>
    <item>
        <title>Tom Pain</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011121152140898224.html]]></link>
        <text><![CDATA[
	英国肯特的一位网页设计开发师的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-12/2011121111334181336_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Tom Pain]]></author>
        <source><![CDATA[www.tompain.co.uk]]></source>
        <pubDate>2011-12-11 11:29:26</pubDate>
    </item>
    <item>
        <title>Thinc Iowa</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011120421218438.html]]></link>
        <text><![CDATA[
	一个关于TED（科技、娱乐、设计）的年度交流大会，这是官网。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-12/2011120422044598156_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.thinciowa.com]]></source>
        <pubDate>2011-12-04 21:26:23</pubDate>
    </item>
    <item>
        <title>Melissa Jane Magee</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201111307299939340049.html]]></link>
        <text><![CDATA[
	一位女性网页设计及前端开发师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011113000025241081_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Melissa Jane Magee]]></author>
        <source><![CDATA[www.mjmagee.com]]></source>
        <pubDate>2011-11-29 23:55:03</pubDate>
    </item>
    <item>
        <title>Jeff Sarmiento</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011112989998530502036.html]]></link>
        <text><![CDATA[
	一位在加拿大多伦多工作的网页设计师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011112923293060372_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Jeff Sarmiento]]></author>
        <source><![CDATA[www.jeffsarmiento.com]]></source>
        <pubDate>2011-11-29 23:28:00</pubDate>
    </item>
    <item>
        <title>James Garner</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011112095398.html]]></link>
        <text><![CDATA[
	一位英国插画师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011112019170962951_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Squiders Web Design]]></author>
        <source><![CDATA[www.jamesgarner.co.uk]]></source>
        <pubDate>2011-11-20 19:14:33</pubDate>
    </item>
    <item>
        <title>iCodeLabs</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011112029363731.html]]></link>
        <text><![CDATA[
	一家在印度尼西亚专门从事iOS应用开发的公司，这是他们的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011112019072024620_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[iCodeLabs]]></author>
        <source><![CDATA[www.icodelabs.net]]></source>
        <pubDate>2011-11-20 19:05:17</pubDate>
    </item>
    <item>
        <title>Funnylook</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201111201937337.html]]></link>
        <text><![CDATA[
	一款鸡尾酒品牌的互动网站，把自己精心装扮下吧。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011112018550464986_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[my media is rich]]></author>
        <source><![CDATA[www.funnylook.be]]></source>
        <pubDate>2011-11-20 18:47:25</pubDate>
    </item>
    <item>
        <title>CAU</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201111114587822272.html]]></link>
        <text><![CDATA[
	一家位于英国吉尔福德的阿根廷牛肉餐馆，这是他们的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011111101223450197_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Ragged Edge]]></author>
        <source><![CDATA[www.caurestaurants.com]]></source>
        <pubDate>2011-11-11 01:02:37</pubDate>
    </item>
    <item>
        <title>Bruno’s Bakery</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011111129586258.html]]></link>
        <text><![CDATA[
	一位西式糕点师自营的糕点店，这是他网站，可以在线预定各种花式甜点。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-11/2011111100580444230_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[E-scape Interactive]]></author>
        <source><![CDATA[www.brunosbakery.je]]></source>
        <pubDate>2011-11-11 00:53:21</pubDate>
    </item>
    <item>
        <title>MOREDAYS Inc.</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20111029342593716.html]]></link>
        <text><![CDATA[
	一款功能丰富的记事及日程在线应用，这是官网。

	&quot;Plan your life with fun and style.&quot;
	&ldquo;以有趣时髦的方式来计划你的生活。&rdquo;
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011102914234330924_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[moredays.com]]></source>
        <pubDate>2011-10-29 14:14:34</pubDate>
    </item>
    <item>
        <title>Booki.sh</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20111029635809071864.html]]></link>
        <text><![CDATA[
	一款基于互联网云的电子阅读应用，可以通过浏览器直接使用。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011102914114589785_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Inventive Labs]]></author>
        <source><![CDATA[booki.sh]]></source>
        <pubDate>2011-10-29 14:07:21</pubDate>
    </item>
    <item>
        <title>2create studio</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110297240817263627.html]]></link>
        <text><![CDATA[
	一家保加利亚的网页及平面设计工作室网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011102914022027156_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[2create.bg]]></source>
        <pubDate>2011-10-29 13:56:58</pubDate>
    </item>
    <item>
        <title>Tofita</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011102026422779.html]]></link>
        <text><![CDATA[
	一款土耳其糖果产品的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011102002065794748_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.tofita.com.tr]]></source>
        <pubDate>2011-10-20 02:03:41</pubDate>
    </item>
    <item>
        <title>Sibling Rivalry</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110201296509.html]]></link>
        <text><![CDATA[
	一个加拿大葡萄酒品牌的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011102002021135172_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Insite Design]]></author>
        <source><![CDATA[www.siblingrivalrywine.ca]]></source>
        <pubDate>2011-10-20 01:59:18</pubDate>
    </item>
    <item>
        <title>remood design</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110161311359.html]]></link>
        <text><![CDATA[
	一家德国平面设计公司的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011101600210426825_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.remood.net]]></source>
        <pubDate>2011-10-16 00:15:57</pubDate>
    </item>
    <item>
        <title>Miki Mottes</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011101689790723362101.html]]></link>
        <text><![CDATA[
	一位以色列平面动画师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011101600100998703_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Miki Mottes]]></author>
        <source><![CDATA[www.mikimottes.com]]></source>
        <pubDate>2011-10-16 00:07:03</pubDate>
    </item>
    <item>
        <title>H2O</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011100984868033287388.html]]></link>
        <text><![CDATA[
	一个巴西创意设计机构的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011100922110018975_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Estúdio Foma]]></author>
        <source><![CDATA[www.h2ocom.com.br]]></source>
        <pubDate>2011-10-09 22:10:05</pubDate>
    </item>
    <item>
        <title>David Hellmann</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20111009173047084371.html]]></link>
        <text><![CDATA[
	一位德国网页设计师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011100922041427532_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[David Hellmann]]></author>
        <source><![CDATA[www.davidhellmann.com]]></source>
        <pubDate>2011-10-09 22:00:27</pubDate>
    </item>
    <item>
        <title>Bounce</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110041918932.html]]></link>
        <text><![CDATA[
	供设计师和网站开发人员使用的在线应用，帮助更好的分享ideas、方便协同工作。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011100423533297481_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[ZURB]]></author>
        <source><![CDATA[www.bounceapp.com]]></source>
        <pubDate>2011-10-04 23:53:05</pubDate>
    </item>
    <item>
        <title>Blog Design Ninja</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110047496206271934.html]]></link>
        <text><![CDATA[
	一个网页设计团队的网站，专长博客设计。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011100423504377914_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.blogdesignninja.com]]></source>
        <pubDate>2011-10-04 23:48:12</pubDate>
    </item>
    <item>
        <title>Spoon</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201110044372868025.html]]></link>
        <text><![CDATA[
	一个马来西亚冰冻酸奶品牌的美国官网。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-10/2011100423260528714_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[fFurious]]></author>
        <source><![CDATA[www.ilovespoon.com]]></source>
        <pubDate>2011-10-04 23:25:26</pubDate>
    </item>
    <item>
        <title>cultural solutions uk</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201109231486118.html]]></link>
        <text><![CDATA[
	英国一个文化教育活动策划机构的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011092321180055571_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.culturalsolutions.co.uk]]></source>
        <pubDate>2011-09-23 21:07:16</pubDate>
    </item>
    <item>
        <title>Marlon Medau</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20110920651362480490.html]]></link>
        <text><![CDATA[
	一位德国网页设计师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011092020463151692_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Marlon Medau]]></author>
        <source><![CDATA[marlonmedau.de]]></source>
        <pubDate>2011-09-20 20:41:41</pubDate>
    </item>
    <item>
        <title>Idea Exhibit</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201109194359387351.html]]></link>
        <text><![CDATA[
	一个创意构想展示和交流的平台。

	Share your ideas and let them grow.
	分享你的创意构想，让它们成长。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011091921554128645_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[ideaexhibit.com]]></source>
        <pubDate>2011-09-19 21:53:00</pubDate>
    </item>
    <item>
        <title>Deidre Deda Bains official portfolio site</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011091857062348599.html]]></link>
        <text><![CDATA[
	一位美国平面及网页设计师的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011091811551495390_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Deidre Deda Bain]]></author>
        <source><![CDATA[deda.me]]></source>
        <pubDate>2011-09-18 11:30:32</pubDate>
    </item>
    <item>
        <title>ala</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011091627957620.html]]></link>
        <text><![CDATA[
	瑞士一家平面设计工作室的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011091623253132618_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Ala Ramildi ＆ René Keller]]></author>
        <source><![CDATA[ala.ch]]></source>
        <pubDate>2011-09-16 23:23:13</pubDate>
    </item>
    <item>
        <title>1minus1</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20110916661506172228.html]]></link>
        <text><![CDATA[
	一个英国网页设计及数字媒体代理商的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011091623044999395_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[1minus1.com]]></source>
        <pubDate>2011-09-16 22:57:31</pubDate>
    </item>
    <item>
        <title>The Wired mind</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011090388117607552584.html]]></link>
        <text><![CDATA[
	一个英国IT咨询网站上利用HTML5技术开发的内容展示应用。通过丰富的标签引导用户阅读想要的内容，带来与众不同的阅读体验。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011090312240625154_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.wired.co.uk/mind]]></source>
        <pubDate>2011-09-03 11:54:25</pubDate>
    </item>
    <item>
        <title>Luke Buda - Special Surprise</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201109034983184015.html]]></link>
        <text><![CDATA[
	新西兰歌手的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-09/2011090311463197411_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Resn]]></author>
        <source><![CDATA[www.specialsurprise.co.nz]]></source>
        <pubDate>2011-09-03 11:46:19</pubDate>
    </item>
    <item>
        <title>Patrick Bizier</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/201108267744027465840.html]]></link>
        <text><![CDATA[
	一位法国裔加拿大插画师的个人网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-08/2011082620511074673_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[OLA AGENCE INTERACTIVE]]></author>
        <source><![CDATA[www.patrickbizier.com]]></source>
        <pubDate>2011-08-26 20:31:50</pubDate>
    </item>
    <item>
        <title>nGen Works</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011082620927345.html]]></link>
        <text><![CDATA[
	一家美国网页设计制作公司的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-08/201108262018584609_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.ngenworks.com]]></source>
        <pubDate>2011-08-26 20:14:14</pubDate>
    </item>
    <item>
        <title>Feel! 奈良大</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011082129495317.html]]></link>
        <text><![CDATA[
	日本奈良大学的师资展示网站&mdash;&mdash;&ldquo;感受奈良大&rdquo;。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-08/2011082114253856959_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[]]></author>
        <source><![CDATA[www.nara-u.ac.jp/special]]></source>
        <pubDate>2011-08-21 14:05:16</pubDate>
    </item>
    <item>
        <title>Messages for Japan</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/2011081800036.html]]></link>
        <text><![CDATA[
	这个网站产生自悲剧的日本9.0级大地震后，对日本说点什么吧。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-08/2011081821322170650_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[Google]]></author>
        <source><![CDATA[www.messagesforjapan.com]]></source>
        <pubDate>2011-08-18 21:28:57</pubDate>
    </item>
    <item>
        <title>meomi cloud house</title>        <link><![CDATA[http://www.osstyle.cn/html/PrettySite/20110816357129250.html]]></link>
        <text><![CDATA[
	一家北美设计工作室的网站。
]]></text>
        <image><![CDATA[http://www.osstyle.cn/UploadFiles/2011-08/201108160202274469_S.jpg]]></image>
        <category><![CDATA[20103897912601]]></category>
        <author><![CDATA[meomi design]]></author>
        <source><![CDATA[www.meomi.com]]></source>
        <pubDate>2011-08-15 22:31:16</pubDate>
    </item>
</document>
