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

<channel>
	<title>淘未网</title>
	<atom:link href="http://www.taove.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.taove.com</link>
	<description>网站设计、广告设计、flash动画制作</description>
	<lastBuildDate>Mon, 24 Jan 2011 07:25:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>世界各地的2010冬奥会主题网站欣赏</title>
		<link>http://www.taove.com/?p=15694</link>
		<comments>http://www.taove.com/?p=15694#comments</comments>
		<pubDate>Mon, 24 Jan 2011 07:25:25 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15694</guid>
		<description><![CDATA[导读：与以往的奥运会不同，现今的奥运会有了更多的传播渠道，网站是其中主要信息来源之一。2010年冬奥会各个国家也制作了相应的主题网站，其中绝大部分都是用了蓝色加白色的配色方案，当然作为在冬季举行的运动会，这种配色也是最能体现冬季奥运会特点的方式。 2010冬奥会如火如荼，我国健儿摘金历历在目!我们来分享来自世界各地的冬奥会网站设计，这些网站都以蓝白色为主色，设计都良好的体现了“ With Glowing Hearts 用炽热的心”!让我们拿出UCD的热情为冬季奥林匹克奥运会贡献一份设计力量！ 澳大利亚 Australia 奥地利 Austria 加拿大 Canada 中国 China 法国 France 芬兰 Finland 德国 Germany 英国 Great Britian 日本 Japan 韩国 Korea 挪威 Norway 波兰 Poland 斯洛伐克 Slovakia 瑞典 Sweden 老美 United States espn nbc &#8230; <a href="http://www.taove.com/?p=15694">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15694</wfw:commentRss>
		<slash:comments>467</slash:comments>
		</item>
		<item>
		<title>20个独具特色的传统导航条设计</title>
		<link>http://www.taove.com/?p=15670</link>
		<comments>http://www.taove.com/?p=15670#comments</comments>
		<pubDate>Mon, 24 Jan 2011 07:22:12 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15670</guid>
		<description><![CDATA[导航条是网站设计中最重要的组成部分。随着各类网站的内容和风格差异，网页导航条也随之出现了各种风格，说设计者可以更具网站都有的风格设计出各种形式的导航条，当然大多数设计师还是愿意使用传统的导航条，因为这样更助于用户找到相关信息，并引导他们浏览该网站。 虽然我们大多数人都习惯使用传统的导航条风格，不过也有很多网站真的将导航条设计得极具创意，同时又让你的网站访问者感觉使用很方便。在本文中，我们将推荐一些横向TAB形式的菜单导航条，虽然是传统形式，不过他们在细节上依然体现了创意。 Mega Drop Down Menu Simple Underline Menu Red Tabs Menu Drop Line Tab Menus Glossy Menu Pink Block Menu Simple Drop Down Menu Color Underline Menu Round Button Menu Slightly Rounded Orange Menus Animated menu Image Menu Slide &#8230; <a href="http://www.taove.com/?p=15670">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15670</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>网站的配色方案实例探讨</title>
		<link>http://www.taove.com/?p=15594</link>
		<comments>http://www.taove.com/?p=15594#comments</comments>
		<pubDate>Mon, 24 Jan 2011 07:14:40 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15594</guid>
		<description><![CDATA[在颜色论系列的前两部分，我们主要讨论了 颜色背后的意义 和关于 颜色的术语。尽管这些信息非常重要，但我相信很多人都非常想知道什么时候才开始进入讨论创建一些实质的配色方案。 好吧，本文，也就是本系列的第三部分将介绍这个问题。我们将从头开始讨论创建属于你自己的配色方案的方法。我们还将讨论传统的配色方案模式（例如单色设计，类比设计，互补设计等），以及如何创建自定义的并不严格基于一种模式的方案。在本文最后，你将学会使用工具和技巧为自己的设计项目创建漂亮的调色板。提高技能的最好方法是实践，因此为自己设定一个目标，每天创建一个新的配色方案是个好主意。 快速回顾 让我们先回顾一下第一部分和第二部分的内容。在第一部分，我们谈到了不同的国家和文化，所有的颜色都具有传承而固有的不同意义。这些含义对于网站访客对网站是如何理解的有直接影响，即使这种影响只是潜意识层面的。 你所选择的颜色对你试图创建的品牌标识既有可能起到促进作用，也可能妨碍其发挥作用。 在第二部分，我们讨论了颜色术语：色相（是什么颜色，如蓝色或红色），色度（色彩中包含的单种标准色成分的多少，缺乏白色，加入黑色或灰色），饱和度（颜色的鲜艳程度是强还是弱），明度（颜色是亮还是暗）;色调（通过在纯的色相中加入灰色创建）;阴影色（通过在纯的色相中加入黑色创建）;以及浅色（通过在纯的色相中加入白色创建） 。对于要继续学习创建属于我们自己的配色方案来说，熟悉这些术语是非常重要的。 传统的配色方案类型 有许多使创建新方案更容易的预定义配色方案，对于初学者更是如此。下面是传统的方案，每一种有几个例子。 基本的12辐色轮是创建配色方案的重要工具。 单色 单色配色方案由不同的色调构成，是在特定色调内的阴影色和浅色。这是创建配色方案最简单的方法，因为它们都来自同一色相，因此尽管也有一定的可能，但是很难创建出一个不和谐的或者丑陋的方案。 示例： 这里有三个单色配色方案的例子。对于这些配色方案大部分来说，从左到右的第一个颜色通常被用作标题的颜色。第二个颜色将用于正文，或者也可用作背景。第三个颜色将可能用于背景，如果#2颜色被用作背景的话，那么它将被用于正文。而最后两种颜色将作为强调，或用在图形中。 类比 类比配色方案是仅次于单色的一个易于创建的配色方案。类比方案是由在12辐色轮中相邻的三种颜色创建的。一般来说，类比配色方案都具有相同的色度水平，但通过色调、阴影色和浅色的使用，我们可以增加这些方案的趣味，并且可以适应我们所设计网站的需要。 示例： 这是一个传统的类比配色方案，虽然它的视觉感染力很强，但是对于设计一个让人印象深刻的网站来说，颜色的对比度不够强。 这个一个和上图有相同色相的配色方案，但是色度上的调整体现出多样性。 它现在更适合用于网站设计。 另外一个传统类比配色方案的例子。 以上主题经过修正可以用于网站设计。 互补 互补配色方案是通过将色轮上对立面的颜色相融合来创建。这些配色方案最基本的形式是仅由两种颜色构成，但是可以很容易通过色调，浅色和阴影色的形式扩展。温馨提示：即使使用彼此相邻的具有相同色度或者明度而又完全相反的颜色可能看起来会很不和谐，从严格意义上来说，它们的边界看起来会很刺眼。因此最好通过在它们之间留白，或者在它们之间加入另一个过渡色来避免这种情况。 示例： 广范围的浅色、阴影色、和色调的应用让这个配色方案看起来非常具有通用特性。 另一个具有广范围色度的互补配色方案。 别忘了米色和棕色其实是橙色的浅色和阴影色。 分列互补 分列互补配色方案和互补配色方案几乎一样简单。这种配色方案使用的颜色是和位于你的基础色相对角位置的色相相邻左右的两种颜色，而非色轮上对角的颜色本身。 示例： 上图是一个以黄绿色为基础色相的配色方案。你所选择的这种类型的配色方案的颜色间拥有足够的色度和明度差别是非常重要的。 另一个具有广范围色度的调色板例子。 三元配色方案 三元配色方案由在12轮辐色轮中具有相等间隔的色相组成。和其他配色方案相比，这种方案稍显不同。 示例： 在三元配色方案中，使用一种颜色的浅色或深色版本，与另外两种颜色的两种阴影色/色调/浅色一起运用，让这种单一的颜色在配色方案中显得中立，可作为中和色使用。 &#8230; <a href="http://www.taove.com/?p=15594">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15594</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>从网页开发人员的角度来看IE8浏览器</title>
		<link>http://www.taove.com/?p=15589</link>
		<comments>http://www.taove.com/?p=15589#comments</comments>
		<pubDate>Mon, 24 Jan 2011 07:09:33 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15589</guid>
		<description><![CDATA[微软在去年可谓是动作比较大的一年，在去年3月份推出了最新版的IE8浏览器，而在年底又发布全新的操作系统Windows 7，自此新产品的市场占有率出现了一个增长的小高潮。“微软的IE8面对不仅仅是普通的浏览器用户，从IE8浏览器里自带的“开发人员工具”我们就可以看 出它更是一个面对网页开发人员的平台。”尽管微软早已建议低版本的IE用户把浏览器升级最新一代的浏览器IE8，但是有很多用户还在犹豫该不该把浏览器升级到IE8，这次我们就从网页开发人员的角度来谈谈升级IE浏览器的问题。   根据调研公司NetApps最新数据显示，在今年1月份，IE8在全球的浏览器市场份额首次超越IE6，成为全球使用最广泛的浏览器。 IE8市场份额达到了22.31%，高于去年12月的20.86%。IE8是从去年的3月份正式发布的，这意味着IE8仅用9个月时间就登上了浏览器排行榜冠军宝座。 微软早已建议用户放弃使用旧版的IE6浏览器，前段时间由于IE6中的漏洞造成谷歌等33家公司遭受大面积的网络攻击，微软发布紧急补丁去修复IE6中的漏洞。然而，即使是这样，谷歌还是宣布即将放弃对IE6的支持。此外，知名网站Facebook、Digg以及YouTube等都宣布终止对IE6提供支持。 但是在IE6在中国大陆的地位几乎从未发生变化，从2009年1月到2010年1月，IE6的份额从58.26%增加到59.67%，不但没有降低反而有所增长，可见IE6在国人的地位很难动摇。 那么作为一名开发人员，你是如何看待这个问题呢，该不该升级到IE8呢，那么我们先从IE8的一些新功能谈起吧： 1.活动内容服务 活动内容服务，意味着用户可以从网页服务中快速存取服务，用户通常对网页的内容进行复制粘贴，这里的情况是把网页中内容发送到一个web应用程 序中，例如，用户在页面看到一个餐厅地址，那么他就可以把看到的地址发送到地图服务中去。而其他情况，例如用户看到一篇有趣的文章，他也可以利用这项功能 把部分文字发送到博客中去。关于活动服务的内容，用户可以安装或管理。 2.网站订阅 WebSlices是一个新的功能，当用户接入网络之后可以不打开网站查看订阅内容，WebSlices似乎与Feeds之类比较相似，微软的演示为订阅天气预报。 3.收藏夹栏 之前IE7的收藏夹已经被扩展为一个完整的收藏夹栏，此栏目除了可以添加喜好的网站，还可以加入包括word、excel、powerpoint文件的地址。 4.自动故障恢复 IE系列浏览器的用户实际上经常能遇到IE浏览器崩溃的情况。再次打开IE之后，刚刚浏览的网页没有保存，你甚至不知道去那里找回它们。ACR自动故障恢复功能是IE 8浏览器的一个重要改进。当IE浏览器崩溃，ACR会自动保存用户浏览的页面，并恢复它们。 5.改进型反钓鱼过滤器 IE7中提供的网络反钓鱼过滤器在新的IE8中得到了发扬，当用户遇到可能的仿冒网站，此过滤器会弹出并警告用户可能的威胁。并且新加入了“安全过滤”功能，这种安全过滤器除了继续阻止已知的钓鱼网站，还可以检查已知的恶意软件，以减少用户个人信息失窃等问题。 那么IE8针对开发人员提供了那些新的开发工具呢? ·Html元素，现在使用ie8的开发工具，我们可以任意选中一个html元素，在页面上即时显示出这个元素的轮廓，并可以看到这个元素的子元 素到哪儿，更方便的是我们可以直接看到这个元素在浏览器解析中的运行时样式显示情况，更不可思议的是，我们可以在运行时改变启用或者禁用某一部分样式，并 看到没有这一部分样式的浏览器显示情况。 ·我们做web开发的都知道客户端调试很重要的一部分是对javascript的调试。尤其是web2.0，javascript和河蟹一样横 行霸道。ie8的javascript调试工具，可以和vs2008的客户端调试功能媲美了，有了ie8我们即时用笔记本也可以轻松的调试任意页面的 javascript了 在调试工具的左侧选项卡上选择脚本就会看到页面中的脚本，并且我们可以看到页面中引用的所有脚本文件，并随意选择设置断点，在它的右上角还有一个搜索脚本的功能，非常便捷，还能显示所有的断点、局部变量，监视等。可以这么说，用了ie8 web脚本调试不再有问题。 另外ie8的开发工具还可以单独清除某个站点的客户端缓存，可以单独清除某个站点的Cookie。 ·当你想查看一个网页的布局样式的时候，可以打开开发远远工具，选择“轮廓”，选择你需要显示的框架元素，比如table表，表格，div等任何元素，你也可以在显示里面选择是否显示类名(class)或者ID名。 ·你可以使用工具里面的标尺来测量页面内容的间距，可以用颜色拾取器来洗去页面任意区域的颜色，并复制到剪贴板。 总的来说，尽管IE8还有一些不足的之处，如在打开多个网页的时候占用的内存有点偏高，但是IE8可以为普通浏览器用户和网页设计者带来更多的便利， 而且，在安全性方面IE8也有着很大提高，这也是IE8浏览器的一个最大亮点。随着越来越多的人呼吁那些还在使用IE6的网民们应该尽快抛弃IE6，加之 全球越来越多的网站取消对IE6的支持，使用IE6浏览器也将会越来越不方便。如果你还在犹豫是否该放弃使用IE6，那么升级到IE8将会成为一个非常正确的决定。在IE9正式版尚未问世之前，我们希望更多的用户来了解和使用IE8。 本文来源：http://www.iefans.net/wangye-kaifa-ie8-web-texing/]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15589</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>35个知名企业的单字母logo标志设计</title>
		<link>http://www.taove.com/?p=15555</link>
		<comments>http://www.taove.com/?p=15555#comments</comments>
		<pubDate>Mon, 24 Jan 2011 07:07:48 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[平面设计]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15555</guid>
		<description><![CDATA[如果经常设计logo标志会发现，许多著名的公司与企业都是使用单字母的logo设计方式，比如麦当劳的“M”QuickTime的“Q”等等。这些公司都是利用其公司名称或产品打头的字母进行标志设计，这样做出来的标志既能给人加深印象，同时也很简练，值得标志设计师参考。 本文来源：http://ucdcom.com/Blog/post/134.html]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15555</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>网站前端开发人员应该掌握哪些技术？</title>
		<link>http://www.taove.com/?p=15551</link>
		<comments>http://www.taove.com/?p=15551#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:36:54 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[前端开发javascript]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15551</guid>
		<description><![CDATA[建议“网站前端开发”人员掌握的技术有以下几点 必备技术：XHTML+CSS  高级技术：Photoshop+JavaScript 拓展技术：Ajax+UE+SEO+PHP+Mysql 前端这一行，入门并不困难，掌握XHTML+CSS之后，基本上就可以找到一份工作。 其他的东西，我们可以入职后再慢慢学习。 那怎么才算掌握？掌握到什么程度？ 检验自己水平的最好方式就是实战！学代码，就要边学边做。 这是最基本的东西，一定要把基础打扎实。 做什么内容？ 我们既然是做前端的，为什么不用标准化的语言来写自己的简历？同样出去找工作，递一份doc的简历好使，还是递一个通过W3C验证的页面更有说服力？实在不知道拿什么东西练手，甚至可以去重构yahoo的网站，看看他们怎么写的，再对比一下自己的代码。琢磨琢磨他们为什么那么写，有什么优点，有什么缺陷。 之后呢？ 掌握JS 进了公司门，从第一天开始，就要学习JavaScript，玩到精。JS也是前端必备的技能之一。之所以把它列出去，是让初学者有一个渐进的步骤。同时学太多东西，难以消化，这样分开一步一步的玩精通，压力会小一些。学完这个，基本上就可以称为一个前端工程师了，对将来的工作非常有帮助。 选择性掌握PS Photoshop也是一定要学的，学到什么程度可以根据你自己的需求来定。如果将来想自己做单子，那PS就要玩的很地道。如果将来靠前端吃饭，去大公司是不需要前端开发做设计稿的，会分层切图就可以了。当然，如果PS玩的很好，是不错的事情。 最后谈一下拓展技能 Ajax、jQuery 这些绚烂的名词，等你工作1-2年，JavaScript玩的烂熟于心的时候，自然会接触到。把他们列为拓展技能，是因为目前中小型企业的网站上应用这些还不是很多，甚至应用JS的都不是很多。做到前边几项基本上就可以找到一份工作，再掌握这些，自然是画龙点睛之笔。但我的建议是，不妨先看一下下面几个技能，我个人感觉，更有价值。 PHP+Mysql或者ASP或者JSP或者…. 职业的特殊性决定了我们需要跟后端工作者频繁的沟通，掌握这方面的一些知识有利于更有效的交流问题。提升前端在整个团队中的形象，进而提升自己的待遇。另外，学好这部分东西，有企业找你做网站的时候，你可以拿的更稳妥。至于学PHP还是学JSP，根据自己的爱好来定，我个人比较喜欢PHP，wordpress是很好玩的东西。 SEO+UE（用户体验） 用户体验是王道，而SEO是吸引用户的王道。我投入了很大的精力在这一领域，所阅读的书籍甚至比前端的书籍还要多。当然，我也一直认为UE就是前端开发不可缺失的一部分。玩好这一点，往上，可以晋升到产品经理、部门经理的位置；往下，可以博得自己客户的满意。况且这东西并不难学，多留神观察生活就是了。何乐而不为？ 做好一个前端开发工程师，并不是我们最终的目的，前端是一个一专多长的职业，为什么不放大一下自己所学的知识，去做更有意义的工作？掌握了这些方方面面的技能之后，就已经具备了独立运营网站的技术实力。希望大家能更灵活的运用自己所拥有的能力，做更绚丽的作品，仅以此文共勉。 本文来源：http://uicss.cn/front-end-developer-needed-technical/]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15551</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>博客网站中常用的几种排版版式</title>
		<link>http://www.taove.com/?p=15518</link>
		<comments>http://www.taove.com/?p=15518#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:33:30 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15518</guid>
		<description><![CDATA[谈到博客网站的排版设计，很多人都不会觉得默认。因为大多数博客都不会采用很另类的设计方法，而使用传统的比如左右分栏等，当然每种排版方式都有自己的优势和特点，也和博客本身的信息量以及博主的喜好有关。 本文来自国外博客网站，收录了当下主流的一些博客网站排版样式。如果单从布局上来看都差别不大。但每个博客都自己的特色与想要表达的主题，这也可能就是设计博客最迷人的地方所在 Inspect Element Burciaga Nuwomb Creative Down With Webster Brian Casel Looks Like Good Design Design Chapel I Love Typography All City’s Graffiti Blog Future Buro Comfort Brothers Brian Hoff AEXT.NET Creative Week How I Took It One By &#8230; <a href="http://www.taove.com/?p=15518">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15518</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>五个实用的CSS属性演示</title>
		<link>http://www.taove.com/?p=15508</link>
		<comments>http://www.taove.com/?p=15508#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:29:10 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15508</guid>
		<description><![CDATA[导读：CSS有许多属性，很多时候我们在制作页面时都会用一些常用的属性，而一些并不常见的属性经常被大家忽略，其实有些被忽略的属性反而是很实用的，文中推荐的5个CSS属性都是大家不常用的，但当了解到这些属性的作用时，你就会发现他们是如此实用。 这篇文章介绍了 5 个实用的 CSS 属性。你应该很熟悉，但很可能很少会使用到。我并不是在谈论展望全新的 CSS3 属性，我指的是旧的 CSS2 中的属性，如：clip，min-height，white-space，curosr 和 display 等一些被所有浏览器广泛支持的属性。因此，千万不要错过这篇文章，因为你可能发现它们竟有如此之大的用途。 1、CSS Clip 剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。 图片剪辑实例（演示） 以下示例演示了如何使用 clip 属性掩盖一张图片。首先，指定 &#60;div&#62; 元素为 position:relative，然后指定 &#60;img&#62; 元素为 position:absolute，并且根据实际需要设定 rect 值。 .clip { position: relative; height: &#8230; <a href="http://www.taove.com/?p=15508">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15508</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>看看使用HTML5标准制作的网站与页面</title>
		<link>http://www.taove.com/?p=15485</link>
		<comments>http://www.taove.com/?p=15485#comments</comments>
		<pubDate>Mon, 24 Jan 2011 06:14:36 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15485</guid>
		<description><![CDATA[HTML5在建站领域已经被许多人所讨论，就从之前的介绍上来看，HTML5的确有更多的功能。但真正使用其来制作的网页并不多见，本文是国外人使用HTML5及其标准来制作的一些网站及页面，其实大多数都变化不大，大家可以看下不同浏览器下这些页面的表现如何。 1. en.opera.se 访问网站 2. m-mstudio 访问网站 3. grigorlawyers 访问网站 4. smithsgardentown 访问网站 5. lovemovie 访问网站 6. cursoclio 访问网站 7. mollar 访问网站 8. html5slicer 访问网站 9. pushdialer 访问网站 10. spaghettiphp 访问网站 11. zoocha 访问网站 12. freszki 访问网站 13. energycell 访问网站 &#8230; <a href="http://www.taove.com/?p=15485">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15485</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>找准“用户体验”的推出时机</title>
		<link>http://www.taove.com/?p=15478</link>
		<comments>http://www.taove.com/?p=15478#comments</comments>
		<pubDate>Fri, 21 Jan 2011 09:34:40 +0000</pubDate>
		<dc:creator>taove</dc:creator>
				<category><![CDATA[网页布局Div+css]]></category>

		<guid isPermaLink="false">http://www.taove.com/?p=15478</guid>
		<description><![CDATA[本来用户体验这个事情只是我们从业者热菜炒冷饭的事情，把很多概念与技术手段打包一下投入到产品（服务）设计的初期，并在整个过程中进行检验、迭代、优化、重复的过程。但是我发现，即使在工程师林立、高智商货色充裕的通信产品或者互联网行业中，仍然还是少不了所谓“专业的用户体验设计师” — 这个称呼虽然就不专业，但是非常好理解。 问题来了，大部分一腔热血投入圈子的朋友们，一则有可能过去在平面，在视觉，在前端开发上混得不好，于是找个务虚的靠山继续保住饭碗，运气好的话还能顺便增值；一则有可能不愿意继续干纯技术活路，要包装前程和简历，抓到往管理层发展的救命稻草，意图打蛇打到七寸上，结果除了名片称呼变了变，干的还是类似的活。 “为什么推行用户体验的设计理念这么难？”，“我的级别虽然是经理，但是在用户体验推广层面完全说不上话” — 其实这在很大程度上并不是设计师的问题，而是我们没有找准“推行的时机”，这和玩游戏是一样的道理，光有自身积累，战略，战术还不够，准确的timing更为重要。 下面说到的是之前公司高层会议上我的一个演讲稿，关于在公司中如何推行用户体验策略的问题（请不要使用这些图片写你的PPT,你自己另外画一遍我默许），分享一下： 1. 客户需求 纵轴是公司目前需要导入用户体验整体战略的重要程度，横轴是公司目前需要导入用户体验整体战略的紧急程度。比如：你的公司目前的产品仅仅只关注如何获取市场需求，如何确定商业模式的创业阶段，那么还不到产品实现层面，目前开始考虑用户体验是空泛的，没有什么价值。就像你是一个做筷子的厂家，如果你的筷子是往内地三线城市或者农村销售的，价低量足，质量OK成为产品唯一的诉求，它在这个层面上没有什么“隐性体验”存在，而当你把筷子厂做大了，要出口了，或许你要考虑很多问题，比如环保的ISO标准，对于人群的安全性（如果你做钢筷，那么监狱或医院一般是不会采购的），包装用语和色彩的规范等 — 而这些问题，一个简单的质监部分甚至从来不曾考虑。 当然，你可以建议公司参考一些其他产品成功的做法，不过你得小心，在别人的产品上成功的经验，未必就能复制到你的产品上。你也不可能意淫阿迪王可以超过阿迪达斯。 这个图很好理解，关键部分都集中于右上区域（下面的我也会集中于这个部分说）。“服务什么用户”和“客户的真正需求”比较好懂，“成本控制”和用户体验的关系不仅仅是降低投诉率与售后维护的成本，还包括人力成本（更少的人来运作客户热线，更少的人来维持用户标语静坐的现场次序 — 比如房地产产品），时间成本（对内沟通：流程与数据的管控，对外沟通：用户指导与帮助的渠道增加 — 的成本都会降低）；“产品周期”决定了品质改善的细节，有些问题在于BUG，有些问题在于Availability，有些问题在于Usability，当每次产品进行阶段重要更新的时候（网站新首页、软件非beta的新版本、楼盘的新一期开盘、汽车的新一款型号等），有效的用户体验策略会降低更新的成本以及更新需要的时间。 2. 产品质量 关于图里面出现的“一维”、“无差”、“魅力”质量这些名词可以参看 Kano模型 的解释，我不做理论普及。我要说的是，从国内目前的消费群体以及市场环境来说，在产品质量本身上对于用户体验的考虑，获得的效果远远不及在“设计竞争力”和“品牌建设”方面获得的效果要明显，或者更直观。这也就解释了很多国内制造代工类企业，或者做供应链、外贸、运输等基础建设的行业，如此不重视“用户”的原因。 因为基本上这类企业产出的产品或者服务是一种强势产品，这些产品不接受来自“用户”的反馈，比如汽油，中石油和中石化供应产品，全国各地加油站建设以加盟认证和国家检验累加的标准进入，从产出到供应整个环节都是严格控制的。这个过程导致在油品（93-98，我标定了，你遵守，你的车也是根据这个标准设计的，你没得选，除非你自己炼油）、库存（今天加完就没你的，要加对不起，明天赶早）、售价（国家认为要加价，当然是以打着节能减排或者国际形势的旗号加的，你也没法，除非你不开，没有议价空间）、服务（我只加油，你希望加油过程中顺便帮你冲一下车身，对不起，旁边有收费的保养店）各个环节都不存在“体验优化”的空间，也不需要。至于加油站送纸巾，送地图的行为对于“用户体验”来说杯水车薪，而且没有更大的空间，这牵涉到成本的问题。 这就说明了一个企业或者一个产品对于“用户体验”的考虑，价值往往会千差万别，所以在经济世界和工商环境中，企业的发展和生存，高于用户体验的层级是“是否具备市场的约束力”或者“提供市场需求的优化方式”，而不是“是否考虑用户” — 这个时候往往有摇旗派要说“如果你不重视用户体验，你的企业和产品迟早会被用户抛弃的”，我比较无奈这种酸秀才论调，首先我没有看到任何一个因为用户体验倒闭的公司，其次我没有看到任何一个因为用户体验成功的公司（理智的你应该知道苹果也不是），请注意我这里说的不是那种做用户体验咨询的公司。 所以，用户体验本身是加分签，不是生死签，推动得好自然让产品和服务变得更好，但无法帮助企业快速成功，这是个细水长流的事情，因为它长流，所以很多土鳖老板总觉得这事儿老投入，没产出；而没有用户体验呢？企业也一定不会死，它有可能受到冲击，但没有媒体或者公众事件放大的话，基本无忧，相比而言企业法人不小心让车撞了更能影响企业的稳定。 3. 竞争对手 比起研究用户更重要的是，研究你的对手，如果你还没有发现你的对手，请尽快找到他。行业的信息几乎是透明的，像全裸秀，但是对手总是穿着军大衣。面对各种枪文和经济专家拐弯磨脚的论调，企业要研究对手的方法更有效的是拜访，调查，培训学习或者挖人。 一个优秀团队的人力或者高手，就是你欠缺的“产品驱动力”，他们还会带来“用户分析”和“市场分析”的方法，甚至现成的成果，当然，没有人会承认“我不忠于上一家公司”，比起道德感来说，人们更愿意选择“我很蠢”。实际情况是，学习你的竞争对手最好的方式，就是把他们关于用户体验的经验和成果，掠夺过来。而这也是你应该在你企业中防范的事情。你可以从竞争对手的产品上发现各种“优点”，但是这些“优点”产生的原因和前提却更为重要，跟随型的公司可以做得不错，但绝不会做到最好。 这牵涉到你的老板，如果他是一个小富即安，稳扎稳打的角色，那么势必在“用户体验”层面考虑得会比较慢，你的职业发展也会慢一些；如果他是一个产品激进派，他对人才的渴望也会更强烈，打仗会很过瘾，同时也会带来对于设计本身的过多干扰。凡事都没有最好的结果，只有最美的过程，如果你的竞争对手正在这么做，你也应该作出反应，而不是等着机会或者变革。 做好用户体验很重要，但不同时期它的必要性不同，企业首先是稳定，其次是发展，然后是优秀，最后是卓越 — 用户体验的重要性也依次递增。 这三个维度是在为用户考虑的时候都需要关注到的部分，三个三角构成稳定的前奏，如果你公司的产品业务需要创新、你的市场运营部门告诉你“最近用户对我们的产品有很多不满意”、你的团队成员告诉你“我有新的想法，这个设计也许可以提升用户的满意度” — 那么你应该毫不犹豫的在全公司开始推行“用户体验”的战略，首先让生产者建立为用户思考的良心。 &#8230; <a href="http://www.taove.com/?p=15478">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
		<wfw:commentRss>http://www.taove.com/?feed=rss2&amp;p=15478</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

