<?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>AVENIR.ZHENG 郑焕义</title>
	<atom:link href="http://caib.me/feed/" rel="self" type="application/rss+xml" />
	<link>http://caib.me</link>
	<description>从平凡到卓越</description>
	<lastBuildDate>Wed, 07 Sep 2011 18:47:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>{ Designing } 小图片里的大智慧</title>
		<link>http://caib.me/how-design-work/</link>
		<comments>http://caib.me/how-design-work/#comments</comments>
		<pubDate>Wed, 07 Sep 2011 17:01:35 +0000</pubDate>
		<dc:creator>AvenirZheng</dc:creator>
				<category><![CDATA[分享]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://caib.me/?p=1578</guid>
		<description><![CDATA[
最近做得比较多淘宝店（http://moonmake.taobao.com/）的门面工作，积累了一些想法，特别记录下来。

&#160;
忘记设计
&#160;
有些事实有时候很难让设计师接受，例如像顶呱呱这么挫的设计，但是他... ]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a href="http://caib.me/how-design-work/"><img class="size-full wp-image-127 aligncenter" title="小图片里的大智慧" src="http://www.cai13.info/blog_pic/how-design-work/design.png" alt="小图片里的大智慧" width="600" height="120" /></a></p>
<p>最近做得比较多淘宝店（<a href="http://moonmake.taobao.com">http://moonmake.taobao.com</a>/）的门面工作，积累了一些想法，特别记录下来。<br />
<span id="more-1578"></span><br />
&nbsp;<br />
<span style="font-size: 20px; font-weight: bold;"><strong>忘记设计</strong></span><br />
&nbsp;<br />
有些事实有时候很难让设计师接受，例如像<a title="顶呱呱代练" href="http://shop35479548.taobao.com/" target="_blank">顶呱呱</a>这么挫的设计，但是他每个月还是做着几十万的生意，设计的好坏与否看起来跟经营一点关系也没有。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://shop35479548.taobao.com/" target="_blank"><img class="aligncenter" title="顶呱呱网店" src="http://www.cai13.info/blog_pic/how-design-work/dingguagua.jpg" alt="顶呱呱网店" width="500" height="313" /></a></p>
<p>那为什么我们每天还坚持着这样的工作，我们的工作到底有什么意义，我的理解是，设计本应该是像外语一样的技能，我们学会了外语，会把它运用到各种不同的环境，可能会用来看美剧打发时间，可能会和外国人交流，可能会读国外新闻，而回想到我们所从事的设计工作，假如我们只独立地把设计看做一个环节，那再华丽的设计，也只不过像我们翻开字典，随意拼凑几段漂亮的文字然后大声读出来一样，就本身并没有多大的意义。<br />
&nbsp;<br />
所以，<strong>忘记设计</strong>，因为你已经学会了，现在开始在不同地方使用设计。<br />
&nbsp;<br />
<span style="font-size: 20px; font-weight: bold;"><strong>在商言商</strong></span><br />
&nbsp;<br />
市场 &#8211; 销售 &#8211; 生产 &#8211; 服务 &#8211; 结算<br />
&nbsp;<br />
一般的商业体系都包括以上的环节，就目前我们所做的事情（魔兽世界代练）来说，我们的淘宝店的功能主要包括：市场、销售和部分服务。<br />
&nbsp;<br />
过去我们常常认为，设计就是市场推广和包装，现在看来，这并不完全正确。我们现在做的事情，就是尝试用设计的方法把这些环节串联起来，例如：<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://item.taobao.com/item.htm?id=12452842882" target="_blank"><img class="aligncenter" title="考古毁一生" src="http://img02.taobaocdn.com/imgextra/i2/718219372/T2qMpTXfFcXXXXXXXX_%21%21718219372.jpg" alt="" width="608" height="370" /></a></p>
<p>&nbsp;<br />
首先，必须承认，这广告图本身做得并不怎么漂亮，但回归到我们说的，我们所处的领域： 魔兽世界代练，客户为何不自己考古而偏要花钱请人来代练呢？<br />
&nbsp;<br />
带着这样的问题，我发现，原来<a title="魔兽考古学" href="http://wow.178.com/kaogu/index.html" target="_blank">考古技能</a>在魔兽世界大地的裂变资料片中，是非常“坑爹”的休闲专业，玩家不但需要长时间长距离的飞行（消耗时间、点卡），而且对希望挖出装备或者坐骑的玩家来说，套用术语解释便是，”完全是看脸”（随机性大），玩家一旦开始，一、既不想继续浪费时间浪费点卡；二、又不想前功尽废。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://nga.178.com/" target="_blank"><img class="size-full wp-image-117 aligncenter" title="考古 论坛" src="http://www.cai13.info/blog_pic/how-design-work/kaogu.jpg" alt="" width="573" height="665" /></a></p>
<p>&nbsp;<br />
因此才有了“工程穷三代，考古毁一生”的段子在圈子里广为传诵。而此时我们所做的，就是把握客户的心理，瞬间拉近客户和我们的距离，这是市场和销售。<br />
&nbsp;<br />
第二个例子：<br />
&nbsp;<br />
<a href="http://item.taobao.com/item.htm?id=12922300361" target="_blank"><img class="size-full wp-image-136 aligncenter" title="炼金龙" src="http://www.cai13.info/blog_pic/how-design-work/long.jpg" alt="炼金龙" width="533" height="589" /></a><br />
&nbsp;<br />
炼金龙在魔兽中是将自己变身为龙的技能，它唯一能做得就是自己变身的同时，能让其他一个玩家骑到自己身上。而魔兽世界中的潜规则是炼金龙是让情侣玩家“互骑”的，明白以后，你还能容忍自己的老婆“骑在”别人身上吗，还不赶快找代练帮你搞条龙。<br />
&nbsp;<br />
回过头来，我们再仔细看看<a title="顶呱呱代练" href="http://shop35479548.taobao.com/" target="_blank">顶呱呱</a>的设计到底有什么好。<br />
&nbsp;<br />
1. 具象化的logo，很形象的顶呱呱就是竖大拇指，谁都能看懂。</p>
<p style="text-align: center;"><a href="http://shop35479548.taobao.com/" target="_blank"><img class="size-full wp-image-134 aligncenter" title="顶呱呱 截图1" src="http://www.cai13.info/blog_pic/how-design-work/dingguagua1.jpg" alt="顶呱呱 截图1" width="532" height="330" /></a></p>
<p>&nbsp;<br />
2.简单明了的口号，实话说，玩家就真得只是来找代练的，其他什么附加的东西在没有第一次之前，千万不能强加给用户。</p>
<p style="text-align: center;"><a href="http://shop35479548.taobao.com/" target="_blank"><img class="size-full wp-image-133 aligncenter" title="顶呱呱 截图2" src="http://www.cai13.info/blog_pic/how-design-work/dingguagua2.jpg" alt="顶呱呱 截图2" width="532" height="330" /></a></p>
<p>&nbsp;<br />
3.流程解释和联系方式，简单的4个步骤，一目了然，即打消用户担心流程繁琐的忧虑，又节省客服工作。</p>
<p style="text-align: center;"><a href="http://shop35479548.taobao.com/" target="_blank"><img class="size-full wp-image-132 aligncenter" title="顶呱呱 截图3" src="http://www.cai13.info/blog_pic/how-design-work/dingguagua3.jpg" alt="顶呱呱 截图3" width="532" height="330" /></a></p>
<p>&nbsp;<br />
<span style="font-size: 20px; font-weight: bold;"><strong>结果导向</strong></span><br />
&nbsp;<br />
<strong>宝贝页成交转化率</strong>是指成交用户数占宝贝页访客数的百分比，即成交用户数 / 宝贝页访客数。通常情况下，有助于提高全店成交转化率的因素有：<br />
&nbsp;<br />
宝贝图文细节有吸引力；<br />
相比同类宝贝，价格、运费便宜；<br />
相比同类宝贝，店铺信用等级较高、客服服务到位、买家评价较好；<br />
店铺装修、页面布局较好。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://item.taobao.com/item.htm?id=12452842882&amp;" target="_blank"><img class="size-full wp-image-115 aligncenter" title="宝贝转换率" src="http://www.cai13.info/blog_pic/how-design-work/2.jpg" alt="宝贝转换率" width="388" height="181" /></a></p>
<p>这里的<strong>5%</strong>，大概说明了<strong>每100个访客就有5人完成交易动作</strong>，而根据一线客服统计，<strong>旺旺咨询用户数占访客数的百分比是10%左右</strong>。在不同领域的比较中，这已经算是比较高的转换率。<br />
&nbsp;<br />
<strong>平均访问深度</strong>是指用户平均每次连续访问浏览的店铺页面数。通常情况下， 店铺装修、各类主题活动、新品、热销推荐等图文设置越吸引人，每访问次浏览的页面数可能会越多。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://item.taobao.com/item.htm?id=12452842882&amp;" target="_blank"><img class="aligncenter" title="平均访问深度" src="http://www.cai13.info/blog_pic/how-design-work/1.jpg" alt="平均访问深度" width="570" height="386" /></a></p>
<p>&nbsp;<br />
8月17日，也就是新考古单上线的时间，可以看出月之作在与同行的比较中，平均访问深度呈正向增长。<br />
&nbsp;<br />
数据不仅能反应结果，还能指导我们快速调整结果。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://item.taobao.com/item.htm?id=12452842882&amp;" target="_blank"><img class="size-full wp-image-114 aligncenter" title="流量来源" src="http://www.cai13.info/blog_pic/how-design-work/3.jpg" alt="流量来源" width="607" height="630" /></a></p>
<p>&nbsp;<br />
例如，从流量来源来看，除了直通车推广（带来35.62%流量），<strong>自然流量（32.39%）</strong>比例占得比不多。这除了淘宝店内的搜索引擎优化有关外，和宝贝图片的吸引度也息息相关。<br />
&nbsp;<br />
所以下一步，我们还需要更加多得考虑如何提交宝贝图的吸引力。<br />
&nbsp;</p>
<p style="text-align: center;"><a href="http://s.taobao.com/search?q=%C4%A7%CA%DE%BF%BC%B9%C5&amp;s=0#J_FilterTabBar" target="_blank"><img class="size-full wp-image-113 aligncenter" title="搜索考古宝贝" src="http://www.cai13.info/blog_pic/how-design-work/4.jpg" alt="搜索考古宝贝" width="437" height="630" /></a></p>
<p>&nbsp;<br />
我们发现，其实图形更简洁，文字更突出的小图，在聚焦吸引力上具有更大的优势，而背景复杂的宝贝图，在小尺寸环境下，反而更不容易被注意。<br />
&nbsp;<br />
很多时候，我们并不愿意将设计与冰冷的数字捆绑，那是因为我们根本不知道设计能改变什么，但如果我们自己都没办法给出答案的话，那为什么还需要这样的工作呢？并不是说，设计就一定要与销售业绩捆绑，而是，我们需要有商业的标准来衡量到底做这件事情是否值得，否则，我们很容易又会堕入单纯只追求设计的美，和忽略设计本身的功能。<br />
&nbsp;<br />
最后如果需要总结的话，那便是，<strong>忘记设计，在商言商和结果导向</strong>。</p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/how-design-work/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>{ Learning } 30天精通网页制作</title>
		<link>http://caib.me/30days-master-html-css-javascript/</link>
		<comments>http://caib.me/30days-master-html-css-javascript/#comments</comments>
		<pubDate>Mon, 23 May 2011 14:16:53 +0000</pubDate>
		<dc:creator>AvenirZheng</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[30天精通]]></category>
		<category><![CDATA[前端招聘]]></category>
		<category><![CDATA[建站]]></category>
		<category><![CDATA[精通CSS]]></category>
		<category><![CDATA[精通html]]></category>
		<category><![CDATA[精通网页制作]]></category>
		<category><![CDATA[网页制作]]></category>
		<category><![CDATA[网页制作入门]]></category>
		<category><![CDATA[网页制作教程]]></category>

		<guid isPermaLink="false">http://caib.me/30days-master-html-css-javascript/</guid>
		<description><![CDATA[
经常会有一些朋友问到，该怎么学“建网站”、学“P图”、学“CSS”、学“编程”等等，显然我不是什么高手，最牛B的经历只是在大学用个人网站忽悠了个很小很小的安慰奖，因此每次总是... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://caib.me/30days-master-html-css-javascript/"><img title="30天精通网页制作" src="http://caib.me/wp-content/uploads/2011/05/30days-master-html.jpg" border="0" alt="30天精通网页制作" width="600" height="120" /></a></p>
<p>经常会有一些朋友问到，该怎么学“<a href="http://www.188mb.com/">建网站</a>”、学“<a href="http://baike.baidu.com/view/821189.htm">P图</a>”、学“CSS”、学“编程”等等，显然我不是什么高手，最牛B的经历只是在大学用个人网站忽悠了个很小很小的安慰奖，因此每次总是被问到哑口无言，落荒而逃。</p>
<p>最近开始发现原来这并不关乎面子问题，而是如果我愿意分享自己经验或者说学习轨迹也许可以帮助一些人找到自己的兴趣点或者一份更加好的工作，因此也就有了这篇文章。</p>
<p>没看错，这赤果果是标题党。</p>
<p><span id="more-1525"></span></p>
<h2>1.只能吹我懂的</h2>
<p>言归正传，首先我需要限定下“网页”的范围，<a href="http://baike.baidu.com/view/3912.htm">WEB</a>的定义当然能很广，但它并不是今天的主题，我说的“网页制作”就是你<strong>能看到的一个个简单HTML页面</strong>，对就是这么简单，它不是像GMAIL一样复杂的WEB应用，不是PHP的模板页面，它就是个简单的网页，你在浏览器中可以保存下来的网页。</p>
<h2>2.兄弟，赶紧来些实际的</h2>
<p>既然如此，兄弟我只能先掷出秒杀技了，Adobe的<a href="http://www.adobe.com/products/dreamweaver.html">Dreamweaver</a>确实人如其名，你<strong>可以拖，可以拉，然后就能生成一个网页</strong>，各种操作其实很Office Word很类似。</p>
<p><img style="background-image: none; border-right-width: 0px; padding-left: 0px; padding-right: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; padding-top: 0px" title="Dreamweave截图" src="http://caib.me/wp-content/uploads/2011/05/20067822210281.jpg" border="0" alt="Dreamweave截图" width="390" height="283" /></p>
<p>Dreamweaver同时又有两项绝招：</p>
<p><strong>第一 表格</strong></p>
<p>你可以插入表格，然后拖拉表格大小在里面插入各种内容；</p>
<p><strong>第二 DIV+绝对定位</strong></p>
<p>你也可以先插入DIV，在里面放入内容，然后再设这个DIV为绝对定位随意拖啊拉到到你想放到的位置；</p>
<p><strong>当然我们都知道这是不对的，假如你有兴趣接着看下去的话，你就会知道原来自己曾经以为的大招其实在别人看来只是在耍猴拳</strong>（就像<a href="http://op.52pk.com/">海贼王</a>里你没见识霸气前，以为恶魔果实就是一切）。</p>
<p>更多Dreamweaver教程在google“<a href="http://www.google.com.hk/search?hl=zh-CN&amp;newwindow=1&amp;safe=strict&amp;q=Dreamweaver%E6%95%99%E7%A8%8B&amp;oq=Dreamweaver%E6%95%99%E7%A8%8B&amp;aq=f&amp;aqi=g-g2g7g-g1&amp;aql=&amp;gs_sm=e&amp;gs_upl=81337l81337l0l1l1l0l0l0l0l292l292l2-1">Dreamweaver教程</a>”，好吧，其实我不是在说废话，不用搜索引擎的IT民工确实都不是好民工。</p>
<h2></h2>
<h2>3.那些30天都是大忽悠！</h2>
<p>罗马不是一天建成的，就算大家都在说“<a href="http://www.google.com.hk/search?hl=zh-CN&amp;newwindow=1&amp;safe=strict&amp;q=600%E5%85%83%E5%81%9A%E7%BD%91%E7%AB%99&amp;oq=600%E5%85%83%E5%81%9A%E7%BD%91%E7%AB%99&amp;aq=f&amp;aqi=&amp;aql=&amp;gs_sm=e&amp;gs_upl=21614l21614l0l1l1l0l0l0l0l0l0l">600元做网站</a>”，好吧，他们也是在忽悠你。网页制作虽然容易入门，但它却不是你想学就能学，<strong>踏踏实实学习是对自己的一种尊重</strong>。</p>
<p>假如不能有这样的觉悟，后面的内容也是没必要的。</p>
<h2></h2>
<h2>4.兄弟，你总该说下怎么学的吧？</h2>
<p><strong>第一步：</strong>理所当然的，你开始困惑网页到底是个什么，然后被一丢装B的名词挡住去路，再然后，你在书店看到有一本“精通XXX”，再然后你以为自己真得精通了，结果&#8230;&#8230;</p>
<p><img title="web前端工程师技术路线图.jpg" src="http://caib.me/wp-content/uploads/2011/05/web%E5%89%8D%E7%AB%AF%E5%B7%A5%E7%A8%8B%E5%B8%88%E6%8A%80%E6%9C%AF%E8%B7%AF%E7%BA%BF%E5%9B%BE.jpg" border="0" alt="Web前端工程师技术路线图" width="600" height="372" /></p>
<p>图源：<a href="http://www.flickr.com/photos/kejun/3114605967/">http://www.flickr.com/photos/kejun/3114605967/</a></p>
<p>好吧，撤远了，回到主题，窄义的网页制作涉及的范畴其实很小，<strong>HTML/CSS/JavaScript 这3个名词只要你GOOGLE一下都能知道他们是什么</strong>。</p>
<p><strong>第二步：</strong>有了目标你可以开始比较系统的学习，在这个过程，我的建议是：<strong>找那些动物封面的书(<a href="http://book.douban.com/subject/2061604/">HTML &amp; XHTML权威指南</a>,<a href="http://book.douban.com/subject/2308234/">CSS权威指南</a>,<a href="http://book.douban.com/subject/2228378/">JavaScript权威指南</a>)，快速的浏览。</strong></p>
<p><img title="s2382040.jpg" src="http://caib.me/wp-content/uploads/2011/05/s2382040.jpg" border="0" alt="XHTML权威指南" width="180" height="242" /><img title="s5825982.jpg" src="http://caib.me/wp-content/uploads/2011/05/s5825982.jpg" border="0" alt="CSS权威指南" width="180" height="240" /><img title="s5860151.jpg" src="http://caib.me/wp-content/uploads/2011/05/s5860151.jpg" border="0" alt="javascript权威指南" width="180" height="240" /></p>
<p>因为看得过程你总是会错觉自己已经懂了，因为真得很简单，所以也没必要纠结，只是要记住，<strong>把书放在电脑旁，你以后会经常再翻这些本书！</strong></p>
<p><strong>第三步：</strong>看完书，应该会有跃跃欲试的冲动，从哪里开始？当然是<strong>个人网站</strong>，动手前你可能会发现，这不是坑爹吗！我还不会Photoshop啊！我还不会后台开发开发啊！确实，这也是没法搞的事情，以兄弟我不靠谱的经验，有三个办法，一请朋友帮忙，二找模板改，三自己学，当然前两种方法都是不对的，但还是有好消息：传送门：1.<a href="http://www.quora.com/Joel-Lewenstein/Life-Without-Photoshop">不用photoshop设计互联网产品</a> 2.各种<a href="http://down.cnzz.cn/">源代码</a></p>
<p><strong>第四步：</strong>好吧，又撤题了，在第四步前，你应该按着书抄了些DEMO，写了些代码，切了些图，然后准备正儿八经的干些事情，但是你发现除了个人网站，好像没什么是可以折腾的。<strong>这时候你或者可以上网找些外包，当然前提你必须能接受和民工一样的待遇，或者看着那些大网站，学着copy一份，或者索性给那些XXX建站公司、XXX网络营销公司投简历去。</strong></p>
<p><strong>第五步：</strong>其实这更应该是插入到第三和四之间，当你敲了些代码，好像又觉得有什么不对，但又说不出哪里不对，想实现些效果，又不知道怎么做，你可能已经学会用google找到你的答案，但是还是想找些“高手”告诉你什么是正确，什么是错误，最简单直接的方法，你<strong>可以加入各种技术交流群，像<a href="http://www.google.com.hk/search?hl=zh-CN&amp;newwindow=1&amp;safe=strict&amp;biw=1536&amp;bih=814&amp;q=css%E6%A3%AE%E6%9E%97%E7%BE%A4&amp;oq=css%E6%A3%AE%E6%9E%97%E7%BE%A4&amp;aq=f&amp;aqi=&amp;aql=&amp;gs_sm=e&amp;gs_upl=2076l4508l0l6l6l0l4l4l0l291l291l2-1">CSS森林</a>、Web标准交流等等</strong>（好吧，我都被这两个群T出来了），带着SB的心态，把你的作品发出来，接受大家热火般的洗礼。</p>
<p><strong>第六步：</strong>这里假设你已经写了很多很多代码，你需要开始维护、更新你的或者别人的代码，动手前你可能又会发现，这不是坑爹吗！乱糟糟的代码根本没办法维护，然后有高手就会告诉你，这是因为你不懂<strong>“<a href="http://book.douban.com/subject/1230451/">WEB标准</a>”</strong>，你开始接受洗脑，果然以前是SB了。</p>
<p><img title="s2162724 (1).jpg" src="http://caib.me/wp-content/uploads/2011/05/s2162724-11.jpg" border="0" alt="网站重构" width="150" height="192" /></p>
<p><strong>第七步：</strong>你的代码越写越多，你开始思考开发模式、设计模式等等等模式，你的目的很简单，让自己变得更懒同时更有效率完成地完成工作，这时候你应该会开始懊悔，从前没好好学设计模式，数据结构真是SB。</p>
<h3>4.真得那么简单？</h3>
<p>其实说简单也不简单，你可能已经会做网页制作，但是未必能做出好的页面，可能是：</p>
<ol>
<li>你还没弄懂各种浏览器的脾性<strong>（浏览器兼容性）</strong><br />
<img title="browserwomen.jpg" src="http://caib.me/wp-content/uploads/2011/05/browserwomen.jpg" border="0" alt="Browserwomen" width="273" height="600" /></li>
<li>你不知道为什么是&#8221;30天精通网页制作&#8221;这样的标题党吗? <strong>（SEO）</strong></li>
<li>你还没掌握各种兵器<strong>（PS/FW/编辑器/抓包/比对/项目级工具等等等等）</strong></li>
<li>你还没有性能优化的意识<strong>（雅虎N条、按需加载等等等）</strong></li>
<li>你的代码依旧难以维护<strong>（模块化等等等）</strong></li>
<li>你学习的步伐跟不上新技术的发展<strong>（HTML5/CSS3/移动/性能优化等等等）</strong></li>
<li>你经常忽略了其他终端用户和不同上网环境<strong>（盲人阅读器、低速、禁JS等等等）</strong></li>
<li>你还在重复造轮子，不知道各种库、框架等神器<strong>（YUI/JQ/LESS CSS等等等）</strong></li>
<li><strong>你已经会复制粘贴代码，但从来不知道自己复制了什么</strong></li>
</ol>
<h2></h2>
<h2>5.坑爹呢！</h2>
<p>好吧，假设你已经入门了，你可能会疑惑，我总该拿个“微软XXX认证工程师”、“国际X级XX证”，然后到大公司求职，但现实是，这行业没有这玩意儿！！！<strong>你的能力只能通过你的作品展示</strong>。也许，你真得需要有个衡量自己能力的标准，推荐你看看鬼哥的：<a href="http://www.cssforest.org/blog/index.php?id=121">你是一个职业的页面重构工作者吗？</a> 和 <a href="http://www.cssforest.org/blog/index.php?id=125">再读《你是一个职业的页面重构工作者吗？》</a> 克军的：<a href="http://hikejun.com/blog/?p=548">你真的了解HTML吗</a> AW的 <a href="http://www.awflasher.com/blog/archives/906">Web前端工程师技能列表</a>，然后再衡量自己的方向，我是不是已经走上了这条不归路，现在你应该知道你的简历该怎么准备了。</p>
<h2></h2>
<h2>6.我们来讲点现实！</h2>
<p>在这个神奇的国度，人们总是喜欢先给你画个大饼，忽悠你学了XX做了XX，以后会怎么怎么地好，但他们都不说这个大饼不是每个人都能吃到，所以不管这个行业有多朝阳、多有钱，一定要记住，<strong>保持初学者心态地学，踏踏实实地做</strong>，然后才会有机会吃到这个大饼。</p>
<p>而且在学习的过程中，你也要开始有意识的培养自己的特长，例如，你的UI Sense更强你更喜欢做页面重构，你的编程逻辑更强更喜欢做数据处理的前端开发，你在移动终端上的开发经验更丰富，你更喜欢做整站级别的性能优化等等，我只是在打比方，切勿误解了我的意思，这只是你的特长，不是你的全部。</p>
<p>最后一个现实，<strong>全宇宙的互联网公司都在招前端开发人才</strong>：<a href="http://ooxx.me/hi-f2e-qzone.orz">[招聘]前端开发-腾讯-Qzone</a> <a href="http://adamlu.com/?p=391">淘宝北京UED招聘-前端开发工程师</a> <a href="http://army8735.org/2011/01/27/924.html">土豆网招聘前端开发工程师</a> <a href="http://blog.bingo929.com/renren-wanted-fed.html">人人网招聘 前端架构师、Javascript开发工程师</a> <a href="http://www.hrfed.com/">各种求</a></p>
<p><img title="hrf2e.jpg" src="http://caib.me/wp-content/uploads/2011/05/hrf2e.jpg" border="0" alt="Hrf2e" width="600" height="486" /></p>
<p>真得是最后，文章的内容其实更应该是在<a href="http://caib.me/webrebuild/">去年分享</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/30days-master-html-css-javascript/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>{ Evolution } 蜕变，你准备好了吗？</title>
		<link>http://caib.me/evolution/</link>
		<comments>http://caib.me/evolution/#comments</comments>
		<pubDate>Sat, 09 Apr 2011 23:13:34 +0000</pubDate>
		<dc:creator>AvenirZheng</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[成长]]></category>
		<category><![CDATA[腾讯]]></category>
		<category><![CDATA[艾维]]></category>
		<category><![CDATA[蜕变]]></category>

		<guid isPermaLink="false">http://caib.me/?p=1502</guid>
		<description><![CDATA[
就在一个月前，带着许多人不解的目光，我离开了腾讯。

不成熟？
初涉社会又身在年轻的行业，至今我也不免质问内心，“或许我真得应该更安分些”，只是有鼓冲动、渴望不停地敲击着我... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://caib.me/evolution/"><img class="alignnone" title="蛻變" src="http://cai13.info/blog_pic/evolution.jpg" alt="" width="600" height="120" /></a></p>
<p>就在一个月前，带着许多人不解的目光，我离开了腾讯。</p>
<p><span id="more-1502"></span></p>
<h2>不成熟？</h2>
<p>初涉社会又身在年轻的行业，至今我也不免质问内心，“或许我真得应该更安分些”，只是有鼓冲动、渴望不停地敲击着我，也许，这就是“不成熟”，我压抑不住内心的躁动，或许与很多人对我的印象相悖，但确实，原因就是这么简单。</p>
<p><img class="alignnone" title="腾讯工卡" src="http://cai13.info/blog_pic/id.jpeg" alt="" width="400" height="381" /></p>
<h2>真实和快乐</h2>
<p>我知道任性的后果，可能意味着我放弃了相对不错的稳定收入，放弃了在中国互联网最大平台上的发展机会，但另一方面，我又更喜欢这样真实，不顾一切渴望成长的自己。</p>
<p>两年前，同样是带着不安分的心，和伙伴成立了<a href="http://i-wui.com/" target="_blank">艾维团队</a>，谁又会想到她已经成长成什么样子呢，现在，艾维更多地已经成为我内心的寄托，一种质朴、单纯的感情，一种与兄弟同行的快乐。</p>
<p><img class="alignnone" title="艾维新版" src="http://cai13.info/blog_pic/index1.png" alt="" width="400" height="281" /></p>
<h2>未来之门</h2>
<p>成长可能是社会阅历的积累，可能是内心更加地坚强，可能是从我变成我们，从量变到质变，我无时无刻不享受着蜕变带来的快感。</p>
<p>在新的团队，我知道我需要成长为怎样的角色，我需要担负起怎样的责任，我必须抓住任何机会，饥渴地学习，和兄弟在更广阔的大海中驰骋。</p>
<p>假如成长意味着必须接受游戏规则，意味着放弃真实地自我，那么，我依然希望至少，我还能像现在那样保留着50%的“另外一面”，这样的想法固然很自私，但谁又不想呢？</p>
<h2>最后</h2>
<p>配图的人像是老胡的手绘作品，真牛X啊！</p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/evolution/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>{ Financing } 钱！钱！钱！ &#8211; 我的理财计划</title>
		<link>http://caib.me/financing/</link>
		<comments>http://caib.me/financing/#comments</comments>
		<pubDate>Tue, 22 Feb 2011 17:33:43 +0000</pubDate>
		<dc:creator>AvenirZheng</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[保险]]></category>
		<category><![CDATA[储蓄]]></category>
		<category><![CDATA[基金]]></category>
		<category><![CDATA[理财]]></category>
		<category><![CDATA[股票]]></category>
		<category><![CDATA[财富]]></category>

		<guid isPermaLink="false">http://caib.me/?p=1486</guid>
		<description><![CDATA[
刚毕业，口袋里没有多少钱，开始刷信用卡，长期还债、“月光”，发了年终奖，手上又突然多了钱不知道该储蓄还是该消费。
小小标题党一下，因为这两周看了些关于理财方面的知识，受到... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://caib.me/financing/"><img class="alignnone size-full wp-image-1487" title="钱！" src="http://caib.me/wp-content/uploads/2011/02/money.jpg" alt="钱！" width="600" height="120" /></a></p>
<p>刚毕业，口袋里没有多少钱，开始刷信用卡，长期还债、“月光”，发了年终奖，手上又突然多了钱不知道该储蓄还是该消费。</p>
<p>小小标题党一下，因为这两周看了些关于理财方面的知识，受到启发，为自己计划了以下的<strong>月度的资产分配</strong>。</p>
<p><span id="more-1486"></span></p>
<h2>我是有前提的人</h2>
<p>因为从小就没有培养理财的习惯，为了简单，特意做了以下假设：</p>
<ol>
<li><strong>一夜暴富的可能性为0</strong>，没有经验没有大量资金在股市中获利的几率只有5%（<a href="http://www.zreading.cn/archives/1065.html" target="_blank">刘彦斌</a>：“股市中95%的人都是亏的“）；</li>
<li>我倾向与稳健型投资，<strong>风险承受能力低</strong>，独立个体（衰了就要睡天桥底，没人会借钱给我）；</li>
<li>我的收入比较稳定，但处于青年时期，<strong>收入少，消费多且波动大</strong>，因此我的月度计划应该是灵活和有底线的；</li>
<li>收入<strong>来源单一</strong>，来自于工资，支出包括：家用、生活费、购置提高生活质量的物品；</li>
<li><strong>意识需要培养，经验需要积累</strong>，就算我10年后也攒不了10万，我也不能等到10年后才学理财。</li>
</ol>
<h2>就这么分蛋糕</h2>
<p>根据目前的情况，我为自己做了如下的<strong>月度资产（收入-支出）</strong>分配方案。</p>
<p><img class="alignnone size-full wp-image-1498" title="financing_chart" src="http://caib.me/wp-content/uploads/2011/02/financing_chart.jpg" alt="financing_chart" width="600" height="566" /></p>
<h2>其实不是瞎猜的</h2>
<p>1.方框代表水库的大坝，保护财产安全，因为我现在在靠谱的公司，公司已经为我买了各类保险，因此、万一、假如、很不幸地出现了什么意料之外的事情，这部分保险应该是能cover得到的。</p>
<p>2.因为我希望自己未来可以完全财政独立，所以应急部分我会从0开始积累，至少积累到<strong>足够一年的生活费</strong>后，这部分比例会慢慢开始降低，所以应急部分的增长应该呈：<strong>整体向下的趋势</strong>。因为我消费波动性大，所以没有计划性的消费支出会从这部分扣除，例如：某天我的手机悲剧了，那我就需要从这部分里抽取购置新的手机。理财产品偏向于选择<strong>每月独立的一年期定期储蓄</strong>，可以兼获支出的灵活性和略高于活期的利息收入。</p>
<p>3.对于我来说，现阶段（23-28），养命部分可能是：<strong>a.出国旅游 b.结婚 c.买车</strong>。我将目前所有的积蓄都划入了养命部分，因为11年内我希望能实现其中一个目标（当然是最简单那个），同时，万一、假如、很幸运地出现了什么意料之外的事情，这部分也会归入养命部分。所以养命部分的增长应该呈：<strong>波动向上的趋势</strong>。理财产品偏向于选择<strong>保本型的信托产品</strong>，因为安全性必须是我考虑的重点。</p>
<p>4.闲钱部分，因为我不相信一样暴富，同时承受风险能力低，所以投入闲钱的部分，我认为是为下一个阶段（28-33）积累投资经验，只应占小部分。同时随着不同阶段，这部分投入应该根据情况做相应变化，增长趋势应该呈：<strong>抛物线型趋势</strong>。理财产品偏向于选择<strong>股票和指数型基金</strong>，原因你懂的，但我还不懂。</p>
<h2>Last But Not Least</h2>
<ol>
<li>比例需要灵活，但做人总要<strong>底线</strong>，例如应急部分可能个别月份拿不出那40%，但总得确保一定数额的储蓄。</li>
<li><strong>不同阶段</strong>分配方案必须不同，目前我只针对23-28，青年奋斗时期，以后怎么算，不知道啊。</li>
<li>我是菜鸟、神棍、理论派选手，方案<strong><span style="color: #ff0000;">只供交流，不供参考</span></strong>。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/financing/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>{ New Era } 这是最好的时代，这是最坏的时代</title>
		<link>http://caib.me/new-era-it-was-the-best-of-times-it-was-the-worst-of-times/</link>
		<comments>http://caib.me/new-era-it-was-the-best-of-times-it-was-the-worst-of-times/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 19:52:20 +0000</pubDate>
		<dc:creator>AvenirZheng</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[tweets]]></category>
		<category><![CDATA[webrebuild]]></category>
		<category><![CDATA[游戏专区]]></category>
		<category><![CDATA[艾维]]></category>

		<guid isPermaLink="false">http://caib.me/?p=1479</guid>
		<description><![CDATA[
过去的2010，博客产出跌到历史最低水平，有时候也会在想，是工作忙还是自己变懒了，但这些都是借口，人长大了，就需要为自己说出的话负责任，少说话，多做事，也是我在过去一年里体会... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://caib.me/new-era-it-was-the-best-of-times-it-was-the-worst-of-times/"><img class="alignnone size-full wp-image-1480" title="这是最好的时代，这是最坏的时代" src="http://caib.me/wp-content/uploads/2011/01/new-era.jpg" alt="这是最好的时代，这是最坏的时代" width="600" height="120" /></a></p>
<p>过去的2010，博客产出跌到历史最低水平，有时候也会在想，是工作忙还是自己变懒了，但这些都是借口，人长大了，就需要为自己说出的话负责任，<strong>少说话，多做事</strong>，也是我在过去一年里体会到的。</p>
<p><span id="more-1479"></span></p>
<p>回过头看看2010发过的tweets，有几条还是挺有意思的</p>
<h1><strong>1.</strong></h1>
<blockquote><p>“先把最危险，最有争执的利益说清楚，才能坦诚相见。“ 看完《第一团队：携程与如家》后，最大的感受莫过于范敏的这句话。</p>
<p>我想，好的团队除了有一致的目标外，差异化的互补，相互发现，相互包容也是非常重要的元素，每个人都应该有胸怀承认别人比自己优胜的地方，团队内部有理性的决策机制，而非依靠权术关系或个人地位决定团队的前进方向。</p>
<p>联想到我们的工作室 @<a style="text-decoration: none; color: #10b6cc; padding: 0px; margin: 0px;" rel="nofollow" href="http://twitter.com/iwui">iwui</a>， 就像 @<a style="text-decoration: none; color: #10b6cc; padding: 0px; margin: 0px;" rel="nofollow" href="http://twitter.com/minijoe">minijoe</a> 说的，“这是你男人的错觉“对了，很多决定其实就是一股脑奔出来。虽然一开始就决定是做小而精的团队，但至今大家的参与感都不强，除了业务，对于团队我们视乎谈的太少了，下步该做什么，我们好似都在等待着某天某人会给出这个答案</p>
<p>前摆着两条路，一是继续做独立的virtual team，但要在烂大街红海里突围，我们找不到自己的核心竞争力。二是被学校招安，看似功成利就，实质沦为那群追求功利的人手中的玩物，禁锢思维。不发展就要被淘汰，不希望见到我们艾维是仅仅路过而已。</p></blockquote>
<p><a title="艾维前端工作室" href="http://i-wui.com" target="_blank">艾维</a>的2010过得风风火火，这大部分都与我无关，如果问我在当中做得最大贡献是什么？那肯定是“彻底地放权”，让人最开心地并不是<a title="艾维前端工作室" href="http://i-wui.com" target="_blank">艾维</a>的成就，而是能看着团队的成长。</p>
<h1>2.</h1>
<blockquote><p>小时候能结识这帮兄弟真得很幸运，又聊起初中的“威水史”，当年我还是个带头大哥，一个潮汕从商的子承父业做了大老板，一个高干子弟早早出国了，一个在每个学校都辍学玩了几年今天终于能送出国了，现在就剩我一个人循规蹈矩地读书，就业，4人的感情还像以前一样纯真，太难得。</p>
<p>想起来本应该是我最争气，没想到这几年居然是我过的最平凡，故事也最少。</p></blockquote>
<p>年头和年尾我们兄弟聚了两次，年头我羡慕他们各自有不同的经历，年尾我感叹自己平凡的故事又是多么弥足珍贵，或许以后再找不到这么安稳的生活。</p>
<h1>3.</h1>
<blockquote><p>这段时间真得很颓废，天天吃喝玩乐，坐下三国杀就没了一天，和女朋友吃饭，半天又没了，一天睡13个小时，天天发呆，没有压力，没有动力，没有灵感，压根一点积极的态度都没有，后毕业时代的写照。</p>
<p>有点不想待在学校了。</p></blockquote>
<p>现在让我再说这些蠢话，肯定恨死自己。</p>
<h1>4.</h1>
<blockquote><p>一直盯着添加到<a style="text-decoration: none; color: #10b6cc; padding: 0px; margin: 0px;" rel="nofollow" href="http://naked.webrebuild.org/" target="_blank">http://naked.webrebuild.org/</a> 的网站，心中有种难言的激动，也许这就是当初选择这家公司，选择这份工作的原因。虽然表面简单平凡，但是能为亿万网民提供价值，能为一个行业奉献一点力量，我由衷的为自己感到骄傲。<a style="text-decoration: none; color: #10b6cc; padding: 0px; margin: 0px;" title="#CSSNakedDay" rel="nofollow" href="http://twitter.com/search?q=%23CSSNakedDay">#CSSNakedDay</a></p></blockquote>
<p>2010年开始参与<a href="http://webrebuild.org" target="_blank">webrebuild</a>的工作，从简单的任务到做2010年会的改版再到走上台前的分享，这段经历让我更清晰自己内心的渴望，能找到值得为之的奋斗目标是多么幸福的事情，我愿意为这份幸福继续付出120%的努力。</p>
<h1>5.</h1>
<blockquote><p>想不懂，之前模板化是考虑考虑新增一个专区只需要切割一套图片和定义些颜色样式，可是样式表里分明连背景图片也没抽取出来，我意思是：还是一个类增加一个背景图片，而不是全部类设计一张图片。</p>
<p>而且既然已经模板化的，布局、定位也应该抽取到Global，只留下颜色和背景样式。</p></blockquote>
<p>2010在工作上最自豪地就是这档小事，因为确实把想法运用到实际了，游戏专区2.0每次重构只需要1.5小时。</p>
<p>2010基本就这么概括了，学生时代：<strong>学习、发牢骚；</strong>工作以后：<strong>忙、不再发牢骚</strong>；</p>
<p>好吧，2010讲完了，2011昵？</p>
<p>今天看了TED的一段视频，从心理学上解释为什么不应该把自己的目标说出来，因为当你把目标说出来以后，你就开始感觉到满足感，以为自己已经完成了大部分工作。</p>
<p>所以，如题“<strong>It was the best of times, it was the worst of times</strong>”，我们拭目以待。</p>
]]></content:encoded>
			<wfw:commentRss>http://caib.me/new-era-it-was-the-best-of-times-it-was-the-worst-of-times/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>

