
 
 
<?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>Product &#38; UX - blueben&#039;s blog &#187; FLASH</title>
	<atom:link href="http://www.blueben.cn/index.php/archives/tag/flash/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blueben.cn</link>
	<description>关注互联网产品、交互、体验设计、电子商务应用、社会化网络媒体营销</description>
	<lastBuildDate>Fri, 18 Jun 2010 00:57:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>让交互设计变的轻松有趣-Balsamiq Mockups原型工具介绍</title>
		<link>http://www.blueben.cn/index.php/archives/859</link>
		<comments>http://www.blueben.cn/index.php/archives/859#comments</comments>
		<pubDate>Mon, 07 Sep 2009 10:21:15 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[网络产品设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/?p=859</guid>
		<description><![CDATA[ 
Balsamiq Mockups是一个简单有趣的交互设计软件。通过它，你可以非常方便的通过拖拽等动作来把你的IDEA变成一个线框图DEMO。而且它的手绘风格又使作品变的很生动有趣。

它内置了许多UI元素组合，应该能满足日常工作的大部分需求。

Balsamiq Mockups的工作界面。就像许多同类软件类似的布局，上手很方便。而且它好象对元素的智能对齐等做了一些优化，会很聪明的帮助你实现优秀的效果。

把元素拖动到工作区之后，还可以对单个元素进行设置和编辑，例如文本等。如果想使用中文，可以在顶步菜单上选择“使用系统字体”
其他的一些作品效果图：




Balsamiq Mockups是一个Flash应用程序，你可以通过这里进行在线试用，也可以下载到本地计算机上进行使用。
你可以到这里进行在线使用（flash格式）：http://www.balsamiq.com/demos/mockups/Mockups.html
本地下载安装方法如下：
1、先安装 Adobe AIR;
2、点击下载MockupsForDesktop.air；
3、双击MockupsForDesktop.air，根据提示进行安装，完毕。
本软件是需要收费$79.00, 但还是有很多Free的方法，比如写一篇推广博客：）
未注册版不能保存，每5分钟会有一个提示注册窗口弹出。
有兴趣的朋友可以试试。
[更新090909]
发送了邮件之后第2天，就收到了来自val的回复邮件了，已经拿到了免费的注册码
真棒~~
相关文章扯扯围脖、开心和豆瓣 (0)游戏界面设计中的交互研究[转] (0)界面设计测试规范[转] (0)大头贴改版设计总结[转] (0)让一部分用户先体验起来[转] (0)[转]安静的结构：控制页面的视觉“分贝” (0)地铁站自动购票终端角色设计 (0)如何保持角色的活跃度[受重视程度，转帖] (0)功能结构和页面结构的设计 (0)什么扰乱了信息结构？[转帖] (0)
	标签(Tags)：FLASH, Skills, 交互设计, 网络产品设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/859/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web2.0 体验式网站设计的41个关键点[转]</title>
		<link>http://www.blueben.cn/index.php/archives/754</link>
		<comments>http://www.blueben.cn/index.php/archives/754#comments</comments>
		<pubDate>Tue, 22 Jul 2008 04:36:14 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Product & Prototype]]></category>
		<category><![CDATA[UE Learning]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[Web2.0]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/?p=754</guid>
		<description><![CDATA[
来源：艾瑞网 作者：陈增光 发布时间：2008-07-18
Web2.0时代，体验式营销，体验式网站设计开始走向主流，那么体验式网站到底意味着什么？具体表现在那些地方？周末，根据建站的一点经验和观察，也参照了网友的一些建议，总结了体验式网站设计的四各方面，41个关键体验点，将其梳理概况，但仍是较为粗浅，comwit增光与大家分享，欢迎补充建议。
体验式网站设计的四个方面
1、视觉体验：呈现给用户视觉上的体验，重在UI设计，强调舒适性。
2、浏览体验：呈现给用户栏目和内容的体验，重在合理规划，强调协调性。
3、信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性。
4、互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。
 
一、视觉体验的11个关键体验点
视觉体验：呈现给用户视觉上的体验，重在UI设计，强调舒适性。
1. 整体风格：这是网站给用户呈现的第一印象，主要体现在两方面，一是网站质量的权衡，网民第一次看到网站后，首先会根据感觉对网站有个上、中、下额评判，二是网站类型的归属，例如是资讯型，形象型等。因而网站在设计之前，必须明确目标客户群体，并针对目标客户的审美喜好，进行分析，网站设计要符合目标客户的审美预期和类型归属。
2. 网站LOGO：LOGO的设计水平直接体现了站长的审美水平。并且logo是网站整个风格的主导，也是网站对外传播的形象标示，务必要仔细斟酌，不仅要简洁得体，还要符合网站的定位和目标，最好找家设计公司，或者去toidea.com 威客一下。
3. 页面布局：重点突出，主次分明，图文并茂，声画全面。网站的有效空间是有限的，网站的第一屏画面至关重要，页面布局要与网站的营销目标相结合，将最能吸引用户的内容，通过合适的表现形式，放置在最重要的位置。
4. 页面色彩：六个务必:网站务必要有个主题色，务必注意冷暖色调的搭配，务必注意主色调、辅助色的使用数量，务必保持网站整体形象相统一，务必注意渐变色的使用，务必恰当搭配色彩的明度和亮度。
5. 页面大小：最好将网站设置成为自适应的页面，如果无法修正，最好调整为1024*768，照顾到800*600用户，页面主要内容可以偏左设置。此外，还有一些异性的网站，务必要考虑到核心用户群的使用习惯，可以主要从年龄上来判断，30岁以上用户，还是800*600居多。
6. 动画效果：首先注意动画的放置位置，其次是呈现方式，再次是加载速度，最后也是最关键的是内容的表现形式。动画效果会在第一时间吸引用户的关注，但关注不是目的，要让用户有兴趣接受动画所传达的内容。在动画表现形式设计时，还要注意与主画面相协调，动画效果节奏适中，不干扰主画面浏览。
8. 图片展示：首要的还是图片栏目的页面位置，要与整体网站比例协调，符合一般用户的浏览习惯；其次是图片的展示形式，现在有很多flash的图片代码，还有lightbox的js也是不错的选择，再次是图片内容要清晰、不变形，图片选择上也要符合网站的总体风格，不要太突兀。
9. 图标使用：首要考虑与页面整体风格统一，其次是简洁、明了、易懂、准确，再次可以尝试使用一些3D效果图标。
10. 广告位的设计：广告设计最关键是要符合用户对网站广告的预期，不要让用户对广告产生反感。有很多是网民早已认可的广告位置和形式，例如页面上方的banner条，页面两边的对联形式，页面右下方的文字广告等，这些位置都是网民们默认的广告位，千万不要冲击网民的浏览习惯，避免干扰视线，除非你的广告创意绝对吸引人，否则结果往往是立刻关闭广告和网站。
11. 背景音乐：除非是活动推广或者是形象推广类主题网站，搞点刺激性的音乐提提神，否则千万不要设置背景音乐，一个字，烦！就算设置背景音乐，最好将开关按钮及音量控制放在显要位置，免的网民因为找不到控制按钮而立刻关掉页面。
 
二、浏览体验的八个关键体验点
浏览体验：呈现给用户浏览上的体验，强调吸引性。
1. 页面导航：网站导航如同楼房的地基，是整个网站基础和框架，一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次，一是形式层：体现在导航位置、表现形式（文字、图片、flash等）等方面，二是内容层，页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计，建议参照一下韩国网站的设计风格，动感、简洁、清晰。至于内容层，就因站而异了，分类条理最关键。但栏目名称尽量简短，栏目层次也不宜过多，两层比较合适，但也要以内容为中心。
1.       页面速度： web2.0，网站中增加了越来越多的视频、动画元素，对网站速度的要求也
越发苛刻。回想一下，这么多视频分享网站中，为什么很多人选择优酷？就一个速度。此外，大一点的网站再考虑一下南北互通，或者教育网的对接问题，此外选择一家稳定的服务器托管商也至关重要。
2.       页面容量：主要指首页的页面容量，除非是资讯类网站，否则网站首页内容最好不要
超过两屏，最好不要让用户再滚动鼠标就可以浏览到整个页面。再就是页面设计要考虑到文字和图片的搭配，还有不同字号、字体、颜色的搭配，还有网站留白的设计，以免页面造成视觉抵制，心理学家做过实验，人眼每秒摄入的有效字符最多只有20个，要是页面全是细密的文字，效果就可想而知了。
3.       页面结构 结构就是放置内容的框架，网站的页面结构其实是有章可循的，尤其是现在
大家见的网站越来越多，自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局，具体随后会撰文详述，这里要强调的是页面结构的创新也要基于一定的规律，千万不要打破用户的浏览预期。
4.       内容安排 首先是突出重点内容，大标题，大图片塑造视觉冲击，这也是借用报纸的操
作手法，其次是内容协调，每一个栏目应确保足够的信息量，避免栏目无内容情况出现；再次是内容形式，兼顾视频、图片、文字的比例和页面协调。
5.       内容更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站
更多强调如何调动用户的积极性，内容更新已经不仅仅是对编辑的考量，也是对网站用户价值的衡量，对于内容质量，主要是从原创、转载、内容本身价值等方面权衡。
6.       内容形式 现在有个立体化新闻的概念，视频、图片、文字、评论都在一个页面中展示，
而且再加上网民评论的即时更新，表现形式更生动。此外，对于文字部分，字体大小最好设置可调选项，对重点内容进行标注，对关键词设置链接（seo），如果没有广告的考虑，最好不要设置多页浏览，很影响阅读体验。
7.       内容呈现方式：更多的是细节的内容，包括新文章的标记、文章导读、相关内容的推荐、
还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等，现在web2.0流行的DIG功能，加入些鲜活的互动元素。
 8、路径记录：记录用户的浏览路径，方便用户随时返回和查找，此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航，为用户提供明确的快速入口。
三、信任体验的十二个关键体验点
信任体验：呈现给用户的信任体验，重在细节斟酌，强调稳定性。
1、友情链接：对于新兴网站而言，用户对网站信任的判断不仅建立在对网站设计的和功能体验的基础上，而且还有一个对同类或者其他相关网站的评估上。友情链接的价值不仅在于SEO上，也是一个网站用户定位的重要体现，如果网站链接的都是不知名的小网站，用户对它的评级也不会太高。首页友情链接的设置不宜过多，更多的链接可以放置在一个单独的友情连接页面中，要特别注重友情连接的质量，哪怕是做些单向链接，也要显示自己的实力。
2、底部信息：网站底部信息内容是网站中每个页面都共同的内容，底部信息为网民提供了很多建立信任体验的内容，例如网站的建立时间、是否备案、是否经营性网站、是否有网警标示、隐私声明、网站的归属关系（如：xx旗下的网站）这部分虽然是细节的内容，但又是最为标准化和普遍的内容，最好留心设计。
3、关于我们：这是一个用户了解网站背景的最直接途径，对很多有趣的web2.0网站，对于很多喜欢刨根问底的网民，关于我们还是很重要的一个栏目，因为这是网站站长必须的一个原创内容，对关于我们栏目和内容的设计和安排，往往会体现了站长的做事态度和风格。
4、联系方式：并不是有事找网站的时候才会关注网站的联系方式，一般情况下，联系方式在网站中出现的频率也是网站自信程度的一种侧面体现。联系方式不一定非要是详细的电话传真，通讯地址，哪怕一个邮箱，或者是一个联系人的姓名。对于初创网站而言，翔实或者高曝光率的联系方式，比较容易给网民建立踏实、信任的额感觉，总之放心、负责、能找到人。如果有实力，整个400电话也成，现在400电话已经是白菜价了，但公信力还不错，而且方便易记。
5、帮助中心：对于web2.0新兴网站，尤其是功能型网站而言，最好是有一个翔实的帮助中心，或者FAQ栏目，千万别相当然的认为网民对新东西一看就会，新东西总会有出问题的时候，再加上国内网民的背景和层次差距较大，帮助中心还是必须的。此外，帮助中心的功能和内容丰富程度也是网站客户服务意识的一种体现，值得重视。
6、网站备案：最基本也是必须的一道程序，说啥先把网站备案搞定，至少要确认一下网站的合法地位，如果有条件和需要，最好是申请一个B字头的经营性网站备案，此外如果涉及到视频、新闻还要到相关部门申请一下其他备案。备案这东西，看似小事，但关键时刻对网站就会有致命的影响，别的不说，看看这两个月56.com和vodone.com的差别就知道了。
7、内容格式：内容的规范程度也是网站建立信任体验的重要方面，主要体现在资讯类内容标准化展现上。一方面每条信息是否包含了来源、作者、编辑、发布时间、还有点击量和评论。全面的辅助信息是网站质量的主要参照，因为现在能把这几点完全列出来的网站越来越少了，对于点击量也可以都设置一定的初始值，但最好还是带着。另一方面就是个性化细节，例如设置页面颜色、设置字体大小、点击直接发送到邮箱，复制页面地址等。
8、内容订阅：无论是用feedsky、rss、还是传统的邮件新闻列表，内容订阅的设置不仅仅是要提高用户的黏度，推动用户再次访问，而且也是大型网站和正规网站的重要标示，只有那些有实力和细心的网站才会提供定期的资讯服务，其实这部分在功能上已经很晚上了，网络中也有很多工具和服务商，只需站长每天（每周）梳理一下重要资讯即可。此外这也是盘活注册用户的重要一环。
9、网站地图：对web2.0的新站，无论网站规模大小，一定要做个网站地图，一方面搜索引擎容易抓取到网站信息，而且网民使用起来也会很快了解到整站架构，又是细节，但很重要。
10、加入收藏：加入收藏和设为首页是传统网站设计中必须的环节，现在而言设为首页的意义几乎没有了，但加入收藏还相当重要的，一般是在网站的右上方，最好将加入收藏的位置放在最前面，用醒目的颜色标注。
11、用户登录：这也算是互动体验一部分，用户导向是web2.0设计的一个核心理念，只有用户登陆才能享有更多的个性化服务，用户登录就无处不在，随处可见，而且还要设计的方便合理，最好不要打开新的登陆页面，具体情况各异。
12、论坛人气：无论网站做的再花哨，如果有论坛这个栏目，打开论坛一看，没几个在线用户，没几条热点内容，很容易直接就把网站否定掉了，因此，论坛千万要注意，要么不做，开设了就得注意人气的经验，哪怕自己每天狂灌水，也得先把网站人气拖起来。
 
 
四、互动体验的十个关键体验点
互动体验：呈现给用户操作上的体验，重在路径设计，强调易用性。
1. 会员申请：会员申请务必要贯穿在网站的每个页面，将随机性用户转变成注册用户是提高网站流量和用户黏度的重要一环，会员申请的按钮或者位置最好设计的醒目一些。此外，会员功能的核心是权限控制，网站必然要有一些只有注册用户或者是高级用户才能浏览到的内容，但还要保证展现给非注册用户的信息也具有一定的吸引力，否则，网民怎么会有动力去注册呢？扪心自问，为什么值得注册？用什么吸引注册用户？用什么稳定注册用户的定期访问？
2 会员注册：web2.0网站最好设计多级注册方式，只填写注册名、邮箱、密码等就可以完成第一层次注册，让后再进一步吸引用户补充内容，第一层主次，务必要流程清晰、简洁，为用户节省时间。其实更为关键的还在于后面，如何吸引用户补充全面的信息？这里就有一个web2.0的理念，“你分享出去的内容越多，得到的权利和尊重也会越多”，要让网民明确他们补充信息的价值在哪？此外，还要注意提示用户信息的完整程度。
3. 表单填写：表单填写有多种方式，但最好不要将所有项目分为两个阶段，必填项在第一页，或者提供明显的标示，千万不要将所有项目全部列出来，用户一定会吓坏的。Web2.0就要人性化一点，考虑一下用户的接受程度，简单一点还是没错的。提交成功后，感谢提示页面务必要精心设计，尤为注意应该将注册后的用户引向何处？是回首页？还是个人界面？还是前一个浏览页面？感谢页面在内容和形式上最好设计的有个性一点。
4. 点击提示：点击浏览过的信息颜色需要显示为不同的颜色，以区分于未阅读内容，避免重复阅读。对于图片，最好设置图片标注，鼠标滚动到图片时能显示图片标题。
5. 错误提示：设置错误提示页面，对错误页面以合适的引导。无论是什么原因，网民只要在网站上遇到了错误页面肯定会非常不爽，甚至会直接关闭网站，要充分考虑到此时用户的访问心理，设置一点真诚的解释说明，最好将网民重新引向网站，或者可以设置个报错的反馈，细心处之。
6. 在线问答：在线问答有太多中形式，从用户的使用预期出发，既然是在线问答，消费者希望得到最快的答复，但现在的情况是，往往网站提供了很多方式的问答渠道，但往往没有人回应，毕竟工作人员不能24小时守候啊，建议搞个小I机器人训练一下，顶个美女客服了。还有一种误区，认为在线问答就是解答问题，其实还有一个重要作用是收集信息，还要设置在线问答流程和话术时，务必要注意到如何了解更多的客户信息，或者使用体会以便于后踢调整，还要定期对在线问答出现的问题进行汇总分析。
7. 在线搜索：首先是搜索条位置，最常见的位置是在右上方，资讯类网站一般中上方显要位置；其次是搜索分类，例如按作者，按标题等设置最好设计为下拉菜单，默认为全文检索；再次是搜索结果的呈现方式。呈现方式有很多细节的地方，包括排列的标准，方式，关键词颜色区分，出现的数量。此外还要注意高级检索和检索选项的设计。
8. 页面效果：web2.0在技术层的一大改进就是提供了很多又酷又炫的新技术，尤其是在页面层的应用最为明显，例如ajex，lightbox js等，对建议站长多关注一下流行的java代码，选择一些合适的潮流型技术应用一下，新、奇、炫，与时俱进啊！
9. 新开窗口：现在用maxthon、firefox等的多线程浏览器的网民越来越多，建议web2.0网站的设计最好多采用，新窗口打开，方便用户返回和查找。 
10. 路径设计：说到体验，最直接的就是用户在网站上产生的有效点击，每一次点击也意味着一个新体验的开始，而在众多点击之间，路径的设计和记录也体现了web2.0个性化服务的精神。每个网民的访问习惯和浏览习惯都有所不同，第一要设计最直接有效的浏览路径；第二要记录网民的浏览路径，便于随时返回；第三，要试图寻找与网民浏览路径的匹配，这一点集中可以体现在亚马逊的图书浏览和购买流程上，大家自己来关注吧。
相关文章未来的web2.0社交体验 (0)面向任务流的交互设计-2.0的信息结构 (1)大UE?小UE?[转] (0)mrbrand:美国网站在中国失败的10大思路性执行错误 (0)一流网站设计专家:网站设计必须知道的65条原则 (1)Web 2.0创业热潮持续升温,7大趋势突现互联网创业走势 (0)Quester解读广告[转] (0)[译]链接应该在新窗口打开吗? (1)网站设计之美 (0)广告的用户体验[转自白鸦] (0)
	标签(Tags)：FLASH, Product &#38; Prototype, UE Learning, Web2.0, 广告, 用户体验, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/754/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>花十二个月建立一个成功的网站</title>
		<link>http://www.blueben.cn/index.php/archives/612</link>
		<comments>http://www.blueben.cn/index.php/archives/612#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:40:43 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Product & Prototype]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=612</guid>
		<description><![CDATA[1. 准备内容
　　在注册网址之前就应该先搜集至少「一百页」的内容，这些内容必须是有价值的、不违反著作权的内容。
　　2. 网址
　　想个比较有意义，好记的网址（喔，好吧，中文网站比较不需要在网址里放关键字，这一项我们可以忽略）。
　　3. 网站设计
　　对搜索引擎来说，他们看不到网站里的flash、java applet和javascript，也看不到你图档里写的字，所以在网站设计上，只要尽量简洁有利，让内容可以好好的呈现，就是一个成功的seo网站页面。
　　另外呢，网页要尽量符合w3c的标准，如果懒得作网页，可以参考这里，有提供一些免费的网页范本，几乎都是cc授权，所以可以自由的使用，他们的网页都是符合w3c标准的。
　　4. 每页档案大小
　　作者建议每个网页尽量在15k以下，如果可以缩减到12k，甚至10k那就更好，但是不能在5k以下。其实我们都知道，搜索引擎最佳化的目的，实际上是为了使用者，而不是为了搜索引擎本身（这个我过几天再补一篇文章介绍）。
　　不过这一项到底是不是真的，我也不晓得，曾经有长辈跟我说，在台湾Yahoo，网页大小越大越好..这有待实验证明。
　　5. 内容
　　每天建立一个500～1000字的网页，当然这个网页里面必须包含你重要的关键字，如果想不出关键字来的话，可以使用Yahoo的关键字建议工具
6. 关键字密度以及关键字放置位置
　　拿出你的关键字，在下列六个地方各使用一次：
　　* 标题
　　* meta标签
　　* 网址里面（好吧，中文关键字做不到）
　　* 粗体关键字 （就是写出你的关键字，然后把他加粗）
　　* 斜体关键字 （就是写出你的关键字，然后把他斜体）
　　* 页面上半部 （网页内容比较前面的地方，我是建议用个标题，像是h1）
　　另外，英文的话，文句要通畅，拼字要正确，虽然搜索引擎本身就会帮你校正…
　　7. 外部链接
　　每一个内容页面都应该链接一、二个该关键字的「有名大站」（我不是针对无名小站= =），要注意的是链接的方式，要先写出你的关键字，再将这个关键字直接链接到该站台。
　　8. 内部链接
　　你的网站里面可能有很多类的内容，请确定同类内容互相链接，而不同类内容千万不要互相链接。例如讲食品的页面请链接到讲水果的页面这样。
　　为什么要这样作呢？同类内容的内部链接可以让google的pagerank在你的网页里互相传递，如果你只对个别网页作最佳化，有可能会发生的情况是，网站里只有少数几个页面的排名可以往前，但是若是做好内部链接的话，可以让每个网页的排名都往前。
你想要五十个网页每天都可以带来一位访客，还是只有一个网页，每天带来五十位访客呢？前者还有机会可以努力，后者要再增加应该有其限度才对。
　　9. 网站上线
　　最好不要用虚拟主机，若是能有自己的代管主机或者是固定ip位置就最好了。若是租用虚拟主机厂商的虚拟主机方案，你可能遇到的就是一台主机里面放了上万个网站，儘管Yahoo和Google宣称，他们对待虚拟主机一视同仁，但是我还是担心要他们开始把同一主机ip数量加入排名公式的那天…
　　确认网站的每一页都可以被搜索引擎索引进去，网站里的链接要做好。另外呢，在网站还称不上是个「好网站」的时候，不要让网站上线，若是随便让你的烂网站进入搜索引擎，并且被打了低分之后，我想，要让分数上升似乎就不是那麼容易了。
　　接著，把自己加入到odp（open directory project），这是一个大家可以手动加入的目录索引，这样至少你的网站已经在一个索引里面了，接著，若是有钱的话，可以使用Yahoo的搜索引擎快速付费登录，这可以让你的网站在七天内进入Yahoo!奇摩的索引里，若是没钱的话也没关係，慢慢等还是会被Yahoo登录进去的。
　　10. 送交搜索引擎以及目录索引
　　把你的网站登录到Google、Yahoo!奇摩以及MSN，接著，就放著不管了。别忘了，这篇文章的目的是建立成功的网站，过程是一年，所以把网站送交登录之后，请耐心等待六个月。（最惨的情况下啦，不过一般来说，新网站最迟三～五个星期就会进入索引里面了）
11. 纪录与追踪
　　申请一个不错的网页计数器（现在这个时候的话，当然是推荐使用Google Analytics，毕竟繁体中文内容已经可以使用Google AFC了；当然cnzz站长统计也是一个不错的选择。）
　　12. 等待搜索引擎过来索引你的网站
　　当然最好的方法是在网站里放个小程式，纪录搜索引擎有没有来过（呃，过几天我会提供XD），不然我们可以使用Google提供的Google Webmaster Central，Google提供各种关于你网站的资料，像是什么时候Google来过你的网站啊等等，你也可以透过Google Webmaster Central提醒Google，你的网站有更新，请Google过来这样。
　　13. 主题网站
　　每个关键字都会有该领域的主题网站，想办法让你的网站进入主题网站吧！（这一项我没办法补充说明@@）
　　14. 交换链接
　　与你关键字相关的网站作交换链接，最好是一天增加一个新的交换链接网站这样。
　　15. 内容
　　每天都要生产一个有内容的页面。长期来说，当然是有主题的文章比较有效，尽量减少个人文章、过短的文章等等，并且请注意你的目标族群，写些他们会有兴趣的东西放在网站上。
　　文章的写作重点：内容、租体字、断行、大量断行、简短的句子–还有很多破折号–这样可以让你的读者阅读的很快。
　　16. 格调
　　请尽量保持你网站的格调，不要大量製造看起来像是垃圾的东西等等….= =a”…就是不要像我的网志一样，你就会成功了。
　　17. 反向链接
　　如果有人向你要求链接的话，在你新增链接之前，请先去看看他的网站，看看他的Google Pagerank等等资讯，如果对方是个烂网站，那你何苦跟他链接，降低自己的格调呢？
　　18. 推广你的网站
　　寄信给你的朋友、在相关主题论坛里大量阅读、大量回应（记得，签名档里放上网站链接）。
　　19. 强调内容
　　访客进入你的网站，目的在你的内容，所以请强调你网站的内容。
　　20. 每天建立一个有内容的页面
　　还是那句话，每天建立一页新内容，如果想不到可以用哪些关键字的话，还是请用Yahoo的关键字建议工具。
21. 阅读纪录档
　　网站开始的一、二个月之后，你会开始发现你之前登录过的那些网站，开始引导访客过来了。检查一下这些访客都是透过哪些关键字进来的，并且观察这些关键字和他们真正看到内容之间的关係。如果他们要找的「真正内容」你网站里面没有的话，这个时候就可以适时补充真正的关键字。例如：他们要找的是「苹果」，然后被链接到你网站里的「橘子」页，这代表什么？代表「苹果」跟你的网站有关（所以访客进的了你的网站），但是你网站的「橘子」页却是你网站里跟苹果最有关的页面，这时候，就该补上一个「苹果」页在网站里面。
　　更深入的范例：如果他们找的是「苹果 果酱」，那就代表「果酱」也可以进的了你的网站，这时候就多补充一些果酱页面吧！
　　22. 预先准备内容
　　我们都知道，搜索引擎需要时间才能把你的网页放进资料库当中，所以当你知道PS3和Wii会在年底推出的时候，我们只要在七月、八月份开始製作PS3和Wii的相关内容，这样等到PS3和Wii正式推出的时候，你就可以收到成效了。
　　23. “Be Social”
　　网站被登录在Digg、Del.icio.us、Technorati、Hemidemi等等地方，对你来说当然也是有帮助的。如果你的网站有内容，就更容易被人发现，被人发现就容易被人写文章推荐，容易被人写文推荐，就容易被搜索引擎加分，这样一路下来当然有更大的好处。
　　24. 网友
　　在论坛里，除了阅读文章之外，更要紧的是和网友的互动，互动多了之后，自然而然就会不只在论坛互动，可能就会转变为在两人的网誌上互动，久了以后就可能是网站相互链接的基础了。
　　25. 作笔记
　　在你每天一页内容的过程当中，心里头应该会浮现一些灵感，当灵感浮现的时候，就是你的另一篇新文章的源头了。先写下来，以后可以随时拿出来用。
　　26. 第六个月：检查搜索引擎
　　现在是第六个月了，该是时候去检查搜索引擎上面到底有没有你的网站了，如果之前六个月经营得好的话，现在你的网站应该顺利的出现在搜索引擎上头了；如果没有出现的话，可以重新登记一次。
　　27. 每天建立一页新的内容
　　这一项好像出现很多次了..囧 不过这项最重要，总之记得每天要建立一页新的内容，经过这麼长时间的网站经营之后，我想对你来说，建立内容已经没有问题了，现在要建立更「优质」的内容，对你来说更是轻而易举的事情，所以，每天建立一页新的优质内容吧！
　　总之就是这样，完成了这27个步骤之后，你的网站一定会成功的，原作者提到，搜索引擎每天会引导五百到两千位访客到你的网站上，每天的网页观看数量应该也会到达一万页左右
相关文章Web2.0 体验式网站设计的41个关键点[转] (2)中文网站中的Tag Cloud [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/612/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>中文网站中的Tag Cloud</title>
		<link>http://www.blueben.cn/index.php/archives/607</link>
		<comments>http://www.blueben.cn/index.php/archives/607#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:37:42 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Interact & Mockup]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=607</guid>
		<description><![CDATA[在网站中，Tag cloud 采用更大字体，或者更深色彩来强调某些标签，这些标签通常按照字母顺序排列，因此，在英文世界里，tag cloud可以作为一种可视化的导航方法，但在中文世界中会怎样呢？或者更具体一点，在香港会怎样呢？
中国人的语言环境
给出答案前，对中国人的语言环境，我们应该有些基本认识，在中国内地，人们阅读和写作采用的是简体字，而在台湾地区，则是繁体字，可是，他们说的都是汉语*。除了一些新科技术语，比如：&#8221;mp3&#8243;，&#8221;qq&#8221;等，几乎所有的外语词汇都有汉语翻译。
但在香港，语言环境更复杂一点。香港人阅读写作使用汉字，但说的却是广东话（一种中文方言）。同时在一些商务环境下，仍然使用英语，这两种因素的影响，使得香港人书写中文的方式变得不同于内地人和台湾人。此外，香港人使用英语词汇的频率比起内地和台湾人都多，他们不花太多心思在怎样翻译，本土化外国词汇这一点上。比如：&#8221;buffet&#8221;"餐点&#8221;, &#8220;tiramisu&#8221;"提拉米苏&#8221;, &#8220;proposal&#8221;"提议&#8221;, &#8220;(to) confirm&#8221;"确认&#8221;, &#8220;(to) cancel&#8221;"取消&#8221;，等等，这些名词和动词，都有汉语翻译，但是香港人更愿意说英文，即使只是广东话中夹杂英文。 
Tag Cloud设计带来的影响
采用tag cloud使许多标签更形象化的意义是什么？
首先，按英文中26个字母的排序方式在汉字中行不通。因为在中国，应用最广泛部首检字法是按照笔画多少来排序，可是汉字的笔画数目并不容易比较。当然我可以很容易的说出&#8221;一&#8221;这个字的笔画肯定少于&#8221;國&#8221;，但如果是比较&#8221;國&#8221;和&#8221;條&#8221;俩字呢？这两个字有一样的笔画数目，那谁应该排在前面？普通用户们不会有答案。
在内地的一些网站采用另一种方法 — 按照拼音字母的顺序（拉丁字母为汉字注音），这是因为内地人学习汉字的时候都和拼音分不开的，即便拉丁字母对应到拼音上不是那么准确。然而，这种方法在现在的香港行不通，因为广东话的发音系统不同于标准汉语。虽然我们香港人在排列姓氏的时候，是按照广东话发音在拉丁字母表中的顺序，但如果对日常事务排序，这种方法却并不常用。
第二，网页上显示不同大小的汉字并不容易。因为在页面上，普通字体的汉字在被放大以后，就不好看了。用户会觉得大字体的汉字看起来很“不专业”或者说&#8221;像代码一样&#8221;（一般，视觉设计师的解决办法是，用更好看的字体或者干脆把文字部分做成图片）。
你或许以为这只是一个品味或者审美方面的问题，但实际生活中，我确实听到一些用户说，他们以为tag cloud表示的是，网站出了问题——&#8221;为什么网页上面一团糟? 到处都是大小不规则的字体和代码一样的文字&#8221;。这同样也暗示了越大就越容易被用户接受&#8221; 这条规则在这个问题上也许并不适用。

第三，一个中文网站中的tag cloud可能不会只有汉字标签，还有英文标签。而且，我估计，在香港网站上的英文标签数量可能会高于台湾，最后是内地。这只是一个猜测，因为迄今为止，我知道在香港网站上，标签还很少，但是如果这样的tag cloud，还会被继续使用，那么很快，香港网站上的标签可能一半是英文，一半是中文，而且会夹杂在一起。这个问题又回到了刚才我们关于检索顺序的讨论 — 如果我们把标签按字母表顺序排序，把英文和中文标签分成两组，那么这样一来，用户在访问网站时，会很快就发现&#8221;最热资讯&#8221;么？
在中文网站里，tag cloud看起来会怎样？
前文提到了三个方面的影响，那么在中文网站中，我们应该怎样去中设计tag cloud显示标签呢？
字体大小的问题相比之下更容易解决。一个办法，是采用flash或者将将漂亮的字体文字做成图片；另一种办法是，用色彩来区分不同，而不是采用通常的办法——以字体大小去区分。
我们在这里讨论的检索排序，其实不是一个新问题。过去，负责汉化英文软件的开发者也面临过同样的问题，但至今，它都没有被很好的解决掉。然而，如果我们要讨论tag cloud的设计，我的想法是我们或许可以完全抛掉排序。
为 什么我们必须去为标签排序？你可以在一个tag cloud上放上许多不同的排序方式，不仅仅是依照字母表或者笔画多少，还可以是&#8221;最近被添加的&#8221;或者是&#8221;最近被修改过&#8221;的。而且,所有的这些，都是建立在一个假设之上的&#8212;假设人们在检索tag cloud 中的标签时会按照阅读文章的顺序，即从左到右，从上到下。这种假设合理么？要使分类顺序失去作用，或许我们可以用弹出的大字体来强调标签，那更能吸引用户的注意力只要tag cloud不是网站唯一的导航地图，就不必列一个无止境的标签列表．或许使用tag cloud的一个最好的方法是强调可视化而不是导航功能。
*外国人学习的汉语一般都指香港和内地的&#8221;普通话&#8221;，在台湾，人们称之为＂国语＂。虽然在形式上，有些不同，普通话和国语基本上可以看作是同一种语言．
本文作者 Rex Wong, 最初发表于 http://www.uigarden.net/chinese/zhong-wen-wang-zhan-tag。如想阅读更多类似文章，请到： www.uigarden.net
相关文章Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)OBLog 3.0 用户模版制作教程 (0)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (1)GOOGLE网站向网站管理员提供的建议 (0)[转]从概念到产品：Project Management (0)
	标签(Tags)：FLASH, Interact &#38; Mockup, [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/607/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>国内一批图片网站</title>
		<link>http://www.blueben.cn/index.php/archives/581</link>
		<comments>http://www.blueben.cn/index.php/archives/581#comments</comments>
		<pubDate>Mon, 18 Jun 2007 14:23:20 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=581</guid>
		<description><![CDATA[国内有名的图片站- -
TUTU坊：http://www.sczz.com/
非常图酷http://www.tucoo.com
构图网：http://www.goto1.net
矢量LOGO：http://www.findlogo.com/find1.htm
美图http://www.6to23.com/s8/
搜图网：http://www.sophoto.net/cgi-bin/imagefolio.cgi
伊美姬网http://www.imagegarden.net
桌面城市http://www.deskcity.com
中国图片库http://www.imaginechina.net/
夜*图库http://ycpic.myetang.com
网页制作大宝库http://www.4gee.com
流星雨矢量图库http://meteor.loadskill.com
中华图库http://www.star99.com/photo
素材精品屋http://www.sucaiw.com
热线素材精品：http://sucai.zjonline.com
壁纸好莱坞http://jimmy.transfar.com
Wincustomize  http://www.wincustomize.com/
axialis  http://www.axialis.com/
Eboy Home http://www.eboy.com
ICON List  http://www.arkbook.com/icon/
ICON中国 http://www.iconcn.com/
图标集中营 http://www.51icon.com
馨雅壁纸 http://www.365pic.com/cn/index.php
海龙文化 http://www.hellosea.com/civilization/index.asp
中国古代龙 http://zzx.shangdu.com/artchina_ &#8230; to/long/page_01.htm
最好的图片搜索引擎http://www.google.com/imghp?hl=zh-CN
非鸟矢量图库http://www.feiniao.net/ai/index.htm
闪吧矢量图库http://www.flash8.net/index_vector.asp
流星雨矢量图库http://meteor.loadskill.com/
梧桐树下矢量图库http://wtsx.my169.com/flash/2000slt/index.htm
广之源矢量素材http://www.coolty.com/Subject.asp
平面设计与桌面出版&#8211;矢量素材区http://202.103.233.162/cd/downhtml/down-1.htm
素材网http://gimages.myetang.com/index.htm
猫猫图片酷http://www.tucoo.com/ai/index.htm
TUTU坊：http://www.sczz.com/
非常图酷http://www.tucoo.com
构图网：http://www.goto1.net
矢量LOGO http://www.findlogo.com/find1.htm
美图http://www.6to23.com/s8/
搜图网：http://www.sophoto.net/cgi-bin/imagefolio.cgi
伊美姬网http://www.imagegarden.net
桌面城市http://www.deskcity.com
中国图片库http://www.imaginechina.net/
夜*图库http://ycpic.myetang.com
网页制作大宝库http://www.4gee.com
流星雨矢量图库http://meteor.loadskill.com
中华图库http://www.star99.com/photo
素材精品屋http://www.sucaiw.com
热线素材精品：http://sucai.zjonline.com
壁纸好莱坞http://jimmy.transfar.com
Wincustomizehttp://www.wincustomize.com/
axialishttp://www.axialis.com/
Eboy Homehttp://www.eboy.com
ICON Listhttp://www.arkbook.com/icon/
ICON中国http://www.iconcn.com/
图标集中营http://www.51icon.com
馨雅壁纸http://www.365pic.com/cn/index.php
海龙文化http://www.hellosea.com/civilization/index.asp
中国古代龙 http://zzx.shangdu.com/artchina_ &#8230; to/long/page_01.htm
最好的图片搜索引擎http://www.google.com/imghp?hl=zh-CN
非鸟矢量图库http://www.feiniao.net/ai/index.htm
闪吧矢量图库http://www.flash8.net/index_vector.asp
流星雨矢量图库http://meteor.loadskill.com/
梧桐树下矢量图库http://wtsx.my169.com/flash/2000slt/index.htm
广之源矢量素材http://www.coolty.com/Subject.asp
平面设计与桌面出版&#8211;矢量素材区http://202.103.233.162/cd/downhtml/down-1.htm
素材网http://gimages.myetang.com/index.htm
猫猫图片酷http://www.tucoo.com/ai/index.htm
相关文章Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)OBLog 3.0 用户模版制作教程 (0)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (1)GOOGLE网站向网站管理员提供的建议 (0)[转]从概念到产品：Project Management (0)
	标签(Tags)：FLASH, Others, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/581/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>凯文 埃尔基德剖析一种网页设计时尚：效仿</title>
		<link>http://www.blueben.cn/index.php/archives/575</link>
		<comments>http://www.blueben.cn/index.php/archives/575#comments</comments>
		<pubDate>Thu, 07 Jun 2007 14:19:25 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://www.blueben.cn/blog/?p=575</guid>
		<description><![CDATA[凯文 埃尔基德剖析一种网页设计时尚：效仿
大家是否有这么一种感觉，就是从前那些你自己能够欣喜得发现一个原汁原味的优秀网站的好日子似乎一去不复反了？我不是说现在的网页该做的已经都做了，该想到的也已经想过了，有创造性的网站已经不存在了。应该说这样的网站还有，但象这样的原创网站是越来越难发现了。
互联网的一个好处就是让全世界的设计师们能够互相交流探讨设计理念。一个不好的地方是这种先进的全球通讯工具会使一些流行的网站影响到其它网页设计师的创造性上。我不太清楚现在的设计师们是不是觉得设计风格和趋势是一种“时髦”而去追随，或者是因为这些设计师见得太多了，因而下意识的在他们的创造性思维里面深深得留下了一种预先设定好了的设计风格。
网页设计中的这种“趋势”应该说是上面两种风气的共同作用之后的结果。很不幸的是我相信绝大多数网页设计师，尤其是那些年青的，易受感染类型的喜欢把那些受到设计界好评和知名度的网页看作成一种成功设计的衡量标准。一个绝好的例子就是 http://www.2advanced.com. (译者注：我们就叫它“太先进网页”吧)这大概是迄今为止世界上最多次被效仿的网页了。我可以说我在网上已经碰到了不知道网页纷纷效仿这种设计风格。快速动感的FLASH动画，清脆的音响效果似乎已经不知道被挪用过多次了。现状是，这种抄袭已经是家常便饭了，以至于我们可以把这种现象叫做“太先进的网页设计风格”了， 2advanced style. of Web design。
还有一种类型的影响是 http://www.egomedia.com(自我媒体). 自打Ego Media 启动了它们的网页之后的几星期之内，各个设计公司开始纷纷效仿那种2D矢量视频动画。网站启动占据整个显示器屏幕的效果自从那网页启动后也突然变的那么的时髦起来。我一直很呐闷人们是否会静下来好好想想虽然这些设计风格，技术细节对于“自我媒体”来说很合适，但这种全屏幕，矢量视频动画风格也许并不适用你老家的那个律师事务所的主页。
这大概就是设计趋向的最大问题了：扼杀了原创。象EGO那样的有才华的设计事务所经常赢得设计奖，很多网页设计师便想当然的认为EGO的解决问题的方法也一定适用他们自己的下一个设计项目。甚至很多大型的设计事务所也跟随潮流，掉入这种陷阱。我曾经亲眼目睹大型设计事务所点名要求把一个眼下流行的网页设计风格“套”到下一个设计项目上去。
我当然不反对设计趋向，向优秀的学习是提高自己的捷径。我只是担心网页设计风格的停滞不前。大型的网上购物网页一般使用比较特殊的导航系统，当然很快这种系统便被效仿了。
举个例子，http://www.amazon.com (美国一个很大的网上书店)。 他们广泛使用了索引片(tab)式的导航系统，这大概是世界上被效仿最多的导航系统了。当然很大人会说这是一个成功的站内导航设计。因为这种系统对于用户来说很方便，当然互联网对于众多用户来说也变的容易了。虽然我完全站在使用性立场上的，但我不同意索引片(tab)是唯一的方便用户的导航系统的观点。坦白说，这些被效仿无数次的索引片(tab)式的导航系统已经变得很庸俗了。
搞一个网页设计趋向的画廊是一个不错的注意。等我有空了我真得很想搞一个。当然里面少不了“太先进新风格派”和“自我媒体的橙色时期”。它将会是一个大仓库，一个包罗万象的仓库。里面收集了过去已经不时兴的，正在时兴的和将要时兴的。如果里面有一个能让艺术史学家收编我们设计师的这些昙花一现的创造性火花当然就更好。
相关文章Web2.0 体验式网站设计的41个关键点[转] (2)面向任务流的交互设计-2.0的信息结构 (1)花十二个月建立一个成功的网站 (0)如果你想成为一名交互设计师(写于2006) (0)中文网站中的Tag Cloud (0)概念图 (0)UI设计观 (0)Blog的三大核心功能及RSS详解 (0)Web 2.0 概念汇总 (0)国内一批图片网站 (0)
	标签(Tags)：FLASH, Others, 互联网, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/575/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>061101·站点调整记录</title>
		<link>http://www.blueben.cn/index.php/archives/238</link>
		<comments>http://www.blueben.cn/index.php/archives/238#comments</comments>
		<pubDate>Tue, 31 Oct 2006 17:18:07 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[About Wordpress]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=238</guid>
		<description><![CDATA[11月了
11月的第一个小时已经过去了
今天又完成了不少调整。
调整的工作还要继续，看起来还有以下要做：
·中间栏的FLASH要修改 &#8211;061102
·RSS图标效果不好 &#8211;061102
·！评论处的头像要换掉（包括发帖处） &#8211;061102
·！调整评论处的结构和表单样式、添加评论处的说明文字（包括发帖处） &#8211;061102
·SITE MAP 优化[安装XHYL插件] &#8211;061101
*·要不要搬原来的200多篇过来呢~~（会累死人的~~~）
·添加“发表评论或文章时自动复制复制内容到粘贴板”功能 &#8211;061102
·添加头像插件
·添加页面内聊天插件 &#8211;061102
·添加天气 &#8211;061102
·添加相关文章 &#8211;061102
·Google AdSense
·调整中间链接栏目 &#8211;061101
·调整发帖/发表评论时可选字体颜色（或寻找一种更好的编辑器插件） &#8211;061105
·调整SIDE-BAR “添加到……RSS图标” &#8211;061105
·添加FLASH播放音乐（音乐文件 以及XML列表） &#8211;061107
·调整音乐播放TXT列表 &#8211;061107
·FAV页面增加词霸翻译工具条和GOOGLE搜索工具条
·调整FAV页面结构，修改部分链接（友情链接部分尝试做成IFRAME页）
·新首页制作
·FAV页面美术设计调整
·个人相册、作品相册设计、制作
·SXNA聚合器调试
·新域名的sitemap制作
·404等页面的优化，整站的优化
另外，今天把收藏夹页面做好了。很简陋，以后要重做的。
下一个目标是首页。
相关文章Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)OBLog 3.0 用户模版制作教程 (0)关于PhotoShop &#038; FireWorks (0)一流网站设计专家:网站设计必须知道的65条原则 (1)GOOGLE网站向网站管理员提供的建议 (0)[转]从概念到产品：Project Management (0)
	标签(Tags)：About Wordpress, FLASH, 视觉设计
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/238/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLASH调用外部文件详解[转]</title>
		<link>http://www.blueben.cn/index.php/archives/546</link>
		<comments>http://www.blueben.cn/index.php/archives/546#comments</comments>
		<pubDate>Tue, 24 Oct 2006 05:48:43 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=546</guid>
		<description><![CDATA[相关文章让交互设计变的轻松有趣-Balsamiq Mockups原型工具介绍 (1)Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)FLASH新闻展示[转][精] (0)OBLog 3.0 用户模版制作教程 (0)关于PhotoShop &#038; FireWorks (0)
	标签(Tags)：FLASH, Skills
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/546/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLASH新闻展示[转][精]</title>
		<link>http://www.blueben.cn/index.php/archives/543</link>
		<comments>http://www.blueben.cn/index.php/archives/543#comments</comments>
		<pubDate>Sat, 14 Oct 2006 12:06:09 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=543</guid>
		<description><![CDATA[#1  [06.10.14][推荐]为LBS添加“FLASH新闻展示”



　　类似于 http://finance.qq.com/ 左上角的这个中新闻展示，现在很流行哦！其实主要是用了一个JS，然后调用一个做好的FLASH效果，然后得到这种效果！　　第一步：首先在网页里加上以下JAVA。
　　第二步：修改部分代码（看蓝色部分），最主要的是那个 FLASH效果（你可以去别的大网站直接下下来，然后改下文件名即可！注意路径正确哦）
　　第三步：添加新闻内容（红色部分），注意连接不要错哦！
　　01.以下本站参考修改代码：
　　
&#60;table border=&#8221;0&#8243; width=&#8221;100%&#8221; id=&#8221;table1&#8243; cellspacing=&#8221;0&#8243; cellpadding=&#8221;0&#8243;&#62;
&#60;tr&#62;td align=&#8221;center&#8221;&#62;
&#60;script language=&#8221;" type=text/javascript&#62;
imgUrl1=&#8221;tools/news/pic/1.jpg&#8221;;                                                       //图片的路径
imgtext1=&#8221;∽生活笔谈∽  Http://LifeBlog.Zj.Com 欢迎您的光临！&#8221;         //标题
imgLink1=&#8221;Http://LifeBlog.Zj.Com&#8221;;                                                    //链接的地址
imgUrl2=&#8221;tools/news/pic/2.jpg&#8221;;
imgtext2=&#8221;本站长期发送Gmail注册邀请，请需要的朋友请在留言板登记！&#8221;
imgLink2=&#8221;gbook.asp&#8221;;
imgUrl3=&#8221;tools/news/pic/3.jpg&#8221;;
imgtext3=&#8221;友情链接申请，请到”链接“版块申请！&#8221;
imgLink3=&#8221;links.asp&#8221;;
if (navigator.appName == &#8220;Netscape&#8221;)
{document.write(&#8216;&#60;a [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/543/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>OBLog 3.0 用户模版制作教程</title>
		<link>http://www.blueben.cn/index.php/archives/541</link>
		<comments>http://www.blueben.cn/index.php/archives/541#comments</comments>
		<pubDate>Wed, 11 Oct 2006 06:02:19 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[FIREWORKS]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=541</guid>
		<description><![CDATA[OBLog 3.0 用户模版制作教程（z）
OBLog 3.0 用户模版制作教程　　现在的BLOGER越来越多，挡都挡不住，是什么时候大家都开始写BLOG了呢？BLOG就相当于自己在网上的一个家，既然是家就要有自己的个性，每个人都希望自己的BLOG与众不同，在这里SNAKE就为大家讲一下BLOG模版的怎样做成的。以“沉静青春 youth CSS系列 12”模版为示例，在http://skin.midicn.cn/jc/mbjc/htm/youth.rar可以下载到，内有PNG（Fireworks MX 2004修改）源文件。
　　本教程都是在2000系统IE6.0，Mozilla Firefox 1.0下测试。不敢保证都和SNAKE看到的一样。之所以要用Mozilla Firefox测试是因为那5%的用户。不过说真的，尽管有时候我很想抛弃他们……
一、基本必要条件
1.1 做模版需要什么能力吗？
　　做OBLog的模版你需要了解HTML和CSS还有美工基础，当然这不是很难，甚至可以说很简单，不会的朋友马上学，买书一个星期就可以学会。另外就是细心、耐心，毕竟我们也是在做设计，严格要求是当然的。
1.2 准备工具
　　一台电脑，制作网页的工具Macromedia Dreamweaver MX 2004和做图工具Macromedia Fireworks MX 2004（PS也可以）。测试浏览器Mozilla irefox，IE6.0在XP下自带。截图工具HprSnap5，论坛里有使用方法（滚屏截图）。这几个工具可以在天空下载站下载到。
Macromedia Dreamweaver MX 2004：
http://www2.skycn.com/soft/860.html
Macromedia Fireworks MX 2004：
http://www2.skycn.com/soft/1824.html
Mozilla Firefox V1.0.6 中文增强版
http://www2.skycn.com/soft/20595.html
SN:
Macromedia Dreamweaver MX 2004:
WPD700-52206-61494-40475
Macromedia Fireworks MX 2004：
WPD700-52206-61494-40475
Macromedia Studio 8正式版序列号
flash：WPD800-53933-19632-12307
dreamweaver：WPD800-52430-29332-35254
fireworks：WPD800-59537-39432-12200
　　这里还要推荐一款很好用的CSS编写软件：TopStyle3。你可能用不到。下载地址：http://skin.midicn.cn/soft/TopStyle3.rar
　　以及《样式表中文手册css2》是CHM格式的，可直接打开。你一定要用到。下载地址：http://skin.midicn.cn/soft/css2.rar
　　屏幕滚动截图工具HprSnap5。做好模版后截图工具，可能用到。下载地址：http://skin.midicn.cn/soft/HyperSnap-DX.rar
二、构思
2.1 色调
　　首先要考虑BLOG的基本色系是什么颜色，然后是基本布局，这里我们不做太复杂的，只做最简单的考虑。这里我考虑绿色，而且只考虑绿色和灰色搭配。（传说中灰色是万能色，就好象O型血一样。）


三、制图
　　在FW下面新建一个890*1344的图。优化设置里面选择PNG32格式（推荐使用PNG格式的图片，导出后画质最好，体积小。个人经验。）
3.1 背景
　　我们先考虑整个页面的背景色，使用#CCFF66颜色。
　　然后是中间部分的背景图片，我们设计一个圆角矩形，效果如下图。

　　从网上随便找个风景图，然后使用魔术棒随便扣，再填充成灰色，再“平面化所选”，再把尺寸对齐，多余的削掉，位图属性设置成“屏幕”。
　　在合适的地方画个矩形，特效是阴影。这样看起来会和背景和谐。

　　现在整个背景就OK了，新建一个图层，并且把这个图层锁定。
3.4 公告烂的设计
　　公告栏简单，看图。

3.6 RIGHT的的设计
　　做一个标题文字的背景。

四、切图
　　终于，我们把BLOG的基本外观设计完成，这个过程不像本教程似的一气呵成，而是经过了几天的时间才设计出来的，而且，这还不是我们BLOG的最终形态，这只是一张只能看的图，接下来的步骤就是把这个基本结构设计图切成一小块一小块的，以便于我们做成模版。
　　按照下面的图切就没有问题了。背景图一定要居中。一共是8个图片。每个切片的名字就是图片上红色的字。

&#60;link rel=&#8221;stylesheet&#8221; type=&#8221;text/css&#8221; href=&#8221;http://www.blueben.cn/oblog3//blog/skin/snake/css/youth/css.css&#8221; mce_href=&#8221;http://www.blueben.cn/oblog3//blog/skin/snake/css/youth/css.css&#8221;&#62;&#60;!&#8211; CSS连接代码 &#8211;&#62;
&#60;div id=&#8221;head&#8221;&#62;&#60;/div&#62;&#60;!&#8211; HEAD是最上面的层 &#8211;&#62;
&#60;div id=&#8221;content&#8221;&#62;&#60;!&#8211; CENTENT包括LEFT和RIGHT两个层 &#8211;&#62;
&#60;div [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/541/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>关于PhotoShop &amp; FireWorks</title>
		<link>http://www.blueben.cn/index.php/archives/497</link>
		<comments>http://www.blueben.cn/index.php/archives/497#comments</comments>
		<pubDate>Thu, 15 Jun 2006 07:55:26 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[FIREWORKS]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=497</guid>
		<description><![CDATA[这2天在网上查了一些关于PS和FW的消息
FW是目前用的最习惯的制作工具
特别是在网页设计方面，它的矢量元素和合理设置使得制作过程既轻松又快捷
而且能和DW、FLASH配合的很好
问题是FW在导出PSD的时候还是存在一些问题，虽然最新的版本里已经基本不会出现样式的失效等问题，但是某些可编辑性还是被牺牲掉了
PS中主要还是以蒙板+位图来解决问题的
习惯了FW和AI的矢量环境之后，对位图的东西开始变得很不适应
觉得矢量的东西总是更自由一点
——虽然在处理照片和后期效果的时候还是必须依靠PS
还有一个问题是ADOBE收购MM之后
FW的去向是一个问号。
的确，在某些方面，FW和PS是有功能上的重复的
外面也一度传闻FW会牺牲掉
觉得很可惜
昨天上了ADOBE FW开发部门经理的BLOG
http://blogs.adobe.com/jnack/2006/02/photoshop_fireworks.html
他写到：
Fireworks is alive and well at Adobe, and we&#8217;re working to define the best course for each app.
心里觉得应该祝福他们好运
毕竟FW对网络媒介来说是一件再合适不过的工具，简单，高效
然后又随便找了下
发现还是有不少人和我有相同的感受的
——虽然PS也有很多的支持者
http://www.communitymx.com/content/article.cfm?cid=A28E7
&#8220;The first thing you should notice after opening the Photoshop version of the design is that all the elements are bitmaps. Operations like resizing and changing stroke and fill are more complicated because of this fact. For [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/497/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>一流网站设计专家:网站设计必须知道的65条原则</title>
		<link>http://www.blueben.cn/index.php/archives/491</link>
		<comments>http://www.blueben.cn/index.php/archives/491#comments</comments>
		<pubDate>Mon, 22 May 2006 02:53:04 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[UE Learning]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[FIREWORKS]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[广告]]></category>
		<category><![CDATA[网络产品设计]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=491</guid>
		<description><![CDATA[网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
07 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 “在计算机上永远也找不到好的方案”。 ——专家忠告
10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 “睁大你的眼睛，留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。” ——专家忠告
12 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
     14 “使用切合实际的简便的命名规则。” ——专家忠告
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 “网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” ——专家忠告
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24 “坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。” [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/491/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>GOOGLE网站向网站管理员提供的建议</title>
		<link>http://www.blueben.cn/index.php/archives/448</link>
		<comments>http://www.blueben.cn/index.php/archives/448#comments</comments>
		<pubDate>Tue, 28 Feb 2006 08:34:11 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Others]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=448</guid>
		<description><![CDATA[

　　遵循以下指南将有助于 Google 查找、检索您的网站并对其进行排名，这是确保在 Google 搜索结果中列出您的网址的最佳途径。即使您选择不采纳这些建议，我们也强烈建议您密切关注&#8221;质量指南&#8221;，该指南对可导致网站从 Google 索引中彻底删除的一些违禁行为做了简要说明。一旦网站删除之后，Google.com 或 Google 所有合作伙伴网站的搜索结果中都不会再显示该网站。
　　网站设计与内容指南：
　　网站应具有清晰的层次结构和文本链接。每个网页应至少可以通过一个静态文本链接打开。
　　为用户提供一个网站地图，并列出指向网站重要位置的链接。如果网站地图上的链接超过大约 100 个，则最好将网站地图拆成多个网页。
　　网站应具有实用性且信息丰富，网页文字应清晰、准确地表述要传达的内容。
　　要考虑到用户会使用哪些关键词来查找您的网页，确保网站上包含了这些文字。
　　尽量使用文字而不是图像来显示重要的名称、内容或链接。因为 Google Crawler 无法识别图像中所包含的文字。
　　确保 TITLE 和 ALT 标记文字简单明了并与网页内容相关。
　　检查链接是否损坏，HTML 格式是否正确。
　　如果采用动态网页(即网址中包含&#8221;?&#8221;字符)，请注意并非每一个搜索引擎 Spider 收录动态网页都能像收录静态网页一样容易。缩短参数的长度并减少参数数目将有助于收录动态网页。
　　将每一网页上的链接数量限制在合理的范围内(少于 100)。
　　技术指南：
　　由于大部分搜索引擎 Spider 查看网站的方式与文本浏览器一样，所以可使用诸如 Lynx 的文本浏览器来检查您的网站。如果因采用了 Javascript、Cookie、Session ID&#8217;s、frames (框架)、DHTML 或 Flash 等复杂技术，而导致在文本浏览器中无法看到网站的所有网页，则搜索引擎 Spider 在收录您的网站时可能会遇到麻烦。
　　允许搜索漫游器 (search bots) 收录您的网站，同时不采用 Session ID 或其它参数来追踪它的浏览路径。这些跟踪技术对了解个别用户的行为很有用，但由于漫游器的访问模式完全不同，采用这些技术则可能会导致对网站的检索不完整，因为漫游器可能无法排除那些看上去不同但实际却指向同一个网页的网址。
　　确保您的网络服务器支持 If-Modified-Since HTTP 标题。通过该功能 Google 可以知道自上次收录以来您的网站内容是否有变化，这样可以节省您的带宽和开销。
　　使用网络服务器上的 robots.txt 文件。该文件会告诉 Crawler 可以收取哪些目录。请确保该文件内容的更新，以免 Googlebot Crawler 的收录意外中断。有关来访漫游器和如何控制它们的常见问题解答，请访问 www.robotstxt.org/wc/faq.html。
　　如果贵公司购买了内容管理系统，请确保该系统能导出您的内容，以便搜索引擎 Spider [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/448/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[Flash]Loading</title>
		<link>http://www.blueben.cn/index.php/archives/428</link>
		<comments>http://www.blueben.cn/index.php/archives/428#comments</comments>
		<pubDate>Thu, 15 Dec 2005 09:13:06 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=428</guid>
		<description><![CDATA[一个更加简单的Loading制作方法。
做一个100桢的MC动画；可以包含一个text的动态文本区。
把该MC拖入主场景的首桢，并在首桢添加Stop，在该MC上加上如下代码：
onClipEvent (load) {
    total = _root.getBytesTotal();
}
onClipEvent (enterFrame) {
    loaded = _root.getBytesLoaded();
    percent = int(loaded/total*100);
    text = percent+&#8221;%&#8221;;
    gotoAndStop(percent);
    if (loaded == total) {
        _root.gotoAndPlay(2);
    }
}
相关文章让交互设计变的轻松有趣-Balsamiq Mockups原型工具介绍 (1)Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)FLASH调用外部文件详解[转] (0)FLASH新闻展示[转][精] (0)OBLog 3.0 用户模版制作教程 (0)
	标签(Tags)：FLASH, Skills
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/428/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转]flash+xml结合应用实例下载</title>
		<link>http://www.blueben.cn/index.php/archives/426</link>
		<comments>http://www.blueben.cn/index.php/archives/426#comments</comments>
		<pubDate>Wed, 14 Dec 2005 05:39:54 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=426</guid>
		<description><![CDATA[1.flash+xml做的图片浏览器(普通型)
推荐理由：
&#60;1&#62;点击小的缩小图，能展示生成大图
&#60;2&#62;小图效果中应用著名缓冲公式，给小图一种流畅衔接的感觉
特别说明：请读者特别留意本FLASH源文件中，读去外部XML时候写的AS
至于为什么，你看了就知道了！特别感谢朋友白乌鸦（网易FLASH负责人）提供&#8230;&#8230;
下载地址：
picview.rar
解压密码：www.flashbank.cn
2.flash+xml做的xml方式载入图片自动轮换显示
推荐理由：
&#60;1&#62;加载的图片，你可以自己定义他轮换显示的时候
&#60;2&#62;加载的图片,你可以自己控制他的轮换的方向
&#60;3&#62;加载的图片，自动轮换显示时候依旧应用了著名缓冲公式
特别感谢：flash8斑竹的提供（应作者要求不出现她的名字，但是我还应该说明一下，毕竟是她的辛苦成果&#8230;）
picroll.rar
解压密码：www.flashbank.cn
3.flash+xml做的简单的下载系统[版本：flash8]
推荐理由：
这个效果的应用简单介绍一下适合于小型的下载啥的&#8230;xml管理！实在太困了，你还是下载后去看吧！
友情提示：这个实例中dlist.xml中，写的下载地址，本站没有在相应的地址上上传东西，要想测试，自己修改成正确存在的地址！
特别感谢deathblood提供！向您说声诚挚的谢谢！敬礼&#8230;.嘿嘿
下载地址：
flashdownload.rar
解压密码：www.flashbank.cn
4.flash+xml做treemenu树形分类链接 
推荐理由：
源文件的注释写的很详细！给你教程+源文件的感觉！
特别感谢：webstudio站长fish的大力提供，fish的作品！
下载地址：
treemenu.rar
解压密码：www.flashbank.cn
5.flash+xml做的FLV
特别感谢白乌鸦[网易flash负责人]的师兄kinglong的提供
flashvideo.rar
解压密码：www.flashbank.cn
出处：闪客银行
相关文章让交互设计变的轻松有趣-Balsamiq Mockups原型工具介绍 (1)Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)FLASH调用外部文件详解[转] (0)FLASH新闻展示[转][精] (0)OBLog 3.0 用户模版制作教程 (0)
	标签(Tags)：FLASH, Skills
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/426/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转]从概念到产品：Project Management</title>
		<link>http://www.blueben.cn/index.php/archives/422</link>
		<comments>http://www.blueben.cn/index.php/archives/422#comments</comments>
		<pubDate>Sat, 10 Dec 2005 07:43:28 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Product & Prototype]]></category>
		<category><![CDATA[FLASH]]></category>
		<category><![CDATA[网络产品设计]]></category>
		<category><![CDATA[视觉设计]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=422</guid>
		<description><![CDATA[翻一篇Flash Forward 2001 NY的演讲笔记（不过作者是否在现场补充了东西就不得而知了）
主要讲述的是作者如何在时间及预算支出之内完成高质量互动设计计划的经验（high-quality interactive design projects ，好长）作者是firstborn的
#基本的宗旨
基本是宗旨是要建立在我们服务的两个客户的基础上的：我们现实中面对的客户，还有一个客户就是我们设计团队本身。设计团队包括designers, programmers, flash developers, production artists。
两者关心的东西并不一样，Producers和Production Manager就要做出同时满足两者需求的计划。
实际客户关心的是：
* 他们公司内部讨论结果的实现
* 他们个人关于设计，功能的主观意见
* 公司同僚对计划的反馈意见
* 维护费/扩展性 比
* 预算支出，时间
设计团队关心的是：
* 他们公司内部讨论结果的实现
* 他们个人关于设计，功能的主观意见
* 清晰知道客户方面的目标、范围以及计划的细节部分
* 可以使用的资源素材
* 创作自由还有良好的工作环境
* 良好的设备
* 充足的时间
* 合理，有意义的意见反馈和修改意见
* 正确评价（虚荣啊，呵呵）
以下着重于如何满足内部团队的要求。至于客户的要求，演讲者建议大家去查书，哈。
#下面是个实例
* 首先是团队与客户接触，在纸上草拟纲领，这次的计划是一家XYZ Widget Company的网站，草拟纲领如下：
XYZ Widget Company
Basic Application Structure
I.    Home
A.    About Us
1. Tom
2. Dick
3. Harry
B.    Our Services
1. Widget Consulting
2. Widget Making
3. Widget Fulfillment
C.    Contact Us
* 开始资料收集，整理，包括LGOO，文章，图片，影片等。
Production Manager会在计划的目录下建立一个叫XYZ 1234的共享子目录，同时下建四个子目录：
1）assets
2）from client
3）to client
4）working files
如图：

此阶段的工作是处理from client目录，这里是从客户处得来的一切资料，一般按照时间顺序来摆放子目录如图：

有时候会是客户的光盘，客户的FTP，或者是客户需要扫描的照片。这些资料还可能包含很多未知格式或未经整理的文件。Production [...]]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/422/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>[转]DW8插入FLASH8动画文件之疑</title>
		<link>http://www.blueben.cn/index.php/archives/392</link>
		<comments>http://www.blueben.cn/index.php/archives/392#comments</comments>
		<pubDate>Mon, 24 Oct 2005 03:36:27 +0000</pubDate>
		<dc:creator>blueben</dc:creator>
				<category><![CDATA[Skills]]></category>
		<category><![CDATA[FLASH]]></category>

		<guid isPermaLink="false">http://wp.blueben.cn/wp/?p=392</guid>
		<description><![CDATA[相关文章让交互设计变的轻松有趣-Balsamiq Mockups原型工具介绍 (1)Web2.0 体验式网站设计的41个关键点[转] (2)花十二个月建立一个成功的网站 (0)中文网站中的Tag Cloud (0)国内一批图片网站 (0)凯文 埃尔基德剖析一种网页设计时尚：效仿 (0)061101·站点调整记录 (0)FLASH调用外部文件详解[转] (0)FLASH新闻展示[转][精] (0)OBLog 3.0 用户模版制作教程 (0)
	标签(Tags)：FLASH, Skills
]]></description>
		<wfw:commentRss>http://www.blueben.cn/index.php/archives/392/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

