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

<channel>
	<title>好易阁-品味互联网人生 &#187; 网站素材</title>
	<atom:link href="http://www.helloyi.cn/index.php/tag/sucai/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.helloyi.cn</link>
	<description>春色三分,二分尘土,一分流水</description>
	<lastBuildDate>Fri, 30 Sep 2011 08:46:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>SWFDecompilerV5.1硕思闪客精灵+注册码</title>
		<link>http://www.helloyi.cn/index.php/2009/08/18/swf-decompiler-v5-1-sn/</link>
		<comments>http://www.helloyi.cn/index.php/2009/08/18/swf-decompiler-v5-1-sn/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 05:34:41 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[酷软推荐]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2886</guid>
		<description><![CDATA[硕思闪客精灵是一款国际领先的Flash反编译工具。支持大量数据的反编译和导出是硕思闪客精灵企业版的工具优点，它不但能捕捉、反编译、查看和提取shockwave Flash 影片（.swf和.exe格式文件），而且可以将SWF格式文件转化为FLA格式文件。在任意一个大容量的Flash影片上都能轻松的完成反编译和数据元素的导出。它让用户能够批量反编译多文件和批量导出FLA文件及资源。硕思闪客精灵还提供了一个辅助工具&#8211;闪客名捕，它是一个SWF捕捉工具。当用户在IE浏览器或Firefox浏览器中浏览网页的同时，可以使用它来捕捉Flah动画并保存到本机。 下载地址:http://www.sothink.com/ 注册码: Name: Ali1100 key: 031HE5-73WZMZ-M5T1ZV-UBRXF7-90HGT1-N8DF7V-TET84C-BGKN60-8FW53J-C2E0EM-6XB13Y-26PVYD key: 031HE5-73WZMZ-M5T1ZV-UBRXF7-90HMMK-M690Z3-7T6J9D-F7AAWV-W760D6-JQH23U-V5EPQ8-EJZT6F]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-2887 alignleft" title="swfdecomplier" src="http://www.helloyi.cn/wp-content/uploads/2009/08/swfdecomplier.jpg" alt="swfdecomplier" width="326" height="115" />硕思闪客精灵是一款国际领先的Flash反编译工具。支持大量数据的反编译和导出是硕思闪客精灵企业版的工具优点，它不但能捕捉、反编译、查看和提取shockwave Flash 影片（.swf和.exe格式文件），而且可以将SWF格式文件转化为FLA格式文件。在任意一个大容量的Flash影片上都能轻松的完成反编译和数据元素的导出。它让用户能够批量反编译多文件和批量导出FLA文件及资源。硕思闪客精灵还提供了一个辅助工具&#8211;闪客名捕，它是一个SWF捕捉工具。当用户在IE浏览器或Firefox浏览器中浏览网页的同时，可以使用它来捕捉Flah动画并保存到本机。</p>
<p><span id="more-2886"></span>下载地址:<a href="http://www.sothink.com/" target="_blank">http://www.sothink.com/</a></p>
<p>注册码: Name: Ali1100<br />
key: 031HE5-73WZMZ-M5T1ZV-UBRXF7-90HGT1-N8DF7V-TET84C-BGKN60-8FW53J-C2E0EM-6XB13Y-26PVYD</p>
<p>key: 031HE5-73WZMZ-M5T1ZV-UBRXF7-90HMMK-M690Z3-7T6J9D-F7AAWV-W760D6-JQH23U-V5EPQ8-EJZT6F</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/08/18/swf-decompiler-v5-1-sn/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30个漂亮的Photoshop按钮和徽章制作</title>
		<link>http://www.helloyi.cn/index.php/2009/08/12/30-useful-photoshop-buttons-and-badges-tutorials/</link>
		<comments>http://www.helloyi.cn/index.php/2009/08/12/30-useful-photoshop-buttons-and-badges-tutorials/#comments</comments>
		<pubDate>Tue, 11 Aug 2009 16:00:43 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[WEB前端]]></category>
		<category><![CDATA[Adobe系列]]></category>
		<category><![CDATA[网站素材]]></category>
		<category><![CDATA[网页设计]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2827</guid>
		<description><![CDATA[有时你的网站设计，会因为一个简单的按钮，而带来不好的用户体验，所以你使其适合您的网站按钮和布局和设计，这样可以帮助你的读者轻松浏览。下面收集了30按钮制作教程希望可以帮助您创建出漂亮的网站界面按钮。 Slick and Clean Button in Photoshop Glassy Button or Enamel Badge Micro Bevel Button Flexible Buttons Glossy Button Simple Yet Effective, Clean and Shining Button Social Networking Chicklets in Photoshop Small Colorful Buttons Modern Button in Photoshop Cool Blue Buttons Tutorial Pill Button RSS Button Clean Web Button iPhone-like Button Call To Action Button [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-thumbnail wp-image-2830 alignleft" title="psbutton1" src="http://www.helloyi.cn/wp-content/uploads/2009/08/psbutton1-150x150.jpg" alt="psbutton1" width="150" height="150" />有时你的网站设计，会因为一个简单的按钮，而带来不好的用户体验，所以你使其适合您的网站按钮和布局和设计，这样可以帮助你的读者轻松浏览。下面收集了30按钮制作教程希望可以帮助您创建出漂亮的网站界面按钮。</p>
<p><span id="more-2827"></span><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/">Slick and Clean Button in Photoshop</a></p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-a-slick-and-clean-button-in-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton1.jpg" alt="Photoshop Buttons and Badges Tutorials" width="448" height="249" /></a></p>
<h5><a href="http://www.graphic-design-employment.com/glassy-button-or-enamel-badge.html">Glassy Button or Enamel Badge</a></h5>
<p><a href="http://www.graphic-design-employment.com/glassy-button-or-enamel-badge.html"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton2.jpg" alt="Photoshop Buttons and Badges Tutorials" width="446" height="250" /></a></p>
<h5><a href="http://www.supadupawebdesign.co.uk/tutorials/Adobe-Photoshop-2/Micro-Bevel-Button-28">Micro Bevel Button</a></h5>
<p><a href="http://www.supadupawebdesign.co.uk/tutorials/Adobe-Photoshop-2/Micro-Bevel-Button-28"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton3.jpg" alt="Photoshop Buttons and Badges Tutorials" width="424" height="232" /></a></p>
<h5><a href="http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/">Flexible Buttons</a></h5>
<p><a href="http://veerle.duoh.com/blog/comments/creating_flexible_buttons_using_photoshop_shapes_and_styles/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton4.jpg" alt="Photoshop Buttons and Badges Tutorials" width="383" height="247" /></a></p>
<h5><a href="http://nobstutorials.deviantart.com/art/Glossy-Button-Tutorial-65670723">Glossy Button</a></h5>
<p><a href="http://nobstutorials.deviantart.com/art/Glossy-Button-Tutorial-65670723"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton5.jpg" alt="Photoshop Buttons and Badges Tutorials" width="414" height="247" /></a></p>
<h5><a href="http://www.psdvault.com/web-graphics/design-a-simple-yet-effective-clean-and-shining-button-for-your-website-in-photoshop/">Simple Yet Effective, Clean and Shining Button</a></h5>
<p><a href="http://www.psdvault.com/web-graphics/design-a-simple-yet-effective-clean-and-shining-button-for-your-website-in-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton6.jpg" alt="Photoshop Buttons and Badges Tutorials" width="421" height="240" /></a></p>
<h5><a href="http://blulob.com/2009/05/17/create-social-networking-chiclets-photoshop/">Social Networking Chicklets in Photoshop</a></h5>
<p><a href="http://blulob.com/2009/05/17/create-social-networking-chiclets-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton7.jpg" alt="Photoshop Buttons and Badges Tutorials" width="422" height="243" /></a></p>
<h5><a href="http://coregfx.org/tutorials/create-small-colorful-buttons-in-photoshop/">Small Colorful Buttons</a></h5>
<p><a href="http://coregfx.org/tutorials/create-small-colorful-buttons-in-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton8.jpg" alt="Photoshop Buttons and Badges Tutorials" width="415" height="250" /></a></p>
<h5><a href="http://www.toxiclab.org/tutorial.asp?ID=314">Modern Button in Photoshop</a></h5>
<p><a href="http://www.toxiclab.org/tutorial.asp?ID=314"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton9.jpg" alt="Photoshop Buttons and Badges Tutorials" width="409" height="250" /></a></p>
<h5><a href="http://www.freedivs.com/tutorials/Cool%20Blue%20Buttons/">Cool Blue Buttons Tutorial</a></h5>
<p><a href="http://www.freedivs.com/tutorials/Cool%20Blue%20Buttons/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton10.jpg" alt="Photoshop Buttons and Badges Tutorials" width="394" height="251" /></a></p>
<h5><a href="http://tutorialqueen.com/photoshop-tutorials/photoshop-tutorial-website-pill-button-icon-design-in-photoshop">Pill Button</a></h5>
<p><a href="http://tutorialqueen.com/photoshop-tutorials/photoshop-tutorial-website-pill-button-icon-design-in-photoshop"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton11.jpg" alt="Photoshop Buttons and Badges Tutorials" width="401" height="249" /></a></p>
<h5><a href="http://www.adobetutorialz.com/articles/3008/1/RSS-button">RSS Button</a></h5>
<p><a href="http://www.adobetutorialz.com/articles/3008/1/RSS-button"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton12.jpg" alt="Photoshop Buttons and Badges Tutorials" width="396" height="247" /></a></p>
<h5><a href="http://tutorialtab.net/?p=82">Clean Web Button</a></h5>
<p><a href="http://tutorialtab.net/?p=82"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton13.jpg" alt="Photoshop Buttons and Badges Tutorials" width="411" height="248" /></a></p>
<h5><a href="http://yesterdayishere.com/now/log/iphone-like-button-in-photoshop/">iPhone-like Button</a></h5>
<p><a href="http://yesterdayishere.com/now/log/iphone-like-button-in-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton14.jpg" alt="Photoshop Buttons and Badges Tutorials" /></a></p>
<h5><a href="http://www.blog.exxcorpio.com/2009/06/18/beginner-photoshop-tutorial-create-a-call-to-action-button/">Call To Action Button</a></h5>
<p><a href="http://www.blog.exxcorpio.com/2009/06/18/beginner-photoshop-tutorial-create-a-call-to-action-button/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton15.jpg" alt="Photoshop Buttons and Badges Tutorials" /></a></p>
<h5><a href="http://tips.bexinh.cn/photoshop-create-web-20-button/173/">Web 2.0 Button</a></h5>
<p><a href="http://tips.bexinh.cn/photoshop-create-web-20-button/173/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton16.jpg" alt="Photoshop Buttons and Badges Tutorials" width="449" height="249" /></a></p>
<h5><a href="http://www.online-photoshoptutorials.com/2008/04/making-modern-looking-navigation-button.html">Modern Looking Navigation Button</a></h5>
<p><a href="http://www.online-photoshoptutorials.com/2008/04/making-modern-looking-navigation-button.html"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton17.jpg" alt="Photoshop Buttons and Badges Tutorials" width="434" height="250" /></a></p>
<h5><a href="http://digicraft.blogspot.com/2008/04/learn-how-to-creatively-create-glass.html">Create Glassy Button</a></h5>
<p><a href="http://digicraft.blogspot.com/2008/04/learn-how-to-creatively-create-glass.html"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton18.jpg" alt="Photoshop Buttons and Badges Tutorials" /></a></p>
<h5><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-calculater-button-logo-icon">Photoshop Calculater Button</a></h5>
<p><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-calculater-button-logo-icon"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton19.jpg" alt="Photoshop Buttons and Badges Tutorials" width="443" height="252" /></a></p>
<h5><a href="http://www.photoshop-garden.com/view_tut.php?id=32">Simple Button</a></h5>
<p><a href="http://www.photoshop-garden.com/view_tut.php?id=32"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton20.jpg" alt="Photoshop Buttons and Badges Tutorials" width="444" height="461" /></a></p>
<h5><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-business-print-button-logo-icon">Simple Button</a></h5>
<p><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-business-print-button-logo-icon"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton21.jpg" alt="Photoshop Buttons and Badges Tutorials" width="426" height="232" /></a></p>
<h5><a href="http://psfreak.com/2008/02/13/basic-sleek-button/">Basic Sleek Button</a></h5>
<p><a href="http://psfreak.com/2008/02/13/basic-sleek-button/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton22.jpg" alt="Photoshop Buttons and Badges Tutorials" width="432" height="245" /></a></p>
<h5><a href="http://psfreak.com/2008/02/10/vista-styled-button/">Vista Styled Button</a></h5>
<p><a href="http://psfreak.com/2008/02/10/vista-styled-button/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton23.jpg" alt="Photoshop Buttons and Badges Tutorials" width="427" height="250" /></a></p>
<h5><a href="http://adobeperson.com/photoshop-basic-drawings/design-panic-button-logo-icon-in-photoshop">Panic Button</a></h5>
<p><a href="http://adobeperson.com/photoshop-basic-drawings/design-panic-button-logo-icon-in-photoshop"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton24.jpg" alt="Photoshop Buttons and Badges Tutorials" width="428" height="320" /></a></p>
<h5><a href="http://tutorialagent.com/best-photoshop-tutorials/photoshop-buzline-button-logo-icon">Buzline Button</a></h5>
<p><a href="http://tutorialagent.com/best-photoshop-tutorials/photoshop-buzline-button-logo-icon"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton25.jpg" alt="Photoshop Buttons and Badges Tutorials" width="419" height="243" /></a></p>
<h5><a href="http://www.designtutorials.info/volume-control-widget/">Volume Control Widget</a></h5>
<p><a href="http://www.designtutorials.info/volume-control-widget/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton26.jpg" alt="Photoshop Buttons and Badges Tutorials" width="426" height="254" /></a></p>
<h5><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/photoshop-button-maker/">Photoshop Button Maker</a></h5>
<p><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/photoshop-button-maker/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton27.jpg" alt="Photoshop Buttons and Badges Tutorials" width="422" height="500" /></a></p>
<h5><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/">Nice ‘n’ Simple Subscribe Badges</a></h5>
<p><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton28.jpg" alt="Photoshop Buttons and Badges Tutorials" width="402" height="199" /></a></p>
<h5><a href="http://www.photoshopstar.com/web-graphics/satisfaction-guaranteed-seal-or-badge/">100% Satisfaction Guaranteed Seal/Badge</a></h5>
<p><a href="http://www.photoshopstar.com/web-graphics/satisfaction-guaranteed-seal-or-badge/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton29.jpg" alt="Photoshop Buttons and Badges Tutorials" width="372" height="190" /></a></p>
<h5><a href="http://www.floatingcitydesigns.com/magazine/2009/01/trendy-sticker-tutorial.html">Trendy Sticker Tutorial</a></h5>
<p><a href="http://www.floatingcitydesigns.com/magazine/2009/01/trendy-sticker-tutorial.html"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton30.jpg" alt="Photoshop Buttons and Badges Tutorials" width="365" height="200" /></a></p>
<h5><a href="http://www.estrellastudios.com/blog/blog-print/print-design-creating-buttons-in-photoshop/">Creating buttons in Photoshop</a></h5>
<p><a href="http://www.estrellastudios.com/blog/blog-print/print-design-creating-buttons-in-photoshop/"><img src="http://speckyboy.com/wp-content/uploads/2009/08/psbutton31.jpg" alt="Photoshop Buttons and Badges Tutorials" width="341" height="199" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/08/12/30-useful-photoshop-buttons-and-badges-tutorials/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>照片也疯狂简体正式版-CrazyTalk4</title>
		<link>http://www.helloyi.cn/index.php/2009/08/07/crazytalk4/</link>
		<comments>http://www.helloyi.cn/index.php/2009/08/07/crazytalk4/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 16:02:50 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[酷软推荐]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2734</guid>
		<description><![CDATA[１·简单四个步骤，让你的照片开口说话！ ２·２０种不同的表情，上千种的强度变化！ ３·真人录音与文字输入两种说话模式 ４·人工智能口型分析。 ５·多种输出格式 国内首发,让照片张口说话 CrazyTalk4.5正式版!最新版本! CrazyTalk 最佳代言人是一套让照片会说话的软体。除了说话，还可加入丰富的表情变化。找一张独具魅力的照片，再录下您美妙的声音，讲个笑话、唱首歌，透过电子邮件问候您的好友。最佳代言人可以输出 ActiveX Control（可内嵌至网页的元件），把这张说话的照片发佈至网路上，诚徵网友、播报八卦，甚至做成电子售货员，让它成为您的网站代言人。 进阶的使用者，可以利用程式语言，即时控制网站代言人，并产生各种趣味的互动，如互动聊天室、互动教学、人工智慧的客服员。 应用范围： 寄发电子邮件利用最佳代言人问候老朋友，或是开玩笑、告白、懺悔…。输出媒体档案可输出影片档、序列图档，供其他媒体剪辑用。 网站代言人最佳代言人可以将说话的照片发佈至网路上，让它成为您的网站代言人。智慧型代言人可以利用程式语言，即时控制网站代言人，并产生各种趣味的互动。 点击下载]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloyi.cn/index.php/2009/08/06/crazytalk4"><img class="size-full wp-image-2735 alignright" title="crazylaik4" src="http://www.helloyi.cn/wp-content/uploads/2009/08/crazylaik4.jpg" alt="" width="296" height="86" /></a>１·简单四个步骤，让你的照片开口说话！<br />
２·２０种不同的表情，上千种的强度变化！<br />
３·真人录音与文字输入两种说话模式<br />
４·人工智能口型分析。<br />
５·多种输出格式<br />
国内首发,让照片张口说话 CrazyTalk4.5正式版!最新版本!</p>
<p><span id="more-2734"></span>CrazyTalk<br />
最佳代言人是一套让照片会说话的软体。除了说话，还可加入丰富的表情变化。找一张独具魅力的照片，再录下您美妙的声音，讲个笑话、唱首歌，透过电子邮件问候您的好友。最佳代言人可以输出 ActiveX<br />
Control（可内嵌至网页的元件），把这张说话的照片发佈至网路上，诚徵网友、播报八卦，甚至做成电子售货员，让它成为您的网站代言人。<br />
进阶的使用者，可以利用程式语言，即时控制网站代言人，并产生各种趣味的互动，如互动聊天室、互动教学、人工智慧的客服员。<br />
应用范围：<br />
寄发电子邮件利用最佳代言人问候老朋友，或是开玩笑、告白、懺悔…。输出媒体档案可输出影片档、序列图档，供其他媒体剪辑用。<br />
网站代言人最佳代言人可以将说话的照片发佈至网路上，让它成为您的网站代言人。智慧型代言人可以利用程式语言，即时控制网站代言人，并产生各种趣味的互动。</p>
<p><a href="http://www.verycd.com/topics/181830/">点击下载</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/08/07/crazytalk4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>网站结构画图分析工具-Oversite</title>
		<link>http://www.helloyi.cn/index.php/2009/07/31/website-oversite/</link>
		<comments>http://www.helloyi.cn/index.php/2009/07/31/website-oversite/#comments</comments>
		<pubDate>Fri, 31 Jul 2009 06:03:06 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[站长工具]]></category>
		<category><![CDATA[网站素材]]></category>
		<category><![CDATA[酷软推荐]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2707</guid>
		<description><![CDATA[OverSite是一个高级线性结构软件，它可以帮你快速定义你的网站或者软件的结构层次，对软件、网站设计和开发者、建筑师来说都是非常实用的工具。 Oversite提供了控件菜单，用于为网站创建线框图、概念图或者软件原型。 OverSite有很多组件和形状以供选用来创建线框图。他的拖曳功能很像切蛋糕。 你可以为你创建的组建添加标注，在耗时较长的开发中这是非常有用的，也能够帮助理解情景概念。 它有很多围绕软件原型的功能。如果你需要使用它创建网站构架，则OverSite能够自动生成网站地图表示构架。 可以将网站构架和线框图导出到HTML（也可以导出成PDF格式，当然PDF格式就没有点击链接功能了）。 点击下载 官方网站：http://taubler.com/oversite/website_software_wireframe_tools.shtml]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloyi.cn/index.php/2009/07/31/website-oversite"><img class="size-full wp-image-2708 alignleft" title="oversite" src="http://www.helloyi.cn/wp-content/uploads/2009/07/oversite.jpg" alt="" width="284" height="197" /></a>OverSite是一个高级线性结构软件，它可以帮你快速定义你的网站或者软件的结构层次，对软件、网站设计和开发者、建筑师来说都是非常实用的工具。<br />
Oversite提供了控件菜单，用于为网站创建线框图、概念图或者软件原型。<br />
OverSite有很多组件和形状以供选用来创建线框图。他的拖曳功能很像切蛋糕。<br />
你可以为你创建的组建添加标注，在耗时较长的开发中这是非常有用的，也能够帮助理解情景概念。<br />
它有很多围绕软件原型的功能。如果你需要使用它创建网站构架，则OverSite能够自动生成网站地图表示构架。<br />
可以将网站构架和线框图导出到HTML（也可以导出成PDF格式，当然PDF格式就没有点击链接功能了）。</p>
<p><span id="more-2707"></span><a href="http://www.verycd.com/topics/2760267/">点击下载</a></p>
<p>官方网站：http://taubler.com/oversite/website_software_wireframe_tools.shtml</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/07/31/website-oversite/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>最新9款免费QQ空间flash挂件代码</title>
		<link>http://www.helloyi.cn/index.php/2009/06/24/9-qq-zone-flash-code/</link>
		<comments>http://www.helloyi.cn/index.php/2009/06/24/9-qq-zone-flash-code/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 07:19:06 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[qq]]></category>
		<category><![CDATA[qq技巧]]></category>
		<category><![CDATA[QQ相关]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2656</guid>
		<description><![CDATA[javascript:window.top.space_addItem(16,28207,0,0,440,30,0)(爱心,自创)   javascript:window.top.space_addItem(16,27931,0,0,440,30,0)(十字架,跑来跑去,自创)  javascript:window.top.space_addItem(16,27785,0,0,440,35,0)(粉色往上飘,自创)  javascript:window.top.space_addItem(16,27868,0,0,440,28,0)(箭头走动,自创) javascript:window.top.space_addItem(16,31717,0,0,400,35,0);圈圈外阔  javascript:window.top.space_addItem(16,27932,300,140,300,80,200)上下动来动去,(自 javascript:window.top.space_addItem(16,27906,350,100,580,40,200)下雨了(自创) javascript:window.top.space_addItem(16,31713,0,0,440,30,0);(猫咪,自创) javascript:window.top.space_addItem(16,30117,0,0,440,40,0)(往上飘,自创) QQ空间免费播放器代码 旋律：javascript:window.top.space_addItem(6,1228,0,0,200,200,0);  茶色：javascript:window.top.space_addItem(6,702,0,0,200,200,0);  水晶年代：javascript:window.top.space_addItem(6,703,0,0,200,200,0);             Blue：javascript:window.top.space_addItem(6,676,0,0,200,200,0); 空间代码使用方法 1、登陆QQ空间，点击QQ空间上面的“自定义”。 2、复制此代码，标点符号都要带上。 3、把QQ空间浏览器里面地址都清除掉。 4、粘贴此代码到QQ空间浏览器地址栏里面，直接敲回车或点浏览器地址栏右边的“转到”待效果出来后，再点击“保存方按”。 5、刷新浏览器也可以按F5，效果就出来了，OK，添加完毕]]></description>
			<content:encoded><![CDATA[<p>javascript:window.top.space_addItem(16,28207,0,0,440,30,0)(爱心,自创)  </p>
<p>javascript:window.top.space_addItem(16,27931,0,0,440,30,0)(十字架,跑来跑去,自创) </p>
<p><span id="more-2656"></span>javascript:window.top.space_addItem(16,27785,0,0,440,35,0)(粉色往上飘,自创) </p>
<p>javascript:window.top.space_addItem(16,27868,0,0,440,28,0)(箭头走动,自创)<br />
javascript:window.top.space_addItem(16,31717,0,0,400,35,0);圈圈外阔 </p>
<p>javascript:window.top.space_addItem(16,27932,300,140,300,80,200)上下动来动去,(自</p>
<p>javascript:window.top.space_addItem(16,27906,350,100,580,40,200)下雨了(自创)</p>
<p>javascript:window.top.space_addItem(16,31713,0,0,440,30,0);(猫咪,自创)</p>
<p>javascript:window.top.space_addItem(16,30117,0,0,440,40,0)(往上飘,自创)</p>
<p>QQ空间免费播放器代码<br />
旋律：javascript:window.top.space_addItem(6,1228,0,0,200,200,0); <br />
茶色：javascript:window.top.space_addItem(6,702,0,0,200,200,0); <br />
水晶年代：javascript:window.top.space_addItem(6,703,0,0,200,200,0);            <br />
Blue：javascript:window.top.space_addItem(6,676,0,0,200,200,0);</p>
<p>空间代码使用方法</p>
<p>1、登陆QQ空间，点击QQ空间上面的“自定义”。</p>
<p>2、复制此代码，标点符号都要带上。</p>
<p>3、把QQ空间浏览器里面地址都清除掉。</p>
<p>4、粘贴此代码到QQ空间浏览器地址栏里面，直接敲回车或点浏览器地址栏右边的“转到”待效果出来后，再点击“保存方按”。</p>
<p>5、刷新浏览器也可以按F5，效果就出来了，OK，添加完毕</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/06/24/9-qq-zone-flash-code/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>38款最新流行的商业卡片</title>
		<link>http://www.helloyi.cn/index.php/2009/04/14/38-new-business-cards-best-of-jan-feb-mar-2009/</link>
		<comments>http://www.helloyi.cn/index.php/2009/04/14/38-new-business-cards-best-of-jan-feb-mar-2009/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 05:10:58 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[站长工具]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2477</guid>
		<description><![CDATA[2009年第一季度最新流行的商业卡片: 来源:http://blogof.francescomugnai.com]]></description>
			<content:encoded><![CDATA[<p>2009年第一季度最新流行的商业卡片:</p>
<p><a href="http://www.flickr.com/photos/fabiogiolito/3333076719/"></a></p>
<p><a href="http://www.flickr.com/photos/micosamardzija/3324794507/"><img class="alignnone size-full wp-image-2996" style="width: 420px;" title="moja" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/moja.jpg" alt="moja" width="420" height="415" /></a></p>
<p><span id="more-2477"></span></p>
<p><a href="http://www.flickr.com/photos/mjdesignsthings/3293750476/"><img class="alignnone size-full wp-image-3020" style="width: 420px;" title="mark" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/mark.jpg" alt="mark" width="420" height="281" /></a></p>
<p><a href="http://www.flickr.com/photos/24523118@N03/3179510023/"><img class="alignnone size-full wp-image-2990" style="width: 420px;" title="cardok" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/cardok.jpg" alt="cardok" width="420" height="237" /></a></p>
<p><a href="http://www.flickr.com/photos/kpucu/3238025093/"><img class="alignnone size-full wp-image-3000" style="width: 420px;" title="redx" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/redx.jpg" alt="redx" width="420" height="281" /></a></p>
<p><a href="http://www.flickr.com/photos/ressoosnowdon/3226911042/in/set-72157604155315284/"><img class="alignnone size-full wp-image-2999" style="width: 420px;" title="3d" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/3d.jpg" alt="3d" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/lea/3323453537/"><img class="alignnone size-full wp-image-3023" style="width: 420px;" title="lea" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/lea.jpg" alt="lea" width="420" height="312" /></a></p>
<p><a href="http://www.flickr.com/photos/60036663@N00/3277665747/"><img class="alignnone size-full wp-image-2986" style="width: 420px;" title="lisa" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/lisa.jpg" alt="lisa" width="420" height="311" /></a></p>
<p><a href="http://www.flickr.com/photos/happysongs/3195124686/"><img class="alignnone size-full wp-image-2987" style="width: 420px;" title="tue" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/tue.jpg" alt="tue" width="420" height="280" /></a></p>
<p><a href="http://www.flickr.com/photos/blaupraust/3267532034/"><img class="alignnone size-full wp-image-2988" style="width: 420px;" title="love" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/love.jpg" alt="love" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/brianfolchetti/3289369250/"><img class="alignnone size-full wp-image-2992" style="width: 420px;" title="brina" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/brina.jpg" alt="brina" width="420" height="478" /></a></p>
<p><a href="http://www.flickr.com/photos/makehello/3315433224/in/set-72157612804985206/"><img class="alignnone size-full wp-image-2994" style="width: 420px;" title="hello" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/hello.jpg" alt="hello" width="420" height="396" /></a></p>
<p><a href="http://www.flickr.com/photos/31044830@N07/3237269818/"><img class="alignnone size-full wp-image-2995" style="width: 420px;" title="look" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/look.jpg" alt="look" width="420" height="263" /></a></p>
<p><a href="http://www.flickr.com/photos/katerinavourgos/3179123261/"><img class="alignnone size-full wp-image-2997" style="width: 420px;" title="bill" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/bill.jpg" alt="bill" width="420" height="309" /></a></p>
<p><a href="http://www.flickr.com/photos/14374032@N05/3252898819/"></a></p>
<p><a href="http://www.flickr.com/photos/14374032@N05/3252898819/"><img class="alignnone size-full wp-image-2998" style="width: 420px;" title="colors" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/colors.jpg" alt="colors" width="420" height="306" /></a></p>
<p><a href="http://www.flickr.com/photos/themandatepress/3172175297/"><img class="alignnone size-full wp-image-3001" style="width: 420px;" title="arch" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/arch.jpg" alt="arch" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/rumberodesign/3226287323/"><img class="alignnone size-full wp-image-3002" style="width: 420px;" title="black" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/black.jpg" alt="black" width="420" height="279" /></a></p>
<p><a href="http://www.flickr.com/photos/littera/3226708479/"><img class="alignnone size-full wp-image-3003" style="width: 420px;" title="fernando" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/fernando.jpg" alt="fernando" width="420" height="254" /></a></p>
<p><a href="http://www.flickr.com/photos/dailypoetics/3274309727/"><img class="alignnone size-full wp-image-3005" style="width: 420px;" title="ethan1" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/ethan1.jpg" alt="ethan1" width="420" height="314" /></a></p>
<p><a href="http://www.flickr.com/photos/kpucu/3343776270/"><img class="alignnone size-full wp-image-3006" style="width: 420px;" title="ivelin" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/ivelin.jpg" alt="ivelin" width="420" height="280" /></a></p>
<p><a href="http://www.flickr.com/photos/geneoh/3300520765/"><img class="alignnone size-full wp-image-3007" style="width: 420px;" title="geneoh" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/geneoh.jpg" alt="geneoh" width="420" height="503" /></a></p>
<p><a href="http://www.flickr.com/photos/pixeldreher/3277941456/"><img class="alignnone size-full wp-image-3008" style="width: 420px;" title="pixel" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/pixel.jpg" alt="pixel" width="420" height="280" /></a></p>
<p><a href="http://www.flickr.com/photos/jakematesdesign/3165405372/"><img class="alignnone size-full wp-image-3009" style="width: 420px;" title="jmd" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/jmd.jpg" alt="jmd" width="420" height="277" /></a></p>
<p><a href="http://www.flickr.com/photos/sjunnesson/3311296669/"><img class="alignnone size-full wp-image-3010" style="width: 420px;" title="1scale1" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/1scale1.jpg" alt="1scale1" width="420" height="455" /></a></p>
<p><a href="http://www.flickr.com/photos/jublin/3282644968/"><img class="alignnone size-full wp-image-3011" style="width: 420px;" title="jublin" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/jublin.jpg" alt="jublin" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/artificalia/3319373857/"><img class="alignnone size-full wp-image-3012" style="width: 420px;" title="design" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/design.jpg" alt="design" width="420" height="291" /></a></p>
<p><a href="http://www.flickr.com/photos/31044830@N07/3236426633/"><img class="alignnone size-full wp-image-3013" style="width: 420px;" title="job" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/job.jpg" alt="job" width="420" height="268" /></a></p>
<p><a href="http://www.flickr.com/photos/dolcepress/3248720119/"><img class="alignnone size-full wp-image-3014" style="width: 420px;" title="frede" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/frede.jpg" alt="frede" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/hovie/3160352196/"><img class="alignnone size-full wp-image-3015" style="width: 420px;" title="solanite" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/solanite.jpg" alt="solanite" width="420" height="420" /></a></p>
<p><a href="http://www.flickr.com/photos/hellomatt/3188972726/"><img class="alignnone size-full wp-image-3016" style="width: 420px;" title="hello2" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/hello2.jpg" alt="hello2" width="420" height="320" /></a></p>
<p><a href="http://www.flickr.com/photos/stefano-fabbri/3314351338/"><img class="alignnone size-full wp-image-3017" style="width: 420px;" title="stefano" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/stefano.jpg" alt="stefano" width="420" height="218" /></a></p>
<p><a href="http://www.flickr.com/photos/nine99design/3306163587/"><img class="alignnone size-full wp-image-3018" style="width: 420px;" title="emotion" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/emotion.jpg" alt="emotion" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/arnimedia/3184873226/"><img class="alignnone size-full wp-image-3019" style="width: 420px;" title="pr" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/pr.jpg" alt="pr" width="420" height="280" /></a></p>
<p><a href="http://www.flickr.com/photos/malota/3197056669/"><img class="alignnone size-full wp-image-3021" style="width: 420px;" title="malota" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/malota.jpg" alt="malota" width="420" height="563" /></a></p>
<p><a href="http://www.flickr.com/photos/papigiulio/3353844424/"><img class="alignnone size-full wp-image-3022" style="width: 420px;" title="hb" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/hb.jpg" alt="hb" width="420" height="315" /></a></p>
<p><a href="http://www.flickr.com/photos/vjshikaku/3293742260/"><img class="alignnone size-full wp-image-3024" style="width: 420px;" title="party" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/party.jpg" alt="party" width="420" height="274" /></a></p>
<p><a href="http://www.flickr.com/photos/selepouchinest/3292636417/"><img class="alignnone size-full wp-image-3026" style="width: 420px;" title="girls" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/03/girls.jpg" alt="girls" width="420" height="315" /></a></p>
<p>来源:http://blogof.francescomugnai.com</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/04/14/38-new-business-cards-best-of-jan-feb-mar-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>25个免费嵌入网页的图表资源</title>
		<link>http://www.helloyi.cn/index.php/2009/04/14/25-great-free-resources-for-making-charts/</link>
		<comments>http://www.helloyi.cn/index.php/2009/04/14/25-great-free-resources-for-making-charts/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 04:46:40 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2471</guid>
		<description><![CDATA[在 Web 中嵌入图形图表的技术越来越丰富，我们可以选择 JavaScript 库，CSS，Flash，Silverlight，PHP 库，服务器端的组件，也可以选择 Google Chart API 这样的 Web 服务。本文介绍了25个在 Web 中嵌入图形图表的免费资源。JS Charts (基于 JavaScript 的图表生成工具) Protovis (可视化 javaScript 图表生成工具) Visifire (基于 Silverlight 和 WPF 的开源图表组件) pChart (PHP图表类库框架) Ejschart (Javascript) XML/SWF Charts Chronoscope (开源) Open Flash Chart 2 FusionCharts Free JFreeChart (flash) Flare (Flash ActionScript 库) Google Chart API Google Chart Generator Timeplot [...]]]></description>
			<content:encoded><![CDATA[<p>在 Web 中嵌入图形图表的技术越来越丰富，我们可以选择 JavaScript 库，CSS，Flash，Silverlight，PHP 库，服务器端的组件，也可以选择 Google Chart API 这样的 Web 服务。本文介绍了25个在 Web 中嵌入图形图表的免费资源。JS Charts (基于 JavaScript 的图表生成工具)<br />
<a href="http://www.jscharts.com/home"><img style="border-width: 0px;" title="js-charts" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/js-charts.jpg" alt="js-charts" width="420" height="270" /></a></p>
<p><span id="more-2471"></span>Protovis (可视化 javaScript 图表生成工具)<br />
<a href="http://vis.stanford.edu/protovis/"><img style="border-width: 0px;" title="chart4" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart4.jpg" alt="chart4" width="420" height="393" /></a><br />
Visifire (基于 Silverlight 和 WPF 的开源图表组件)<br />
<a href="http://www.visifire.com/"><img style="border-width: 0px;" title="chart6" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart6.jpg" alt="chart6" width="420" height="253" /></a><br />
pChart (PHP图表类库框架)<br />
<a href="http://pchart.sourceforge.net/index.php"><img style="border-width: 0px;" title="pchart" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/pchart.jpg" alt="pchart" width="420" height="146" /></a><br />
Ejschart (Javascript)<br />
<a href="http://www.ejschart.com/index.php"><img style="border-width: 0px;" title="chartx" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chartx.jpg" alt="chartx" width="420" height="226" /></a><br />
XML/SWF Charts<br />
<a href="http://www.maani.us/xml_charts/index.php"><img style="border-width: 0px;" title="chart3" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart3.jpg" alt="chart3" width="420" height="315" /></a><br />
Chronoscope (开源)<br />
<a href="http://timepedia.org/chronoscope/"><img style="border-width: 0px;" title="timeline" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/timeline.jpg" alt="timeline" width="420" height="225" /></a><br />
Open Flash Chart 2<br />
<a href="http://teethgrinder.co.uk/open-flash-chart-2/"><img style="border-width: 0px;" title="chart7" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart7.jpg" alt="chart7" width="420" height="154" /></a><br />
FusionCharts Free<br />
<a href="http://www.fusioncharts.com/Free/Default.asp?gMenuItemId=1"><img style="border-width: 0px;" title="top5" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/top5.jpg" alt="top5" width="420" height="255" /></a><br />
JFreeChart (flash)<br />
<a href="http://www.jfree.org/jfreechart/"><img style="border-width: 0px;" title="jfr" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/jfr.jpg" alt="jfr" width="420" height="228" /></a><br />
Flare (Flash ActionScript 库)<br />
<a href="http://flare.prefuse.org/"><img style="border-width: 0px;" title="flare" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/flare.jpg" alt="flare" width="420" height="189" /></a><br />
Google Chart API<br />
<a href="http://code.google.com/apis/chart/"><img style="border-width: 0px;" title="google" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/google.jpg" alt="google" width="420" height="170" /></a><br />
Google Chart Generator<br />
<a href="http://www.clabberhead.com/googlechartgenerator.html"><img style="border-width: 0px;" title="chart_01" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart_01.jpg" alt="chart_01" width="420" height="220" /></a><br />
Timeplot (基于 DHTML 的 AJAX 饰件)<br />
<a href="http://www.simile-widgets.org/timeplot/"><img style="border-width: 0px;" title="timeplot" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/timeplot.jpg" alt="timeplot" width="420" height="176" /></a><br />
CSS Chart Generator (基于 CSS 的即时 Web 图表生成)<br />
<a href="http://www.artviper.net/css-chart-generator/create-css-chart.php"><img style="border-width: 0px;" title="viper" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/viper.jpg" alt="viper" width="420" height="324" /></a><br />
YUI Library<br />
<a href="http://developer.yahoo.com/yui/charts/"><img style="border-width: 0px;" title="chart9" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart9.jpg" alt="chart9" width="420" height="283" /></a><br />
PlotKit (JavaScript 图表库)<br />
<a href="http://www.liquidx.net/plotkit/"><img style="border-width: 0px;" title="chart10" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart10.jpg" alt="chart10" width="420" height="319" /></a><br />
Flotr (基于 Prototype框架的图表类库)<br />
<a href="http://solutoire.com/flotr/"><img style="border-width: 0px;" title="flotr" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/flotr.jpg" alt="flotr" width="420" height="213" /></a><br />
Rapha?l (JavaScript library)<br />
<a href="http://raphaeljs.com/"><img style="border-width: 0px;" title="chart11" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart11.jpg" alt="chart11" width="420" height="165" /></a><br />
Protochart (开源类库，基于 Prototype 和 Canvas)<br />
<a href="http://www.deensoft.com/lab/protochart/piechart.php"><img style="border-width: 0px;" title="points" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/points.jpg" alt="points" width="420" height="245" /></a><br />
Bluff (Rubby 下的 Gruff 图表类库的 JavaScript 移植)<br />
<a href="http://bluff.jcoglan.com/"><img style="border-width: 0px;" title="bluff" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/bluff.jpg" alt="bluff" width="420" height="318" /></a><br />
Pure Css Line Graph （纯粹基于 CSS 的线形图）<br />
<a href="http://cssglobe.com/post/4175/pure-css-line-graph"><img style="border-width: 0px;" title="chart12" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/chart12.jpg" alt="chart12" width="420" height="348" /></a><br />
Pure Css Data Chart<br />
<a href="http://cssglobe.com/post/1272/pure-css-data-chart"><img style="border-width: 0px;" title="css3" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/css3.jpg" alt="css3" width="420" height="312" /></a><br />
CSS Stacked Bar Graphs<br />
<a href="http://www.thewojogroup.com/2008/12/css-stacked-bar-graphs/"><img style="border-width: 0px;" title="stacked" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/stacked.jpg" alt="stacked" width="420" height="401" /></a><br />
Illustrator tutorial<br />
<img style="border-width: 0px;" title="illustrator" src="http://blogof.francescomugnai.com/wp-content/uploads/2009/04/illustrator.jpg" alt="illustrator" width="420" height="249" /></p>
<p>本文资料来源：<a href="http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/">http://blogof.francescomugnai.com/2009/04/25-great-free-resources-for-making-charts/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/04/14/25-great-free-resources-for-making-charts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11个优秀的WEB设计资源及设计趋势前瞻</title>
		<link>http://www.helloyi.cn/index.php/2009/04/08/11-excellent-web-design/</link>
		<comments>http://www.helloyi.cn/index.php/2009/04/08/11-excellent-web-design/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 08:08:00 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2434</guid>
		<description><![CDATA[大家可能都有这样的体验，获得一个点子和灵感有时候真的很难，当你计划着开始你的新网站设计工程，当你急切地要找到一个震撼人心的网站设计灵感，你就不愿花太多时间而只想尽快开始做些事情。 但大多数时候，你的鼠标并不像你心想的那样移动，或者你的手并不受你那创造性思维的控制，亦或者可能就当你要尝试时却没有创造性的心境去工作。所以要让你这个有创意的人清醒一下，或者想出一些独创性的网站设计点子，抑或仅仅需要当前的设计趋势来激励鼓舞你自己，今天我们列举了11种超棒的资源和当前设计趋势的启示。在数量上来看，这个列表并不算长，但我向你保证，如果你开始仔细翻阅，它肯定会从专业的角度激励你产生创造性的设计构思，并鼓舞你去设计项目，你运用的设计方式使人们永远不会忘记你已经做到了！ 1.为现代设计趋势（设计的）45种自由字体 印刷术的合理选择，在一个设计中能够达到设计者想要达到的适当的主题和心境。在这个收集里，你会发现45种用在现代设计趋势中的上等字体。另外，你可以继续查看最漂亮的100种字体。 2.2009年的标语设计&#38;牌子趋势 在这项收集中，你会找到2009年的标语设计和商标趋势。 3.2009年网站设计趋势 在这个告示中，你会发现2009年网站设计趋势，比如当前的发展、新的设计元素和新的图表方法。 4.更多2009年的网站设计趋势 这个告示是2009年网站设计趋势的第二部分。在这儿，你会找到在布局、视觉方法和设计元素这些项目上的2009年设计趋势。 5.50多个流行航线商标 在这篇文章中，你会在50多个流行航线商标中找到一个来唤起你的灵感。 6.现代网站导航和页脚 从大公司到小型网站这样一个个回顾20个网站是一件有趣且有用的事，这些网站为了加强实用性都聪明地编辑他们的页脚。 7.新2009年网站设计趋势 在这个告示里，你会看到相片长廊、设计工作室、有关艺术的网站、乐队个人主页是如何融入了旧式的古典的和抽象派美术及草图这些元素。 8.2009年LOGO设计趋势 &#8211; 陈列橱窗 这个收集了一些LOGO设计观点，展示当前趋势下不同种类的商标设计，这些设计都能使你焕发灵感。如果你正在寻找一些已经制作好的LOGO资源，可以参看50组最佳WEB设计及应用程序图标。 9.网站设计说明的30个有创意的例子 在这篇文章里，你将能够欣赏一些上等网站的例子，这些网站已经被选来用报章杂志元素来作为其设计的一部分。 10.40多个用纸设计网站的完美例子 这里有40多个网页设计的完美例子。你会看到一些最酷的网站用纸作为它们设计的一部分。如果您还需要更多WEB设计案例资源，可以继续查看这篇文章。 11.现代网站设计的纹理 在这个告示里，你将看到50个网站，在这些网站上，纹理被应用到了设计中，从而在某个程度上改善了网站。根据如何使用纹理来把这些网站归类。   来源:http://www.javaeye.com/news/6726-11-excellent-web-design-resources-and-design-trends-forward-looking]]></description>
			<content:encoded><![CDATA[<div id="news_content">
<p><strong>大家可能都有这样的体验，获得一个点子和灵感有时候真的很难，当你计划着开始你的新网站设计工程，当你急切地要找到一个震撼人心的网站设计灵感，你就不愿花太多时间而只想尽快开始做些事情。</strong></p>
<p>但大多数时候，你的鼠标并不像你心想的那样移动，或者你的手并不受你那创造性思维的控制，亦或者可能就当你要尝试时却没有创造性的心境去工作。所以要让你这个有创意的人清醒一下，或者想出一些独创性的网站<a href="http://www.redbots.cn/tag/%e8%ae%be%e8%ae%a1" target="_blank"><span style="color: #006699;">设计</span></a>点子，抑或仅仅需要当前的设计趋势来激励鼓舞你自己，今天我们列举了11种超棒的资源和当前设计趋势的启示。<span id="more-2434"></span>在数量上来看，这个列表并不算长，但我向你保证，如果你开始仔细翻阅，它肯定会从专业的角度激励你产生创造性的设计构思，并鼓舞你去设计项目，你运用的设计方式使人们永远不会忘记你已经做到了！</p>
<p><strong>1.<a href="http://sixrevisions.com/graphics-design/45-beautiful-free-fonts-for-modern-design-trends/" target="_blank"><span style="color: #006699;">为现代设计趋势（设计的）45种自由字体 </span></a></strong></p>
<p style="text-align: center;"><span class="thickbox"><span style="color: #006699;"><img class="alignnone size-full wp-image-9040" src="http://www.redbots.cn/wp-content/uploads/2009/04/45-beautiful-free-fonts-for-modern-design-trends.jpg" alt="" width="500" height="180" /></span></span></p>
<p>印刷术的合理选择，在一个设计中能够达到设计者想要达到的适当的主题和心境。在这个收集里，你会发现45种用在现代设计趋势中的上等字体。另外，你可以继续查看<a href="http://www.redbots.cn/resources/2009/03/05/8359.htm" target="_blank"><span style="color: #006699;">最漂亮的100种字体</span></a>。</p>
<p><strong>2.<a href="http://www.logoorange.com/logo-design-09.php" target="_blank"><span style="color: #006699;">2009年的标语设计&amp;牌子趋势</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh3.ggpht.com/_Mj0gkiJCuH8/SdijcWnxzRI/AAAAAAAAEPk/jfqeCbnaDuQ/s800/logo-design-trends-2009.jpg" alt="" width="500" height="245" /></span></p>
<p>在这项收集中，你会找到2009年的标语设计和商标趋势。</p>
<p><strong>3.<a href="http://www.redbots.cn/itnews/2009/01/19/7332.htm" target="_blank"><span style="color: #006699;">2009年网站设计趋势</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh3.ggpht.com/_Mj0gkiJCuH8/SdijnYzt3dI/AAAAAAAAEQU/A2JnC3qHMc0/s800/web-design-trends-for-2009.jpg" alt="" width="500" height="392" /></span></p>
<p>在这个告示中，你会发现2009年网站设计趋势，比如当前的发展、新的设计元素和新的图表方法。</p>
<p><strong>4.<a href="http://www.smashingmagazine.com/2009/01/21/current-web-design-trends-for-2009/" target="_blank"><span style="color: #006699;">更多2009年的网站设计趋势</span></a></strong></p>
<p style="text-align: center;"><a href="http://www.redbots.cn/resources/2009/04/05/9041.htm"><span style="color: #006699;"><img style="display: inline;" src="http://lh4.ggpht.com/_Mj0gkiJCuH8/SdijmpbVDXI/AAAAAAAAEP8/zzNxBVtxSak/s800/more-web-design-trends-for-2009.jpg" alt="" width="500" height="194" /></span></a></p>
<p>这个告示是2009年网站设计趋势的第二部分。在这儿，你会找到在布局、视觉方法和设计元素这些项目上的2009年设计趋势。</p>
<p><strong>5.<a href="http://www.webdesignerdepot.com/2009/03/50-popular-airline-logos/" target="_blank"><span style="color: #006699;">50多个流行航线商标</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh3.ggpht.com/_Mj0gkiJCuH8/SdijcEzKimI/AAAAAAAAEPc/ZlFHMcRBxS4/s800/50-popular-airline-logos.jpg" alt="" /></span></p>
<p>在这篇文章中，你会在50多个流行航线商标中找到一个来唤起你的灵感。</p>
<p><strong>6.<a href="http://www.webdesignerwall.com/trends/modern-sitemap-and-footer/" target="_blank"><span style="color: #006699;">现代网站导航和页脚</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh5.ggpht.com/_Mj0gkiJCuH8/Sdijc2ahGJI/AAAAAAAAEP0/YrIiSzBuYVw/s800/modern-sitemap-and-footer.jpg" alt="" width="500" height="404" /></span></p>
<p>从大公司到小型网站这样一个个回顾20个网站是一件有趣且有用的事，这些网站为了加强实用性都聪明地编辑他们的页脚。</p>
<p><strong>7.<a href="http://www.flashmint.com/wp/2009/03/new-web-design-trends-of-2009/" target="_blank"><span style="color: #006699;">新2009年网站设计趋势</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh3.ggpht.com/_Mj0gkiJCuH8/SdijmkbQdXI/AAAAAAAAEQE/zzMQyGnGaZA/s800/new-web-design-trends-of-2009.jpg" alt="" width="500" height="374" /></span></p>
<p>在这个告示里，你会看到相片长廊、设计工作室、有关艺术的网站、乐队个人主页是如何融入了旧式的古典的和抽象派美术及草图这些元素。</p>
<p><strong>8.<a href="http://www.1stwebdesigner.com/inspiration/logo-design-trends-2009/" target="_blank"><span style="color: #006699;">2009年LOGO设计趋势 &#8211; 陈列橱窗</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh3.ggpht.com/_Mj0gkiJCuH8/Sdijc6v3vCI/AAAAAAAAEPs/WC3m47lZRm4/s800/logo-design-trends-2009-showcase.jpg" alt="" width="500" height="374" /></span></p>
<p>这个收集了一些LOGO设计观点，展示当前趋势下不同种类的商标设计，这些设计都能使你焕发灵感。如果你正在寻找一些已经制作好的LOGO资源，可以参看<a href="http://www.redbots.cn/resources/2009/02/03/7489.htm" target="_blank"><span style="color: #006699;">50组最佳WEB设计及应用程序图标</span></a>。</p>
<p><strong>9.<a href="http://sixrevisions.com/web_design/30-creative-examples-of-illustrations-in-web-design/" target="_blank"><span style="color: #006699;">网站设计说明的30个有创意的例子</span></a></strong></p>
<p style="text-align: center;"><span class="thickbox"><span style="color: #006699;"><img class="alignnone size-full wp-image-9042" style="display: inline;" src="http://www.redbots.cn/wp-content/uploads/2009/04/21-01_bearded_reef.jpg" alt="" width="500" height="272" /></span></span></p>
<p>在这篇文章里，你将能够欣赏一些上等网站的例子，这些网站已经被选来用报章杂志元素来作为其设计的一部分。</p>
<p><strong>10.<a href="http://naldzgraphics.net/inspiration/40-beautiful-examples-of-paper-websites-design/" target="_blank"><span style="color: #006699;">40多个用纸设计网站的完美例子</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh5.ggpht.com/_Mj0gkiJCuH8/Sdijb3kVgNI/AAAAAAAAEPU/feaIMGs7egY/s800/40-beautiful-examples-of-paper-websites-design.jpg" alt="" /></span></p>
<p>这里有40多个网页设计的完美例子。你会看到一些最酷的网站用纸作为它们设计的一部分。如果您还需要更多WEB设计案例资源，可以继续查看<a href="http://www.redbots.cn/resources/2009/01/19/7296.htm" target="_blank"><span style="color: #006699;">这篇</span></a>文章。</p>
<p><strong>11.<a href="http://www.smashingmagazine.com/2009/01/07/textures-in-modern-web-design/" target="_blank"><span style="color: #006699;">现代网站设计的纹理</span></a></strong></p>
<p style="text-align: center;"><span style="color: #006699;"><img style="display: inline;" src="http://lh4.ggpht.com/_Mj0gkiJCuH8/SdijnOkjmSI/AAAAAAAAEQM/bcKk8tftqOY/s800/textures-in-modern-web-design.jpg" alt="" /></span></p>
<p>在这个告示里，你将看到50个网站，在这些网站上，纹理被应用到了设计中，从而在某个程度上改善了网站。根据如何使用纹理来把这些网站归类。   来源:http://www.javaeye.com/news/6726-11-excellent-web-design-resources-and-design-trends-forward-looking</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/04/08/11-excellent-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个用于网站设计的不好习惯</title>
		<link>http://www.helloyi.cn/index.php/2009/04/01/10-bad-habits-web-design/</link>
		<comments>http://www.helloyi.cn/index.php/2009/04/01/10-bad-habits-web-design/#comments</comments>
		<pubDate>Wed, 01 Apr 2009 00:48:56 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2389</guid>
		<description><![CDATA[1、搜索引擎不友好 搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题，搜索的准确度会降低。显然，如果搜索引擎刻意去迎合这种错误使用的话，会伤害到所有的搜索使用者。 一个相关的问题是，搜索引擎区分结果是依靠文档的重要性，而只是按照内容关联次数简单地进行结果区分。当找不到信息的时候，搜索是用户的救生索。即使有高级搜索功能，建议还是使用简单搜索，搜索形式应该是一个简单的录入框，就像我们常见的那一种。 2、使用PDF文件做为在线阅读 用户讨厌在浏览的时候跳出PDF文件，因为那会打断用户的浏览过程，因为普通的浏览器按钮无法工作，因此即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的，因此文字的字体很少会和用户的流量其窗口相适应。没有了平滑的滚动浏览，有的只是超小号的字体。 更糟糕的是，PDF文件内容是分块的，很难浏览。 PDF是对于印刷及发行手册等和其他需要打印的大文件来讲是很合适的，使用它的目的只是为了保留它的信息使其网页上浏览成为现实。 3、未改变已访问链接的颜色 一个好的浏览历史能够帮助你了解目前的位置，因为那是你浏览的起点。知道过去和现在的位置反过来使得决定下一步去哪里变得容易了。链接是这些浏览过程中的一个关键因素。用户可以不去访问那些没有用处的地址，相反，他们会访问那些对他们有帮助的链接地址。 最重要的是，他们知道哪些网页已经访问过了，这样就不必一次又一次访问同一个历史页面。 但是这些好处只是基于一个重要的假设:由于网站提供不同的颜色显示，用户可以分辨出哪些链接访问过，哪些链接没有访问过。如果访问一个链接后颜色没有发生变化，那么用户很可能会感到迷惑并无意中反复访问同一历史页面。 4、文字未排版 将所有文字堆积在一起是一种可怕的体验，浏览这样的文字将是痛苦的经历。 在线写作，并不是为了打印，需要让用户能很好地阅读，下面是几个改进的要点: 使用子标题,使用列表,突出关键字,使用小段落,反金字塔结构,简单的写作风格 5、固定字体大小 CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能，并使得网站有一个固定的字体大小。对于大多数人的年龄超过40岁的人来说，这个固定地文字大小实在太小了。 尊重用户的喜好，让他们按照自己的需要修改文字的大小，同时，明确字体大小是相对的，而非绝对显示像素的数量多少。 6. 网页标题搜索引擎不友好 搜索是用户发现网站的最重要途径，搜索用户找到一个独立网站的最重要的方法。网页的标题是你吸引新用户或老用户从搜索列表中定位到你网站的主要工具。 网页的标题文字是在title标记之间的文字，并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字，是真正的缩略内容。 网页标题也用户将一个网址加为书签时的默认文字，对于你的主页，应该以公司名称开头，接着是网站的简介，不要用“The”或“Welcome to”做为开头文字。 对于其他网页来说，标题应该是将具体内容的概要文字说明，由于网页标题是浏览器窗口的标题，也是用户任务条上的标签，多个窗口下将会显示每一页的标题，因此，如果你所有的网页标题字都相同的话，对于开了多个窗口的用户来说，你网站的可用性将严重降低。 7、所有的东西看起来都像广告 有选择地吸引注意力是相当有力的途径。用户已经学会了对挡在眼前的那些目的性很强的广告采取不予理睬的态度。这也就是为何点击率每年以半数速度下降，网络广告根本不起作用的原因。 不幸的是，这也使得用户忽视了那些看起来很像广告的设计样式。毕竟，当你不理会某些东西时，就不会仔细地研究它并搞清楚它是什么。 因此，最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则： 无视横幅：着用户将不会把注意力放在任何看似横幅广告的东西，这取决于它的形状及位置。 避免使用动画：用户会忽视那些闪烁的文字或其它侵略性很强的动画。 净化弹出窗口：用户在弹出窗口完全打开前就会将其关闭，有时是带着极端厌恶的情绪。 8、违反设计惯例 一致性是最重要的可用性原则之一：当事物遵循相同的原则运作时，用户不用担心发生意外，因为他们根据先前的经验已经很清楚将会发生什么事情。就像你每次在牛顿的头顶上放下一个苹果，它一定会砸中他的脑袋一样。用户的期望实现得越多，他们就越感觉是自己在控制整个系统，并且更加喜欢它。相反地，用户则会感到可靠程度不够。想想，当我释放苹果时，它变成了西红柿并朝着天空蹦出一英里，那多荒诞! 9、打开新的浏览器窗口 打开新的浏览窗口就像一个吸尘器推销员在上门推销时，直接将烟灰缸里的杂物倾倒在消费者家中的地毯上。拜托!不要用任何窗口污染我的屏幕(尤其在当前操作系统低劣的窗口管理技术下)，如果我需要一个新窗口，我会自己打开的。设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应，这种策略恰恰弄巧成拙，因为当用户想通过“后退”按钮返回先前的站点时，已经做不到了。用户通常注意不到新窗口已经被打开，尤其当他们的显示器很小，而窗口又正好是最大化时。因此，当用户想要返回原来的站点时，面对的却只是一个不可用的灰色“后退”按钮。 点击链接的标准结果是目标页面在当前的浏览窗口中加载，取代现有页面。出现其它的任何情况都违背了用户的期望，令他们感到对网络的控制不稳定。用户痛恨那些突然弹出来的窗口，当用户想要在新窗口打开一页的时候，会自己使用“在新窗口打开”功能，因此不要用一些代码来干扰了用户浏览器的操作。 10、不回答用户的提问 用户是因为某个目的才访问你的网站。他们方式可能是想购买你的产品或者其他，但最终却失败了，因为网站没有提供用户寻找的资料信息。 事实上问题远没有这么简单，如果你不告诉用户具体情况，用户就会以为你的产品或服务不能满足他们的需求，因此用户就不会购买你的产品，或者有一些信息，深深隐藏在各种文档之间，用户没有时间阅读所有这些隐藏的信息，因此也就认为它们不存在。 不回答用户提问的最坏的例子是拒绝提供产品和服务的价格清单，没有任何B2C的商务网站会犯这种错误，但是这在B2B中却普遍存在，大多数“企业解决方案”的提出，让你不能告诉用户他们适合100个站点、还是10万个站点人。价格是最主要的作用是便于想用户提供相应的产品，避免提供一个不成熟的产品给用户。即使是B2C网站有时页会忘记在所有地方提供相关产品价格清单，例如在目录页或者搜索结果页，要知道，在这两种情况下，价格是关键，它让用户能够区分不同的产品并找到最合适的目标。]]></description>
			<content:encoded><![CDATA[<p><strong><span style="color: #3366ff;">1、搜索引擎不友好</span></strong></p>
<p>搜索引擎对于难以处理和识别的打字稿、复数、连字号等等各种各样的问题，搜索的准确度会降低。显然，如果搜索引擎刻意去迎合这种错误使用的话，会伤害到所有的搜索使用者。<br />
一个相关的问题是，搜索引擎区分结果是依靠文档的重要性，而只是按照内容关联次数简单地进行结果区分。当找不到信息的时候，搜索是用户的救生索。即使有高级搜索功能，建议还是使用简单搜索，搜索形式应该是一个简单的录入框，就像我们常见的那一种。</p>
<p><span id="more-2389"></span><strong><span style="color: #3366ff;">2、使用PDF文件做为在线阅读</span></strong></p>
<p>用户讨厌在浏览的时候跳出PDF文件，因为那会打断用户的浏览过程，因为普通的浏览器按钮无法工作，因此即使如打印或保存文档这样简单的事情也会变得复杂。由于其版面设计是基于纸张优化的，因此文字的字体很少会和用户的流量其窗口相适应。没有了平滑的滚动浏览，有的只是超小号的字体。<br />
更糟糕的是，PDF文件内容是分块的，很难浏览。<br />
PDF是对于印刷及发行手册等和其他需要打印的大文件来讲是很合适的，使用它的目的只是为了保留它的信息使其网页上浏览成为现实。</p>
<p><strong><span style="color: #3366ff;">3、未改变已访问链接的颜色</span></strong></p>
<p>一个好的浏览历史能够帮助你了解目前的位置，因为那是你浏览的起点。知道过去和现在的位置反过来使得决定下一步去哪里变得容易了。链接是这些浏览过程中的一个关键因素。用户可以不去访问那些没有用处的地址，相反，他们会访问那些对他们有帮助的链接地址。<br />
最重要的是，他们知道哪些网页已经访问过了，这样就不必一次又一次访问同一个历史页面。<br />
但是这些好处只是基于一个重要的假设:由于网站提供不同的颜色显示，用户可以分辨出哪些链接访问过，哪些链接没有访问过。如果访问一个链接后颜色没有发生变化，那么用户很可能会感到迷惑并无意中反复访问同一历史页面。</p>
<p><strong><span style="color: #3366ff;">4、文字未排版</span></strong></p>
<p>将所有文字堆积在一起是一种可怕的体验，浏览这样的文字将是痛苦的经历。<br />
在线写作，并不是为了打印，需要让用户能很好地阅读，下面是几个改进的要点:<br />
使用子标题,使用列表,突出关键字,使用小段落,反金字塔结构,简单的写作风格</p>
<p><strong><span style="color: #3366ff;">5、固定字体大小</span></strong></p>
<p>CSS样式不幸让网站有权禁止浏览器的“改变字体大小”的功能，并使得网站有一个固定的字体大小。对于大多数人的年龄超过40岁的人来说，这个固定地文字大小实在太小了。<br />
尊重用户的喜好，让他们按照自己的需要修改文字的大小，同时，明确字体大小是相对的，而非绝对显示像素的数量多少。</p>
<p><strong><span style="color: #3366ff;">6. 网页标题搜索引擎不友好</span></strong></p>
<p>搜索是用户发现网站的最重要途径，搜索用户找到一个独立网站的最重要的方法。网页的标题是你吸引新用户或老用户从搜索列表中定位到你网站的主要工具。<br />
网页的标题文字是在title标记之间的文字，并通常作为搜索引擎结果列表中的链接文字。搜索引擎一般只显示标题开头66个字，是真正的缩略内容。<br />
网页标题也用户将一个网址加为书签时的默认文字，对于你的主页，应该以公司名称开头，接着是网站的简介，不要用“The”或“Welcome to”做为开头文字。<br />
对于其他网页来说，标题应该是将具体内容的概要文字说明，由于网页标题是浏览器窗口的标题，也是用户任务条上的标签，多个窗口下将会显示每一页的标题，因此，如果你所有的网页标题字都相同的话，对于开了多个窗口的用户来说，你网站的可用性将严重降低。</p>
<p><strong><span style="color: #3366ff;">7、所有的东西看起来都像广告</span></strong></p>
<p>有选择地吸引注意力是相当有力的途径。用户已经学会了对挡在眼前的那些目的性很强的广告采取不予理睬的态度。这也就是为何点击率每年以半数速度下降，网络广告根本不起作用的原因。<br />
不幸的是，这也使得用户忽视了那些看起来很像广告的设计样式。毕竟，当你不理会某些东西时，就不会仔细地研究它并搞清楚它是什么。<br />
因此，最好避免任何类似广告的设计。这一指导方针所传达的含义随着新的广告形式出现而变化。目前遵循以下规则：<br />
无视横幅：着用户将不会把注意力放在任何看似横幅广告的东西，这取决于它的形状及位置。<br />
避免使用动画：用户会忽视那些闪烁的文字或其它侵略性很强的动画。<br />
净化弹出窗口：用户在弹出窗口完全打开前就会将其关闭，有时是带着极端厌恶的情绪。</p>
<p><strong><span style="color: #3366ff;">8、违反设计惯例</span></strong></p>
<p>一致性是最重要的可用性原则之一：当事物遵循相同的原则运作时，用户不用担心发生意外，因为他们根据先前的经验已经很清楚将会发生什么事情。就像你每次在牛顿的头顶上放下一个苹果，它一定会砸中他的脑袋一样。用户的期望实现得越多，他们就越感觉是自己在控制整个系统，并且更加喜欢它。相反地，用户则会感到可靠程度不够。想想，当我释放苹果时，它变成了西红柿并朝着天空蹦出一英里，那多荒诞!</p>
<p><strong><span style="color: #3366ff;">9、打开新的浏览器窗口</span></strong></p>
<p>打开新的浏览窗口就像一个吸尘器推销员在上门推销时，直接将烟灰缸里的杂物倾倒在消费者家中的地毯上。拜托!不要用任何窗口污染我的屏幕(尤其在当前操作系统低劣的窗口管理技术下)，如果我需要一个新窗口，我会自己打开的。设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应，这种策略恰恰弄巧成拙，因为当用户想通过“后退”按钮返回先前的站点时，已经做不到了。用户通常注意不到新窗口已经被打开，尤其当他们的显示器很小，而窗口又正好是最大化时。因此，当用户想要返回原来的站点时，面对的却只是一个不可用的灰色“后退”按钮。<br />
点击链接的标准结果是目标页面在当前的浏览窗口中加载，取代现有页面。出现其它的任何情况都违背了用户的期望，令他们感到对网络的控制不稳定。用户痛恨那些突然弹出来的窗口，当用户想要在新窗口打开一页的时候，会自己使用“在新窗口打开”功能，因此不要用一些代码来干扰了用户浏览器的操作。</p>
<p><strong><span style="color: #3366ff;">10、不回答用户的提问</span></strong></p>
<p>用户是因为某个目的才访问你的网站。他们方式可能是想购买你的产品或者其他，但最终却失败了，因为网站没有提供用户寻找的资料信息。<br />
事实上问题远没有这么简单，如果你不告诉用户具体情况，用户就会以为你的产品或服务不能满足他们的需求，因此用户就不会购买你的产品，或者有一些信息，深深隐藏在各种文档之间，用户没有时间阅读所有这些隐藏的信息，因此也就认为它们不存在。<br />
不回答用户提问的最坏的例子是拒绝提供产品和服务的价格清单，没有任何B2C的商务网站会犯这种错误，但是这在B2B中却普遍存在，大多数“企业解决方案”的提出，让你不能告诉用户他们适合100个站点、还是10万个站点人。价格是最主要的作用是便于想用户提供相应的产品，避免提供一个不成熟的产品给用户。即使是B2C网站有时页会忘记在所有地方提供相关产品价格清单，例如在目录页或者搜索结果页，要知道，在这两种情况下，价格是关键，它让用户能够区分不同的产品并找到最合适的目标。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/04/01/10-bad-habits-web-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>VMware中文名字确定为威睿</title>
		<link>http://www.helloyi.cn/index.php/2009/03/26/vmware-weirui/</link>
		<comments>http://www.helloyi.cn/index.php/2009/03/26/vmware-weirui/#comments</comments>
		<pubDate>Thu, 26 Mar 2009 00:41:07 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[互联网观察]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2367</guid>
		<description><![CDATA[虚拟化巨头VMware终于有了自己的中文名字：威睿，这使得他们面对中国客户时有一个更友好的“界面”。今日早间，第一时间获悉，VMware公司已经确定中文名字为“威睿”,VMware进入中国市场已经多年，但是一直没有一个中文名字。为此，该公司还展开了广泛的中文名字征集活动,此前，坊间有传闻称，VMware的中文名字或叫做“帷幄”，也就是“运筹帷幄”中的后两个字。但是一直没有得到VMware官方的确认。 去年底，新上任的VMware大中华区总裁宋家瑜作客CBSI《跨国企业在中国》高端访谈时指出，VMware非常重视中国市场，VMware的本土化进程也将更加深入，在不久的未来将推出中文名。 但是，宋家瑜拒绝透露这个名字，只是说为两个中文字。此次，VMware推出中文名“威睿”，并借此宣布位于中关村融科资讯中心的中国公司成立，从而宣布其中国本土化战略的进一步延伸。推出中文标识，似乎成为虚拟化厂商的共同举措。昨日，另外一家虚拟化厂商Citrix推出了中文标识“思杰”。 睿:拼音：ruì  含义: 深明，通达：～智。～哲（明智，英明）]]></description>
			<content:encoded><![CDATA[<p><span style="font-family: Arial;">虚拟化巨头VMware终于有了自己的中文名字：威睿，这使得他们面对中国客户时有一个更友好的“界面”。今日早间，第一时间获悉，VMware公司已经确定中文名字为“威睿”,VMware进入中国市场已经多年，但是一直没有一个中文名字。为此，该公司还展开了广泛的中文名字征集活动,此前，坊间有传闻称，VMware的中文名字或叫做“帷幄”，也就是“运筹帷幄”中的后两个字。但是一直没有得到VMware官方的确认。</span></p>
<p><span style="font-family: Arial;"><span id="more-2367"></span>去年底，新上任的VMware大中华区总裁宋家瑜作客CBSI《跨国企业在中国》高端访谈时指出，VMware非常重视中国市场，VMware的本土化进程也将更加深入，在不久的未来将推出中文名。 但是，宋家瑜拒绝透露这个名字，只是说为两个中文字。此次，VMware推出中文名“威睿”，并借此宣布位于中关村融科资讯中心的中国公司成立，从而宣布其中国本土化战略的进一步延伸。推出中文标识，似乎成为虚拟化厂商的共同举措。昨日，另外一家虚拟化厂商Citrix推出了中文标识“思杰”。</p>
<p>睿:拼音：<span class="dicpy">ruì<script type="text/javascript"></script>  含义: 深明，通达：～智。～哲（明智，英明）</span></p>
<p></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/03/26/vmware-weirui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FBrushes-4000种Photoshop笔刷免费下载</title>
		<link>http://www.helloyi.cn/index.php/2009/02/19/fbrushes/</link>
		<comments>http://www.helloyi.cn/index.php/2009/02/19/fbrushes/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 08:23:02 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[网页设计]]></category>
		<category><![CDATA[免费资源]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2254</guid>
		<description><![CDATA[FBrushes 是一个好的PS笔刷素材网站，就字面上来看，网站名称就是由 Free Brushes 所组成的.很清楚告诉使用者这里提供免费的        Photoshop笔刷（Brushes），除此之外，还有图样（Patterns）和纹理素材（Textures），一共有 227 组，超过 4,000种的免费素材来协助你设计出更棒的作品！ 过你可千万别以为免费就没好货，FBrushes 提供的这些素材都很有特色，绝不是随随便便从网络上收罗而来就摆 上去的。因为 FBrushes 的创始人本身就是一个精通网页设计的高手，时常在网络上出没，且有许多非常有特色的作品，所以他所经营的 FBrushes 自然就有一定的水平。 要下载任何的素材很简单，你无须注册或是付费。点选任一预览图，可以看到素材的详细资料，包括作者、下载次数、使用的 License 、标签、发布尔日期等等，直接点选 Download 就能下载啦！如果觉得不错，还能在下面留言。 下载地址:http://fbrushes.com/]]></description>
			<content:encoded><![CDATA[<p><span style="color: #0000ff;"><a href="http://www.helloyi.cn/index.php/2009/02/19/fbrushes"><img class="size-full wp-image-2255 alignright" title="fbrushes_logo" src="http://www.helloyi.cn/wp-content/uploads/2009/02/fbrushes_logo.png" alt="" width="271" height="81" /></a>FBrushes</span> 是一个好的PS笔刷素材网站，就字面上来看，网站名称就是由 <span style="color: #0000ff;">Free Brushes </span>所组成的.很清楚告诉使用者这里提供免费的        <span style="color: #0000ff;">Photoshop笔刷</span>（Brushes），除此之外，还有图样（Patterns）和纹理素材（Textures），一共有 227 组，超过 4,000种的免费素材来协助你设计出更棒的作品！<br />
过你可千万别以为免费就没好货，<span style="color: #0000ff;">FBrushes</span> 提供的这些素材都很有特色，绝不是随随便便从网络上收罗而来就摆</p>
<p><span id="more-2254"></span>上去的。因为 <span style="color: #0000ff;">FBrushes</span> 的创始人本身就是一个精通网页设计的高手，时常在网络上出没，且有许多非常有特色的作品，所以他所经营的 <span style="color: #0000ff;">FBrushes</span> 自然就有一定的水平。<br />
要下载任何的素材很简单，你无须注册或是付费。点选任一预览图，可以看到素材的详细资料，包括作者、下载次数、使用的 License 、标签、发布尔日期等等，直接点选 Download 就能下载啦！如果觉得不错，还能在下面留言。</p>
<p>下载地址:http://fbrushes.com/</p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/02/19/fbrushes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>URMark 网络收藏专家下载</title>
		<link>http://www.helloyi.cn/index.php/2009/02/11/urmark/</link>
		<comments>http://www.helloyi.cn/index.php/2009/02/11/urmark/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 08:03:38 +0000</pubDate>
		<dc:creator>好易阁</dc:creator>
				<category><![CDATA[酷软推荐]]></category>
		<category><![CDATA[站长工具]]></category>
		<category><![CDATA[网站素材]]></category>

		<guid isPermaLink="false">http://www.helloyi.cn/?p=2181</guid>
		<description><![CDATA[一款可以同步更新的网络收藏夹，该软件支持网络存储、自动同步更新、自动导入、自动备份还原，界面友好、操作简便，而且没有插件，是一款采用.NET开发的绿色软件! 　　告别繁琐的网络收藏夹，体验URMark的魅力!自动导入、自动同步、自动备份还原、界面友好、分享交流、绿色保证! 不需要你改变任何上网的习惯，她会自动监测IE收藏夹的目录及收藏，并将变动同步更新到服务器，一切操作都由URMark完成，而不需要自己做任何多余的操作!       ·自动导入:初次使用自动导入IE收藏夹 　　·自动同步:登陆后自动备份本地IE收藏夹并将用户网络收藏同步更新至本地 　　·自动备份还原:退出或注销后恢复原始收藏夹 　　·界面友好，操作方便:完全采用资源管理器模式 　　·分享交流:提供共享空间，方便用户交流 　　·绿色保证:准绿色软件，无任何插件，不添加注册表项目 更多介绍可以访问URMark的官方网站:http://www.ywliao.com/ 下载地址]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.helloyi.cn/index.php/2009/02/11/urmark"><img class="size-full wp-image-2182 alignleft" title="URMark" src="http://www.helloyi.cn/wp-content/uploads/2009/02/soft_main_s.jpg" alt="" width="400" height="282" /></a>一款可以同步更新的网络收藏夹，该软件支持网络存储、自动同步更新、自动导入、自动备份还原，界面友好、操作简便，而且没有插件，是一款采用.NET开发的绿色软件!</p>
<p>　　告别繁琐的网络收藏夹，体验URMark的魅力!自动导入、自动同步、自动备份还原、界面友好、分享交流、绿色保证! 不需要你改变任何上网的习惯，她会自动监测IE收藏夹的目录及收藏，并将变动同步更新到服务器，一切操作都由URMark完成，而不需要自己做任何多余的操作!</p>
<p><span id="more-2181"></span>      ·自动导入:初次使用自动导入IE收藏夹</p>
<p>　　·自动同步:登陆后自动备份本地IE收藏夹并将用户网络收藏同步更新至本地</p>
<p>　　·自动备份还原:退出或注销后恢复原始收藏夹</p>
<p>　　·界面友好，操作方便:完全采用资源管理器模式</p>
<p>　　·分享交流:提供共享空间，方便用户交流</p>
<p>　　·绿色保证:准绿色软件，无任何插件，不添加注册表项目</p>
<p>更多介绍可以访问URMark的官方网站:http://www.ywliao.com/</p>
<p><a href="http://www.ywliao.com/download.htm">下载地址</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.helloyi.cn/index.php/2009/02/11/urmark/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

