<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Geeky Derek</title>
	
	<link>http://derekzhang.com/blog</link>
	<description />
	<pubDate>Fri, 30 Apr 2010 16:08:27 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/GeekyDerek" /><feedburner:info uri="geekyderek" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId>GeekyDerek</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>苹果乔布斯发表公开信：Flash之我见</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/pI2KtetHqhU/</link>
		<comments>http://derekzhang.com/blog/?p=216#comments</comments>
		<pubDate>Fri, 30 Apr 2010 16:06:06 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Technologies]]></category>

		<category><![CDATA[apple]]></category>

		<category><![CDATA[Flash]]></category>

		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=216</guid>
		<description><![CDATA[关于Flash登陆iPhone OS平台的问题，苹果与Adobe之间近期展开了非常激烈的争论。出人意料的是，苹果公司CEO史蒂夫乔布斯今天在苹果官方网站上发表了一篇洋洋洒洒数千字的公开信，题目就叫做“Flash之我见”（Thoughts on Flash）。]]></description>
			<content:encoded><![CDATA[<p>Thoughts on Flash<br />
http://www.apple.com/hotnews/thoughts-on-flash/<br />
关于Flash登陆iPhone OS平台的问题，苹果与Adobe之间近期展开了非常激烈的争论。出人意料的是，苹果公司CEO史蒂夫乔布斯今天在苹果官方网站上发表了一篇洋洋洒洒数千字的公开信，题目就叫做“Flash之我见”（Thoughts on Flash）。</p>
<p><span id="more-216"></span></p>
<p>以下就是这封公开信的全文译本：</p>
<p>苹果与Adobe的关系由来已久。事实上，当Adobe还只是个车库里的小公司时，我们就和它的创始人碰面了。苹果是他们的第一个大客户。我们将他们的Postscript语言应用于当时最新的Laserwriter激光打印机。苹果曾经在Adobe投资，很多年来是Adobe的股东，拥有它20%的股权。两家公司曾经密切合作，开创了电脑桌面出版业，有过许多共同的美好时光。但是那段黄金时代一过，两家公司就分道扬镳了。苹果经历了濒死的体验，Adobe则凭借其Acrobat系列产品而打入企业市场。如今，两家公司只在创意产业为共同的顾客提供产品与服务——Adobe的Creative Suites产品的购买者中，约有一半是苹果电脑用户。但除此之外我们与Adobe几乎没有什么共同利益可言。<br />
我想在此草草写下一点我们对Adobe的Flash产品有什么看法，这样顾客和评论家就能更好地理解我们为什么在iPhone、iPod和iPad产品上封杀Flash。Adobe曾经批评我们说封杀Flash是因为想要保护苹果线上商店，纯粹出于商业利益。但事实却是，封杀Flash是由于技术上的问题。Adobe宣称苹果是一个封闭的系统，Flash则是开放的。但事实却正好相反。让我来解释一下：<br />
首先是“开放”。<br />
Adobe的Flash产品是拥有100%技术专利的。只有通过Adobe才能购买这些产品，同时只有Adobe有权利对其进行改进、定价等等。尽管说Flash遍地都是，但这不意味着这些产品是开放的。原因就是Adobe完完全全地拥有和控制着这些产品。所以几乎无论从哪个角度看，Flash都是一个封闭的系统。<br />
苹果也拥有许多专利产品。尽管说iPhone、iPod和iPad系统都是有专利的，但我们始终坚信互联网的所有技术标准都应该是开放的。因此，苹果拒绝使用Flash，而是用HTML5、CSS和JavaScript等全部都是开放的标准。得益于这些开放标准，苹果的移动设备都表现出低功耗与高性能的优势。HTML5是最新的网络标准，已经为苹果、谷歌等许多公司所采用，它允许开发者开发出更为高级的图形、印刷和动画，并且不需要第三方浏览器插件(如Flash)就能转换。HTML5是完全开放的，由一个标准委员会对其进行联合管理，苹果也是其中一员。<br />
苹果同时还为互联网制定开放标准。举个例子，苹果从一个小型的开源项目做起，开发出了WebKit。它作为一个完全开源的HTML5渲染引擎和Safari浏览器的核心组件，被安装在我们所有的产品之中。WebKit已经被广为采用。谷歌在Android系统的浏览器中使用它，Palm、诺基亚也用它，黑莓手机的制造商RIM也已经宣布将采用WebKit。除微软以外，几乎所有的智能手机上网浏览器都搭载了WebKit。通过将WebKit定位为开放技术，苹果实际上已经制定了移动上网浏览器的标准。<br />
其次，关于“整个网络”。<br />
Adobe反复宣称苹果的移动设备无法访问“整个网络”，因为网络上75%的视频是Flash格式的。但他们没有提及的一点是，几乎所有Flash格式的视频都有其他更先进的格式：H.264，而iPhone、iPod和iPad都支持这种格式。You_Tube 视频数大约占全网络的40%，而苹果所有的移动设备都可以播放其视频。iPad则提供有史以来最好的You_Tube视频体验。除此之外，Vimeo、Netflix、Facebook、ABC、CBS、CNN、MSNBC、Fox News、ESPN、NPR、《时代周刊》、《纽约时报》、《华尔街日报》、《体育画报》、《人物》、《国/家地理》等等网站的视频，苹果都可以流畅播放。根本没有多少视频是iPhone、iPod和iPad用户无法观看的。<br />
Adobe的另一个理由是苹果设备无法玩Flash游戏。这一点没错。不过好在苹果在线商店提供了超过5万个游戏和娱乐应用，而且其中很多都是免费的。iPhone、iPod和iPad上的游戏与娱乐应用要多于其他任何一个平台。<br />
第三点，关于可靠性、安全性和性能。<br />
Symantec公司最近指出，Flash的安全记录在2009年名列倒数。我们还拥有一手资料，证明Flash是Mac系统死机的首要原因。我们曾经与Adobe合作想解决这些问题，但它们仍然一直困扰我们。我们不希望降低iPhone、iPod和iPad的可靠性与安全性，所以拒绝使用Flash。<br />
另外，Flash在移动设备上的表现一直不佳。过去数年来，我们反复要求Adobe证明Flash能在移动设备上良好运行，但至今我们没有看到Flash的任何表现。Adobe曾公开表示Flash将在2009年初被一个智能手机采用，随后又改口说是下半年，后来又改口称是2010年上半年，现在他们又说要等到2010年下半年。我们相信总有一天这会成真的，但我们也庆幸没有期望太高。谁知道它会表现如何呢？<br />
第四，续航时间。<br />
视频播放时，为实现较长续航时间，为此移动设备必须通过硬件进行视频解码，因为在软件中进行会消耗太多电量。现在很多移动设备的芯片都包括一个名为H.264的解码器，这是一个工业标准，在所有的蓝光DVD播放器中都被使用，同时被苹果、谷歌、Vimeo和Netflix等等许多公司广泛采用。<br />
虽然Flash最近添加了对H.264的支持，但几乎所有Flash网站的视频都需要老一代解码器来进行解码，且必须通过软件运行，因而早就不为移动芯片所采用。这个区别十分惊人：比方说，在iPhone上，H.264标准的视频可以最多播放10个小时，而用软件解码的视频只能播放不到5个小时。<br />
网页使用H.264对视频进行再编码之后，就可以完全不使用Flash技术了。这些视频在苹果的Safari和谷歌Chrome浏览器播放时，完全不需要任何插件，在iPhone、iPod和iPad上播放的效果也很好。<br />
第五点，触摸屏。<br />
Flash是为使用鼠标的个人电脑所设计的，而并非手指控制的触摸屏。例如，许多Flash中有含有rollover，即当鼠标箭头滑过某点时，就会自动跳出菜单或者别的元素。苹果的多点触摸屏技术不再需要鼠标，也就没有了rollover这个概念。相应的，许多Flash网站必须进行改进，才能配合带有触摸屏的设备。如果开发者需要改进他们的Flash网站，那又为何不使用如HTML5、CSS和JavaScript这样更先进的技术呢？<br />
就算iPhone、iPod和iPad支持运行Flash，也不能解决这个问题。<br />
第六点，最重要的原因。<br />
撇开Flash封闭、独断、技术缺陷和不兼容触摸设备的缺点，我们拒绝使用Flash还有一个更重要的原因。我们讨论了使用Flash播放网络视频和交互性内容的种种缺点，然而Adobe仍然要开发者用Flash来开发苹果设备的应用。<br />
过去沉痛的经历已经让我们意识到，让一个第三方软件插足于开发者和平台之间，只会带来不合标准的应用，阻碍平台的改善与发展。如果开发者对第三方的函数库和工具产生依赖，那么唯有在第三方选择加入新功能时，开发者才能体验到和充分利用平台的优越性。我们不能被第三方的决定所左右。<br />
如果第三方提供交叉平台开发工具，那情况就会更糟。第三方可能拒绝接受某一个平台的增强工具，除非这些工具也可以被其他它所支持的平台所利用。这样一来，开发者只能使用到所有平台共有的最低级的功能。苹果无法接受这种结果，使开发者仅仅因为我们的创新和增强工具没有出现在我们竞争对手的平台上，而无法使用这些工具。<br />
Flash是一个交叉平台开发工具。Adobe的目标并非帮助开发者为iPhone、iPod和iPad开发最好的应用。他们的目标是协助开发者开发交叉平台应用。Adobe在增加苹果平台增强应用方面始终动作缓慢。比方说，尽管Mac OS X已经推出将进10年，Adobe两周前才在推出CS5时完全接受这个平台。Adobe是最后一个完全接受Mac OS X的第三发开发商。<br />
我们的动机十分简单：我们只是想为开发者提供最先进和最创新的平台，同时希望他们能够利用这个平台的种种优势，来打造最好的应用。我们希望继续增强这个平台，从而使开发者能够开发出更加强大、有趣和实用的应用。因而，苹果能凭借最好的应用而销售出更多产品，开发者获得更广大的用户群，用户则可以始终在这个平台上享受到最好最全的应用。这样才是皆大欢喜。<br />
结论<br />
Flash为PC时代而生，为个人电脑和鼠标而出现。Flash是Adobe的一项成功业务，所以我们充分理解为什么他们希望能将其推广到个人电脑以外的领域。然而，移动时代是低功耗设备、触摸屏界面和开放网络标准的时代，Flash已经落伍。<br />
事实证明，Flash已经不再是互联网视频浏览的必需。苹果在线商店的超过20万个应用也证明，Flash对于上万个图像和游戏的开发者来说，也不再是必需。<br />
新的开放标准已经被创立，比如HTML5这样的标准才会在移动设备和个人电脑上同样取得成功。或许Adobe应该注重于开发更多HTML5工具，而不是批评苹果放弃过时的东西。</p>
<p>史蒂夫乔布斯<br />
2010年4月</p>
<p>________________________</p>
<p>Apr 30,2010<br />
更新为 浪浪 翻译版<br />
原为    驱家 翻译版</p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/pI2KtetHqhU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=216</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=216</feedburner:origLink></item>
		<item>
		<title>Flash开发者需要知道的10件事</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/-ILDkOjuVfQ/</link>
		<comments>http://derekzhang.com/blog/?p=213#comments</comments>
		<pubDate>Fri, 19 Feb 2010 22:13:55 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=213</guid>
		<description><![CDATA[http://www.infoq.com/cn/news/2010/02/Flash-ten-things
作者 张龙 发布于 2010年2月18日 上午7时19分



此前，我们发布的新闻谈到了每个Flex开发者需要知道的10件事，本文将继续这个主题，谈谈每个Flash开发者需要知道的10件事。

近日John Lindquist谈到了在为Roundarch公司招聘Flash/Flex开发人员时的一些感受。他认为最难的地方在于问什么问题才能最好地了解到应聘者的Flash/Flex开发技能。因此，他给出了一个列表并说到：“根据我的经验，通过这个列表能更好地判断面试者的技术水平和经验”。
本文就将概要地介绍Flash开发者需要知道的10件事并给出进一步阅读的链接。
1. 弹性“跑道“模型
开发者应该知道事件何时被触发，代码何时被执行，Player何时进行渲染，这是每个Flash开发者都需要掌握的Flash Player基础概念。
延伸阅读
http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/
2. FlexSDK、mxmlc、compc&#8230;
开发者应该知道在点击Eclipse中的“run”按钮时都发生了哪些事情。
延伸阅读
http://www.senocular.com/flash/tutorials/as3withmxmlc/
http://livedocs.adobe.com/flex/3/html/help.html?content=apparch_08.html
3. Player事件、客户化事件以及事件冒泡
没有帧（Frame）和鼠标点击的Flash Player是无法想象的。
延伸阅读
http://www.adobe.com/devnet/actionscript/articles/event_handling_as3_03.html
http://livedocs.adobe.com/flex/3/langref/flash/events/package-detail.html
http://www.tink.ws/blog/custom-events-in-as-30-dont-forget-to-override-the-clone-method/
http://jacwright.com/blog/70/how-to-listen-to-flash-events-that-dont-bubble/
4. 语句、关键字和指令
开发者不应该对AS3中新出现的关键字感到惊讶。如果不知道“static”或是“override”是什么意思，学就行了。
延伸阅读
http://livedocs.adobe.com/flex/2/langref/statements.html
5. ASDoc
今后当你再一次阅读自己编写的代码时可能看不懂写的是什么了，因此恰当的文档是非常必要的，但如果能自动生成岂不美哉？
延伸阅读
http://livedocs.adobe.com/flex/3/html/help.html?content=asdoc_3.html
6. 管理好可视化资源（图片、字体、CSS等等）
Flash是可视化的东西，因此有必要了解代码与资源的管理手段。
延伸阅读
http://www.gskinner.com/talks/flexlovesflash/
http://code.google.com/p/queueloader-as3/
http://code.google.com/p/bulk-loader/
7. 理解Array、Collection、Dictionary与Map
通常开发者不会只处理一个MovieClip，因此需要了解如何控制多个对象。
延伸阅读
http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/Array.html
http://www.gskinner.com/blog/archives/2006/07/as3_dictionary.html
http://code.google.com/p/as3ds/
8. 以编程的方式处理动作
如果只搞静态的东西还不如使用HTML呢。
延伸阅读
http://blog.greensock.com/tweenmaxas3/
http://www.amazon.com/Foundation-Actionscript-3-0-Animation-Making/dp/1590597915/ref=sr_1_1?ie=UTF8&#38;s=books&#38;qid=1243014431&#38;sr=8-1
9. OOP、编码与框架的合理使用
时至今日，一个巨大的.as文件闯天下的时代已经过去了。开发者需要将代码转到组织良好、可重用的对象中。现在的AS3框架也层出不穷，合理地使用框架有助于代码的管理。
延伸阅读
http://www.adobe.com/devnet/actionscript/articles/oop_as3.html
http://www.actionscript.org/resources/articles/684/1/Object-Oriented-Programming-in-AS3/Page1.html
10. 版本控制
除非觉得代码毫无价值，否则开发者需要立刻学习一种版本控制系统并尽快应用到项目中去。
延伸阅读
http://tortoisesvn.net/downloads
http://versionsapp.com/
http://en.wikipedia.org/wiki/Revision_control
http://git-scm.com/
http://www.nongnu.org/cvs/







]]></description>
			<content:encoded><![CDATA[<p class="info"><a href="http://www.infoq.com/cn/news/2010/02/Flash-ten-things">http://www.infoq.com/cn/news/2010/02/Flash-ten-things</a></p>
<p class="info">作者 <strong><a class="editorlink" href="http://derekzhang.com/cn/bycategory.action;jsessionid=6F5FBCDD35FEDE86F17430194D7A8E3E?authorName=%E5%BC%A0%E9%BE%99"><span style="color: #1c497b;">张龙</span></a><span style="color: #1c497b;"> </span></strong>发布于 2010年2月18日 上午7时19分</p>
<dl class="tags2">
<dt class="community">
<dd><strong></strong></dd>
<p>此前，我们发布的新闻谈到了<a id="jux6" title="每个Flex开发者需要知道的10件事" href="http://www.infoq.com/cn/news/2010/02/Flex-ten-things;jsessionid=6F5FBCDD35FEDE86F17430194D7A8E3E"><span style="color: #0b59b2;">每个Flex开发者需要知道的10件事</span></a>，本文将继续这个主题，谈谈每个Flash开发者需要知道的10件事。</dt>
</dl>
<p>近日<a id="naxh" title="John Lindquist" href="http://pv3d.org/2009/08/28/10-things-every-senior-flash-developer-should-know/"><span style="color: #0b59b2;">John Lindquist</span></a>谈到了在为Roundarch公司招聘Flash/Flex开发人员时的一些感受。他认为最难的地方在于问什么问题才能最好地了解到应聘者的Flash/Flex开发技能。因此，他给出了一个列表并说到：“根据我的经验，通过这个列表能更好地判断面试者的技术水平和经验”。</p>
<p>本文就将概要地介绍Flash开发者需要知道的10件事并给出进一步阅读的链接。</p>
<h3>1. 弹性“跑道“模型</h3>
<p>开发者应该知道事件何时被触发，代码何时被执行，Player何时进行渲染，这是每个Flash开发者都需要掌握的Flash Player基础概念。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/"><span style="color: #0b59b2;">http://www.craftymind.com/2008/04/18/updated-elastic-racetrack-for-flash-9-and-avm2/</span></a></p>
<h3>2. FlexSDK、mxmlc、compc&#8230;</h3>
<p>开发者应该知道在点击Eclipse中的“run”按钮时都发生了哪些事情。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://www.senocular.com/flash/tutorials/as3withmxmlc/"><span style="color: #0b59b2;">http://www.senocular.com/flash/tutorials/as3withmxmlc/</span></a></p>
<p><a href="http://livedocs.adobe.com/flex/3/html/help.html?content=apparch_08.html"><span style="color: #0b59b2;">http://livedocs.adobe.com/flex/3/html/help.html?content=apparch_08.html</span></a></p>
<h3>3. Player事件、客户化事件以及事件冒泡</h3>
<p>没有帧（Frame）和鼠标点击的Flash Player是无法想象的。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://www.adobe.com/devnet/actionscript/articles/event_handling_as3_03.html"><span style="color: #0b59b2;">http://www.adobe.com/devnet/actionscript/articles/event_handling_as3_03.html</span></a></p>
<p><a href="http://livedocs.adobe.com/flex/3/langref/flash/events/package-detail.html"><span style="color: #0b59b2;">http://livedocs.adobe.com/flex/3/langref/flash/events/package-detail.html</span></a></p>
<p><a href="http://www.tink.ws/blog/custom-events-in-as-30-dont-forget-to-override-the-clone-method/"><span style="color: #0b59b2;">http://www.tink.ws/blog/custom-events-in-as-30-dont-forget-to-override-the-clone-method/</span></a></p>
<p><a href="http://jacwright.com/blog/70/how-to-listen-to-flash-events-that-dont-bubble/"><span style="color: #0b59b2;">http://jacwright.com/blog/70/how-to-listen-to-flash-events-that-dont-bubble/</span></a></p>
<h3>4. 语句、关键字和指令</h3>
<p>开发者不应该对AS3中新出现的关键字感到惊讶。如果不知道“static”或是“override”是什么意思，学就行了。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://livedocs.adobe.com/flex/2/langref/statements.html"><span style="color: #0b59b2;">http://livedocs.adobe.com/flex/2/langref/statements.html</span></a></p>
<h3>5. ASDoc</h3>
<p>今后当你再一次阅读自己编写的代码时可能看不懂写的是什么了，因此恰当的文档是非常必要的，但如果能自动生成岂不美哉？</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://livedocs.adobe.com/flex/3/html/help.html?content=asdoc_3.html"><span style="color: #0b59b2;">http://livedocs.adobe.com/flex/3/html/help.html?content=asdoc_3.html</span></a></p>
<h3>6. 管理好可视化资源（图片、字体、CSS等等）</h3>
<p>Flash是可视化的东西，因此有必要了解代码与资源的管理手段。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://www.gskinner.com/talks/flexlovesflash/"><span style="color: #0b59b2;">http://www.gskinner.com/talks/flexlovesflash/</span></a></p>
<p><a href="http://code.google.com/p/queueloader-as3/"><span style="color: #0b59b2;">http://code.google.com/p/queueloader-as3/</span></a></p>
<p><a href="http://code.google.com/p/bulk-loader/"><span style="color: #0b59b2;">http://code.google.com/p/bulk-loader/</span></a></p>
<h3>7. 理解Array、Collection、Dictionary与Map</h3>
<p>通常开发者不会只处理一个MovieClip，因此需要了解如何控制多个对象。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/Array.html"><span style="color: #0b59b2;">http://livedocs.adobe.com/flash/9.0/ActionScriptLangRefV3/Array.html</span></a></p>
<p><a href="http://www.gskinner.com/blog/archives/2006/07/as3_dictionary.html"><span style="color: #0b59b2;">http://www.gskinner.com/blog/archives/2006/07/as3_dictionary.html</span></a></p>
<p><a href="http://code.google.com/p/as3ds/"><span style="color: #0b59b2;">http://code.google.com/p/as3ds/</span></a></p>
<h3>8. 以编程的方式处理动作</h3>
<p>如果只搞静态的东西还不如使用HTML呢。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://blog.greensock.com/tweenmaxas3/"><span style="color: #0b59b2;">http://blog.greensock.com/tweenmaxas3/</span></a></p>
<p><a href="http://www.amazon.com/Foundation-Actionscript-3-0-Animation-Making/dp/1590597915/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1243014431&amp;sr=8-1"><span style="color: #0b59b2;">http://www.amazon.com/Foundation-Actionscript-3-0-Animation-Making/dp/1590597915/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1243014431&amp;sr=8-1</span></a></p>
<h3>9. OOP、编码与框架的合理使用</h3>
<p>时至今日，一个巨大的.as文件闯天下的时代已经过去了。开发者需要将代码转到组织良好、可重用的对象中。现在的AS3框架也层出不穷，合理地使用框架有助于代码的管理。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://www.adobe.com/devnet/actionscript/articles/oop_as3.html"><span style="color: #0b59b2;">http://www.adobe.com/devnet/actionscript/articles/oop_as3.html</span></a></p>
<p><a href="http://www.actionscript.org/resources/articles/684/1/Object-Oriented-Programming-in-AS3/Page1.html"><span style="color: #0b59b2;">http://www.actionscript.org/resources/articles/684/1/Object-Oriented-Programming-in-AS3/Page1.html</span></a></p>
<h3>10. 版本控制</h3>
<p>除非觉得代码毫无价值，否则开发者需要立刻学习一种版本控制系统并尽快应用到项目中去。</p>
<p><strong>延伸阅读</strong></p>
<p><a href="http://tortoisesvn.net/downloads"><span style="color: #0b59b2;">http://tortoisesvn.net/downloads</span></a></p>
<p><a href="http://versionsapp.com/"><span style="color: #0b59b2;">http://versionsapp.com/</span></a></p>
<p><a href="http://en.wikipedia.org/wiki/Revision_control"><span style="color: #0b59b2;">http://en.wikipedia.org/wiki/Revision_control</span></a></p>
<p><a href="http://git-scm.com/"><span style="color: #0b59b2;">http://git-scm.com/</span></a></p>
<p><a href="http://www.nongnu.org/cvs/"><span style="color: #0b59b2;">http://www.nongnu.org/cvs/</span></a></p>
<div style="margin-top: 15px; display: block;">
<div style="display: inline; margin-right: 0px;">
<dl class="tags3">
<dt><strong></strong></dt>
</dl>
</div>
</div>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/-ILDkOjuVfQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=213</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=213</feedburner:origLink></item>
		<item>
		<title>谷歌中国“门”禁史</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/0MKT42JYq0A/</link>
		<comments>http://derekzhang.com/blog/?p=210#comments</comments>
		<pubDate>Thu, 14 Jan 2010 19:55:26 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=210</guid>
		<description><![CDATA[


2006年2月
牌照门


2006年11月
辞职门


2007年2月
地图门


2007年4月
词库门


2007年5月
抄袭门


2007年6月
报告门


2007年7月
流氓软件门


2007年8月
恶搞门


2007年10月
税务门


2008年3月
抄袭门2.0


2008年3月
漏税门


2008年6月
捐款门


2008年6月
泄密门


2008年11月
广告门


2009年1月
低俗门


2009年4月
低俗门2.0


2009年6月
涉黄门


2009年10月
版权门


2009年12月
涉黄门2.0



]]></description>
			<content:encoded><![CDATA[<table border="0">
<tbody>
<tr>
<td>2006年2月</td>
<td><a href="http://tech.sina.com.cn/i/2006-02-21/0442846484.shtml" target="_blank">牌照门</a></td>
</tr>
<tr>
<td>2006年11月</td>
<td><a href="http://www.techweb.com.cn/news/2006-11-22/121711.shtml" target="_blank">辞职门</a></td>
</tr>
<tr>
<td>2007年2月</td>
<td><a href="http://i3.ce.cn/ce/cysc/tech/gnhlw/200702/09/t20070209_10369545.shtml" target="_blank">地图门</a></td>
</tr>
<tr>
<td>2007年4月</td>
<td><a href="http://googlechinablog.com/2007/04/blog-post.html" target="_blank">词库门</a></td>
</tr>
<tr>
<td>2007年5月</td>
<td><a href="http://www.china.com.cn/book/zhuanti/qkjc/txt/2007-05/22/content_8290137.htm" target="_blank">抄袭门</a></td>
</tr>
<tr>
<td>2007年6月</td>
<td><a href="http://tech.sina.com.cn/i/2007-06-11/12581556094.shtml" target="_blank">报告门</a></td>
</tr>
<tr>
<td>2007年7月</td>
<td><a href="http://security.ccidnet.com/art/1101/20070716/1146049_1.html" target="_blank">流氓软件门</a></td>
</tr>
<tr>
<td>2007年8月</td>
<td><a href="http://www.gseeker.com/50226711/googleaeecee_109559.php" target="_blank">恶搞门</a></td>
</tr>
<tr>
<td>2007年10月</td>
<td><a href="http://www.ln.xinhuanet.com/itpd/2007-10/29/content_11519973.htm" target="_blank">税务门</a></td>
</tr>
<tr>
<td>2008年3月</td>
<td><a href="http://finance.sdnews.com.cn/2008/3/6/474250.html" target="_blank">抄袭门</a>2.0</td>
</tr>
<tr>
<td>2008年3月</td>
<td><a href="http://it.people.com.cn/GB/42891/42894/7022276.html" target="_blank">漏税门</a></td>
</tr>
<tr>
<td>2008年6月</td>
<td><a href="http://news.ccw.com.cn/soft/htm2008/20080619_449115.shtml" target="_blank">捐款门</a></td>
</tr>
<tr>
<td>2008年6月</td>
<td><a href="http://news.sina.com.cn/c/2008-06-21/110515789751.shtml" target="_blank">泄密门</a></td>
</tr>
<tr>
<td>2008年11月</td>
<td><a href="http://news.dayoo.com/china/200811/25/53868_4708961.htm" target="_blank">广告门</a></td>
</tr>
<tr>
<td>2009年1月</td>
<td><a href="http://news.china.com/zh_cn/news100/11038989/20090113/15281435.html" target="_blank">低俗门</a></td>
</tr>
<tr>
<td>2009年4月</td>
<td><a href="http://it.people.com.cn/GB/42891/42893/9110334.html" target="_blank">低俗门</a>2.0</td>
</tr>
<tr>
<td>2009年6月</td>
<td><a href="http://net.china.com.cn/qzl/txt/2009-06/18/content_2971360.htm" target="_blank">涉黄门</a></td>
</tr>
<tr>
<td>2009年10月</td>
<td><a href="http://tech.sina.com.cn/i/2009-10-14/15103506387.shtml" target="_blank">版权门</a></td>
</tr>
<tr>
<td>2009年12月</td>
<td><a href="http://biz.xinmin.cn/zhengquan/2009/12/05/3031172.html" target="_blank">涉黄门</a>2.0</td>
</tr>
</tbody>
</table>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/0MKT42JYq0A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=210</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=210</feedburner:origLink></item>
		<item>
		<title>Flash ActionScript3 to support native iPhone Apps</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/UEooFFkXxT0/</link>
		<comments>http://derekzhang.com/blog/?p=208#comments</comments>
		<pubDate>Wed, 14 Oct 2009 18:56:05 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[ActionScript]]></category>

		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=208</guid>
		<description><![CDATA[Monday on MAX2009 keynotes apple and adobe announced their latest joint effort on the coolest mobile platform - iPhone that enables AS3 transformed to native iphone application.
&#8220;Flash Professional CS5 will enable you to build applications for iPhone and iPod touch using ActionScript 3. These applications can be delivered to iPhone and iPod touch users through [...]]]></description>
			<content:encoded><![CDATA[<p>Monday on MAX2009 keynotes apple and adobe announced their latest joint effort on the coolest mobile platform - iPhone that enables AS3 transformed to native iphone application.</p>
<p>&#8220;Flash Professional CS5 will enable you to build applications for iPhone and iPod touch using ActionScript 3. These applications can be delivered to iPhone and iPod touch users through the Apple App Store.&#8221;</p>
<p>Detail:<br />
http://labs.adobe.com/technologies/flashcs5/appsfor_iphone/</p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/UEooFFkXxT0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=208</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=208</feedburner:origLink></item>
		<item>
		<title>Internet Sharing between Mac and PC</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/s23_KllIOMk/</link>
		<comments>http://derekzhang.com/blog/?p=207#comments</comments>
		<pubDate>Tue, 25 Aug 2009 15:22:37 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Mac]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=207</guid>
		<description><![CDATA[This a a scary process until hours of browsering on the internet and found the following solution that enables the internet sharing from a Mac to a PC:
 To conclude the original question, i tried adding the WiFi network manually and had success with the following:
    * set up standard 128-bit WEP-protected [...]]]></description>
			<content:encoded><![CDATA[<p>This a a scary process until hours of browsering on the internet and found the following solution that enables the internet sharing from a Mac to a PC:<br />
 To conclude the original question, i tried adding the WiFi network manually and had success with the following:</p>
<p>    * set up standard 128-bit WEP-protected WiFi internet sharing on Mac<br />
    * on Windows go to Wireless Network Connection Properties/Wireless Networks<br />
    * add new WiFi network<br />
    * enter network name matching your Mac access point<br />
    * set Network Authentication: Shared<br />
    * set Data Encryption: WEP<br />
    * uncheck &#8220;The key is provided automatically&#8221; option and enter (and repeat) your 13 character password under &#8220;Network key&#8221;<br />
    * uncheck &#8220;Enable IEEE 802.1x authentication &#8230;&#8221; under Authentication tab</p>
<p>The key here is set the internet type to be &#8220;shared&#8221; and 128 bit encrypted.</p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/s23_KllIOMk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=207</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=207</feedburner:origLink></item>
		<item>
		<title>Self signed certification for free and misconception about that</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/XMbFvMQVEbg/</link>
		<comments>http://derekzhang.com/blog/?p=204#comments</comments>
		<pubDate>Mon, 17 Aug 2009 18:35:37 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[WEB]]></category>

		<category><![CDATA[certification]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=204</guid>
		<description><![CDATA[clintharris.net has published a very detailed article that teaches you how to host your Self-signed Certification for free.
If you manage your own web server and want to secure your website with SSL encryption (i.e., use “https://” URLs) you must obtain and install an X.509 certificate. Buying a certificate can be expensive, though, often costing upwards [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.clintharris.net/2009/self-signed-certificates/">clintharris.net</a> has published a very detailed article that teaches you how to host your Self-signed Certification for free.</p>
<p><em>If you manage your own web server and want to secure your website with SSL encryption (i.e., use “https://” URLs) you must obtain and install an X.509 certificate. Buying a certificate can be expensive, though, often costing upwards of US$100 per year. The cheapest option is to create your own, “self-signed” certificate for free. There’s a popular misconception that self-signed certificates aren’t as secure and that you must accept browser security warnings to use them; this is false. If securely distributed and installed in a browser, a self-signed certificate is just as secure as those sold by Certificate Authorities such as Verisign and will not cause browsers to display security warnings. This document attempts to briefly explain what certificates are, how to create a self-signed certificate that a browser can safely trust (i.e., no browser warnings), and how to use it without being vulnerable to man-in-the-middle attacks.</em><br />
<strong>Click <a href="http://www.clintharris.net/2009/self-signed-certificates/">here</a> to see the whole text.</strong><em><br />
</em></p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/XMbFvMQVEbg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=204</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=204</feedburner:origLink></item>
		<item>
		<title>Discovering Papervision3D: Best Design Practices and Tutorials</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/fhMOEVMCT6A/</link>
		<comments>http://derekzhang.com/blog/?p=200#comments</comments>
		<pubDate>Mon, 17 Aug 2009 18:28:27 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Flash]]></category>

		<category><![CDATA[Graphic Design]]></category>

		<category><![CDATA[Paperversion 3D]]></category>

		<category><![CDATA[smashingmagazine]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=200</guid>
		<description><![CDATA[smashingmagazine.com has published the newest set of flash 3D sites powered by Paperversion 3D. It will definitely inspire your creativity and widen your horizon. Also they are good examples of well polished websites to view through even if you are not professional designer.
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingmagazine.com/2009/08/10/discovering-papervision3d-best-design-practices-and-tutorials/" target="_self">smashingmagazine.com</a> has published the newest set of flash 3D sites powered by Paperversion 3D. It will definitely inspire your creativity and widen your horizon. Also they are good examples of well polished websites to view through even if you are not professional designer.</p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/fhMOEVMCT6A" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=200</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=200</feedburner:origLink></item>
		<item>
		<title>60+ Beautiful Logo Design Tutorials And Resources From Smashing Mag</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/H7miBVjKcxk/</link>
		<comments>http://derekzhang.com/blog/?p=197#comments</comments>
		<pubDate>Thu, 06 Aug 2009 19:43:26 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Graphic Design]]></category>

		<category><![CDATA[Logo]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=197</guid>
		<description><![CDATA[we present some outstanding logo design tutorials to give you a head start when it comes time to creating an amazing logo for your own business.]]></description>
			<content:encoded><![CDATA[<p>When we talk about a famous brand, the first thing that comes to mind is its <strong>logo</strong>. The logo is the most essential component of any personal brand and also the hardest part to execute. A logo must be appropriate, aesthetically pleasing and a reflection of the company’s credibility. Furthermore, a logotype should be synonymous with the company or product it represents and should penetrate people’s minds as a selling agent.</p>
<p>An amateurish logo design can more likely make your business fail for a number of reasons. A logo is of great importance in creating brand identity, and you should be very careful in selecting one for your business.</p>
<p>Today, we present some <strong>outstanding logo design tutorials</strong> to give you a head start when it comes time to creating an amazing logo for your own business.</p>
<p><span id="more-197"></span>You may be interested in the following related posts:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2009/04/01/drawing-inspiration-from-creative-logos/">Drawing Inspiration From Creative Logos</a></li>
<li><a href="http://www.smashingmagazine.com/2009/04/09/beautiful-and-creative-logo-designs-for-your-inspiration/">Beautiful And Creative Logo Designs For Your Inspiration</a></li>
</ul>
<h3>Logo Design Tutorials</h3>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-project-step-by-step-walkthrough">Logo Design Project Step by Step Walkthrough</a><br />
Follow this step by step documentation of the whole process of the logo design from conception to completion.</p>
<p class="showcase"><a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-project-step-by-step-walkthrough"><img src="http://media2.smashingmagazine.com/images/logo-design-tutorials/52.jpg" alt="Screenshot" width="500" height="330" /></a></p>
<p><a href="http://www.henryhoffman.com/design-firefox-logo-in-photoshop-tutorial.html">How to Design the Firefox Logo in Photoshop</a><br />
This tutorial goes through how to create the Firefox logo in a scalable Photoshop format.</p>
<p class="showcase"><a href="http://www.henryhoffman.com/design-firefox-logo-in-photoshop-tutorial.html"><img src="http://media2.smashingmagazine.com/images/logo-design-tutorials/11.jpg" alt="Screenshot" width="500" height="389" /></a></p>
<p><a href="http://vector.tutsplus.com/tutorials/designing/design-a-print-ready-beer-label-in-adobe-illustrator/">Design a Print-Ready Beer Label in Adobe Illustrator</a><br />
This tutorial takes you from setup to production of a really cool beer label, although this could be useful for any bottled concoction of your choosing.</p>
<p class="showcase"><a href="http://vector.tutsplus.com/tutorials/designing/design-a-print-ready-beer-label-in-adobe-illustrator/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/53.jpg" alt="Screenshot" width="500" height="384" /></a></p>
<p><a href="http://www.webdesignerwall.com/tutorials/dache-logo-design-process/">Dache: Logo Design Process</a><br />
This case study provides full creative brief and progress images from start to final.</p>
<p class="showcase"><a href="http://www.webdesignerwall.com/tutorials/dache-logo-design-process/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/56.jpg" alt="Screenshot" width="500" height="301" /></a></p>
<p><a href="http://abduzeedo.com/sikbox-logo-design-process">Sikbox Logo Design Process</a><br />
In this tutorial Artist want to share a bit of the ideas and the design process for the logo creation.</p>
<p class="showcase"><a href="http://abduzeedo.com/sikbox-logo-design-process"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/58.jpg" alt="Screenshot" width="500" height="272" /></a></p>
<p><a href="http://www.planetphotoshop.com/logo-design.html">Logo Design (video Tutorial)</a><br />
Corey recreates a video game logo by building a grid background and circular target using the define pattern and polar coordinate distort commands.</p>
<p class="showcase"><a href="http://www.planetphotoshop.com/logo-design.html"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/59.jpg" alt="Screenshot" width="500" height="272" /></a></p>
<p><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-create-crest-logo-tutorial-in-photoshop">Crest Logo Tutorial in Photoshop</a><br />
This tutorial shows how to create a crest logo in photoshop.</p>
<p class="showcase"><a href="http://adobeperson.com/photoshop-basic-drawings/photoshop-create-crest-logo-tutorial-in-photoshop"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/60.jpg" alt="Screenshot" width="500" height="407" /></a></p>
<p><a href="http://www.eyesontutorials.com/articles/4622/1/EURO-2008-Logo-design/Page1.html">EURO 2008 Logo Design</a><br />
Step-by-step tutorial on creating the EURO 2008 logo.</p>
<p class="showcase"><a href="http://www.eyesontutorials.com/articles/4622/1/EURO-2008-Logo-design/Page1.html"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/18.jpg" alt="Screenshot" width="500" height="422" /></a></p>
<p><a href="http://vector.tutsplus.com/tutorials/text-effects/creating-an-environmentally-friendly-green-type-treatment/">Creating an Environmentally Friendly Green Type Treatment</a><br />
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.</p>
<p class="showcase"><a href="http://vector.tutsplus.com/tutorials/text-effects/creating-an-environmentally-friendly-green-type-treatment/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/54.jpg" alt="Screenshot" width="500" height="301" /></a></p>
<p><a href="http://dryicons.com/blog/2009/02/28/logo-design-process-tutorial/">Logo Design Process Tutorial</a><br />
In the following Illustrator tutorial, Tutorial will teach you how to create a Green type treatment. It works great for logos and other design elements.</p>
<p class="showcase"><a href="http://dryicons.com/blog/2009/02/28/logo-design-process-tutorial/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/55.jpg" alt="Screenshot" width="500" height="301" /></a></p>
<p><a href="http://abduzeedo.com/creating-crazy-cool-logo">Creating a Crazy Cool Logo</a><br />
In this tutorial you’ll learn how to create the crazy cool logo.</p>
<p class="showcase"><a href="http://abduzeedo.com/creating-crazy-cool-logo"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/63.jpg" alt="Screenshot" width="500" height="251" /></a></p>
<p><a href="http://www.ideabook.com/tutorials/logo_design/stepbystep_logo.html">Step-by-step logo</a><br />
A very comprehensive Step-by-step Logo Tutorial</p>
<p class="showcase"><a href="http://www.ideabook.com/tutorials/logo_design/stepbystep_logo.html"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/57.jpg" alt="Screenshot" width="500" height="272" /></a></p>
<p><a href="http://www.eyesontutorials.com/articles/3434/1/Making-the-ATI-LOGO-photoshop-tutorial/Page1.html">Making the ATI Logo</a><br />
In ATI LOGO tutorial Artist will use Photoshop and a mere mouse. Artist will use basic PS techniques and a little bit of layer styling.</p>
<p class="showcase"><a href="http://www.eyesontutorials.com/articles/3434/1/Making-the-ATI-LOGO-photoshop-tutorial/Page1.html"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/50.jpg" alt="Screenshot" width="500" height="384" /></a></p>
<p><a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-process-and-walkthrough-for-vivid-ways">Logo Design Process and Walk-Through for Vivid Ways</a><br />
In this tutorial, UK-based graphic designer Chris Spooner describes the design process and walks through creating the final logo in Adobe Illustrator.</p>
<p class="showcase"><a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-process-and-walkthrough-for-vivid-ways"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/1.jpg" alt="Screenshot" width="500" height="330" /></a></p>
<p><a href="http://10steps.sg/photoshop/making-of-metallic-transformers-logo/">Making the Metallic Transformers Logo</a><br />
In this really fantastic tutorial, you’re shown how to build a beautiful logo step by step. The process can be applied to any logo you are creating.</p>
<p class="showcase"><a href="http://10steps.sg/photoshop/making-of-metallic-transformers-logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/2.jpg" alt="Screenshot" width="500" height="330" /></a></p>
<p><a href="http://www.illustrationclass.com/?p=105">Illustrative Logo: Bow the Knee</a><br />
In this tutorial, the artist explains step by step how he designed this attractive logo. Source files are included, so you can manually de-construct the method he used to create his reference image.</p>
<p class="showcase"><a href="http://www.illustrationclass.com/?p=105"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/3.jpg" alt="Screenshot" width="500" height="645" /></a></p>
<p><a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/10/31/papercraft-text-effect/">Papercraft Text Effect</a><br />
Easily create your own logo using the beautiful text effect in this tutorial. Test your logo with different fonts and colors.</p>
<p class="showcase"><a href="http://www.photoshoproadmap.com/Photoshop-blog/2008/10/31/papercraft-text-effect/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/4.jpg" alt="Screenshot" width="500" height="330" /></a></p>
<p><a href="http://www.psdgraphics.com/tutorials/windows-vista-logo-photoshop-tutorial/">Windows Vista Desktop Themes</a><br />
A simple step-by-step tutorial on making the Windows Vista logo in Photoshop. Learn how to make the mirror and glossy effects and how to use such Photoshop tools as gradient, pen, bevel and emboss, eraser, etc.</p>
<p class="showcase"><a href="http://www.psdgraphics.com/tutorials/windows-vista-logo-photoshop-tutorial/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/5.jpg" alt="Screenshot" width="500" height="330" /></a></p>
<p><a href="http://10steps.sg/photoshop/wooden-text-effect-in-photoshop/">Wooden Text Effect in Photoshop</a><br />
An outstanding tutorial. Though not a logo tutorial per se, the effect and textures can easily be applied to any logo design. Very clear and easy to follow.</p>
<p class="showcase"><a href="http://10steps.sg/photoshop/wooden-text-effect-in-photoshop/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/10b.jpg" alt="Screenshot" width="500" height="279" /></a></p>
<p><a href="http://aiburn.com/article/bzzz_create_a_fly_logo_design_part_2">Create a Fly Logo Design, Part 2</a><br />
This tutorial focuses on the process of creating a logo for a Web design client. It covers developing a logo from concept to completion and working with the client throughout the process.</p>
<p class="showcase"><a href="http://aiburn.com/article/bzzz_create_a_fly_logo_design_part_2"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/6.jpg" alt="Screenshot" width="500" height="309" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/2831/11/Virtual-DJ-Picture">Virtual DJ</a><br />
In this detailed tutorial, you will learn how to design this beautiful DJ smile. The tutorial is not specific to logos, but the process and tools used here may be very helpful when it comes to actually creating one.</p>
<p class="showcase"><a href="http://www.adobetutorialz.com/articles/2831/11/Virtual-DJ-Picture"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/6b.jpg" alt="Screenshot" width="500" height="318" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/2929/1/Mac-OS-X">Mac OS X Logo</a><br />
Learn how to design an awesome Mac OS X logo wallpaper.</p>
<p class="showcase"><a href="http://www.adobetutorialz.com/articles/2929/1/Mac-OS-X"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/6c.jpg" alt="Screenshot" width="500" height="340" /></a></p>
<p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_retro_logo">Create a Retro Logo</a><br />
Your logo is much more than a corporate badge. After all, if you’re in the design business, it ought to reflect the “design” as much as the “business.” Here, the artist puts a new twist on a classic ’70s illustration-based Blaxploitation logo.</p>
<p class="showcase"><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_retro_logo"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/7.jpg" alt="Screenshot" width="500" height="313" /></a></p>
<p><a href="http://www.stutorials.com/corel_3d_euroleague_logo.php">Euroleague 3D Logo</a><br />
Draw 3-D Euroleague logo using Photoshop and Corel drawing tools, gradient fills and 3-D effects.</p>
<p class="showcase"><a href="http://www.stutorials.com/corel_3d_euroleague_logo.php"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/7c.jpg" alt="Screenshot" width="500" height="551" /></a></p>
<p><a href="http://www.tutzor.com/index.php/2008/06/star-wars-text-effect/">Star Wars Text Effect</a><br />
In this tutorial, the artist works on the Star Wars text effect, which you could also implement in your logo project.</p>
<p class="showcase"><a href="http://www.tutzor.com/index.php/2008/06/star-wars-text-effect/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/8.jpg" alt="Screenshot" width="500" height="328" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/3043/1/Umbrella-Corporation-logo">Umbrella Corporation logo</a><br />
The Umbrella Corporation is a fictional bio-engineering pharmaceutical company that appears in the Resident Evil series of survival-horror games by Capcom and in the film adaptations. In this Adobe Photoshop tutorial, you’ll create Umbrella Corporation logo.</p>
<p class="showcase"><a href="http://www.adobetutorialz.com/articles/3043/1/Umbrella-Corporation-logo"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/8b.jpg" alt="Screenshot" width="500" height="308" /></a></p>
<p><a href="http://www.zenelements.co.uk/blog/create-an-origami-logo/">Create an Origami Logo</a><br />
By creating the origami logo in this Photoshop tutorial, you’ll get a little taste of one of the logo trends predicted for 2009.</p>
<p class="showcase"><a href="http://www.zenelements.co.uk/blog/create-an-origami-logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/9.jpg" alt="Screenshot" width="500" height="308" /></a></p>
<p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_logo_identity">Create a Logo Identity</a><br />
If you’re setting up shop on your own, you’ll need a logo. Follow Alan Wardle’s advice on creating a unique design.</p>
<p class="showcase"><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/create_a_logo_identity"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/28.jpg" alt="Screenshot" width="500" height="308" /></a></p>
<p><a href="http://www.good-walls.com/2008/06/20/3d-logo-tutorial/">3D Logo Tutorial</a><br />
In this tutorial, you’ll start making a logo shape, put it in rough 3-D and then finish it in Photoshop. So easy even a beginner can do it.</p>
<p class="showcase"><a href="http://www.good-walls.com/2008/06/20/3d-logo-tutorial/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/12.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.republicofcode.com/tutorials/photoshop/volkswagen/">How to Create the Volkswagen Logo</a><br />
This tutorial shows you how to draw the legendary Volkswagen emblem, using layer styles, radial gradients and the polygonal lasso selection tool (to do the tracing part).</p>
<p class="showcase"><a href="http://www.republicofcode.com/tutorials/photoshop/volkswagen/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/13.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.adobetutorialz.com/articles/3061/1/The-amazing-spiderman">The Amazing Spiderman</a><br />
Learn how to easily make the Amazing Spiderman logo for a wallpaper.</p>
<p class="showcase"><a href="http://www.adobetutorialz.com/articles/3061/1/The-amazing-spiderman"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/14.jpg" alt="Screenshot" width="500" height="341" /></a></p>
<p><a href="http://psdtuts.com/designing-tutorials/create-a-cool-music-logo-on-a-grunge-background/">Cool Music Logo on a Grunge Background</a><br />
You will find these techniques to make a logo and background for a cool grunge-style website outstanding.</p>
<p class="showcase"><a href="http://psdtuts.com/designing-tutorials/create-a-cool-music-logo-on-a-grunge-background/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/16.jpg" alt="Screenshot" width="500" height="334" /></a></p>
<p><a href="http://www.axertion.com/tutorials/2008/12/3d-encide-logo-tutorial/">3D Encide Logo Tutorial (PSD Included)</a><br />
A great tutorial, showing the entire process of making a logo in Photoshop.</p>
<p class="showcase"><a href="http://www.axertion.com/tutorials/2008/12/3d-encide-logo-tutorial/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/16b.jpg" alt="Screenshot" width="500" height="266" /></a></p>
<p><a href="http://www.garysimon.net/logotutorial/">How to Make an Awesome Logo</a><br />
In this tutorial, the artist documents the entire process of creating a logo, from start to finish. He encourages you to open up Photoshop and follow each step, which would help you learn a lot more than by just reading it.</p>
<p class="showcase"><a href="http://www.garysimon.net/logotutorial/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/17.jpg" alt="Screenshot" width="500" height="268" /></a></p>
<p><a href="http://www.tutzor.com/index.php/2008/10/the-chronicles-of-narnia-logo/">The Chronicles of Narnia Logo</a><br />
In this tutorial, the artist shows you how to create the “Chronicles of Narnia” logo, such an outstanding piece of artwork.</p>
<p class="showcase"><a href="http://www.tutzor.com/index.php/2008/10/the-chronicles-of-narnia-logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/19.jpg" alt="Screenshot" width="500" height="204" /></a></p>
<p><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/create-rainbow-logos-with-warped-grids/">Create Rainbow Logos with Warped Grids</a><br />
Warped Grids are an easy technique, but very versatile, too, and you will be able to use it in all sorts of designs. In this case, the artist uses it for a logo.</p>
<p class="showcase"><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/create-rainbow-logos-with-warped-grids/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/23.jpg" alt="Screenshot" width="500" height="325" /></a></p>
<p><a href="http://www.tutorial9.net/photoshop/create-a-3d-glossy-box-logo/">3-D Glossy Box Logo</a><br />
Create a 3-D glossy box logo in this amazing Photoshop tutorial.</p>
<p class="showcase"><a href="http://www.tutorial9.net/photoshop/create-a-3d-glossy-box-logo/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/24.jpg" alt="Screenshot" width="500" height="250" /></a></p>
<p><a href="http://www.eyesontutorials.com/articles/4317/1/Sony-Ericsson-Logo/Page1.html">Sony Ericsson Logo</a><br />
In this tutorial, the artist makes Sony Ericsson logo in about 20 minutes. Besides doing this, you will learn how to save time, change layer styles and re-use copies of your original effects and forms. So let’s go.</p>
<p class="showcase"><a href="http://www.eyesontutorials.com/articles/4317/1/Sony-Ericsson-Logo/Page1.html"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/25.jpg" alt="Screenshot" width="500" height="273" /></a></p>
<p><a href="http://www.tutorialkit.com/tutorials/Versus-Inspired-Photoshop-Logo-Tutorial-83612.html">Versus Inspired Photoshop Logo Tutorial</a><br />
This Adobe Photoshop tutorial shows you how to create a rounded logo, inspired by the Versus cable network. This tutorial, in which gradients and layer styles are used, is great for all Photoshop users, from beginner to intermediate.</p>
<p class="showcase"><a href="http://www.tutorialkit.com/tutorials/Versus-Inspired-Photoshop-Logo-Tutorial-83612.html"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/26.jpg" alt="Screenshot" width="500" height="328" /></a></p>
<p><a href="http://www.marcofolio.net/photoshop/glowing_and_sparkling_intense_light_3d_logo.html">Glowing and sparkling intense light 3d logo</a></p>
<p>In this tutorial Artist going to teach you how to create a glowing and sparkling intense light 3D glow logo. This tutorial shows different techniques.</p>
<p class="showcase"><a href="http://www.marcofolio.net/photoshop/glowing_and_sparkling_intense_light_3d_logo.html"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/61.jpg" alt="Screenshot" width="500" height="348" /></a></p>
<p><a href="http://www.avivadirectory.com/photoshop/creating-a-retro-logo/">Creating a Retro Logo</a></p>
<p>In this tutorial Artist will try to show you how he normally make his pics look retro.</p>
<p class="showcase"><a href="http://www.avivadirectory.com/photoshop/creating-a-retro-logo/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/62.jpg" alt="Screenshot" width="500" height="348" /></a></p>
<p><a href="http://abduzeedo.com/brainstorm-9-logo-process">Brainstorm9 Logo Process</a><br />
Comprehensive Briefing the design process of Brainstorm #9 Logo.</p>
<p class="showcase"><a href="http://abduzeedo.com/brainstorm-9-logo-process"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/64.jpg" alt="Screenshot" width="500" height="205" /></a></p>
<p><a href="http://nunosk8.deviantart.com/art/Logo-Presentation-tutorial-102021690">Logo Presentation Tutorial</a><br />
This tutorial will teach you how to present your logotype, simulating a macro photo of the logo printed on paper.</p>
<p class="showcase"><a href="http://nunosk8.deviantart.com/art/Logo-Presentation-tutorial-102021690"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/65.jpg" alt="Screenshot" width="500" height="353" /></a></p>
<h3>Logo Design Articles and Resources</h3>
<p><a href="http://justcreativedesign.com/2009/01/07/logo-design-trends-2009/">2009 Logo Design Trends</a></p>
<p class="showcase"><a href="http://justcreativedesign.com/2009/01/07/logo-design-trends-2009/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/40.jpg" alt="Screenshot" width="500" height="243" /></a></p>
<p><a href="http://www.allgraphicdesign.com/graphicsblog/2008/07/22/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-mark-misenheimer/">Logo Design Creation Process from Start to Finish by Expert Graphic Designer, Mark Misenheimer</a></p>
<p class="showcase"><a href="http://www.allgraphicdesign.com/graphicsblog/2008/07/22/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-mark-misenheimer/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/41.jpg" alt="Screenshot" width="500" height="357" /></a></p>
<p><a href="http://www.davidairey.com/choosing-a-logo-designer/">10 Things to Expect from Your Logo Designer</a></p>
<p class="showcase"><a href="http://www.davidairey.com/choosing-a-logo-designer/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/42.jpg" alt="Screenshot" width="500" height="211" /></a></p>
<p><a href="http://www.wired.com/techbiz/startups/multimedia/2008/02/gallery_google_logos?mbid=su13">How Google Got Its Colorful Logo</a></p>
<p class="showcase"><a href="http://www.wired.com/techbiz/startups/multimedia/2008/02/gallery_google_logos?mbid=su13"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/43.jpg" alt="Screenshot" width="500" height="211" /></a></p>
<p><a href="http://www.davidairey.com/5-vital-logo-design-tips/">5 Vital Logo Design Tips</a></p>
<p class="showcase"><a href="http://www.davidairey.com/5-vital-logo-design-tips/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/44.jpg" alt="Screenshot" width="500" height="211" /></a></p>
<p><a href="http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/">The Logo Design Process of Top Logo Designers</a></p>
<p class="showcase"><a href="http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/45.jpg" alt="Screenshot" width="500" height="211" /></a></p>
<p><a href="http://justcreativedesign.com/2008/04/24/logo-design-process-of-just-creative-design/">Logo Design Process for Just Creative Design’s Award-Winning Logo</a></p>
<p class="showcase"><a href="http://justcreativedesign.com/2008/04/24/logo-design-process-of-just-creative-design/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/logo-design-tutorials/48.jpg" alt="Screenshot" width="500" height="322" /></a></p>
<p><a href="http://www.logosdesigners.com/#otl-aicher">The World’s Best Logo Designers</a></p>
<p class="showcase"><a href="http://www.logosdesigners.com/#otl-aicher"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/logo-design-tutorials/49.jpg" alt="Screenshot" width="500" height="300" /></a></p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/H7miBVjKcxk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=197</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=197</feedburner:origLink></item>
		<item>
		<title>Creative logos for inspiration from Smashing Mag</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/0JN5jEEGofk/</link>
		<comments>http://derekzhang.com/blog/?p=194#comments</comments>
		<pubDate>Thu, 06 Aug 2009 19:41:00 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Graphic Design]]></category>

		<category><![CDATA[Logo]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=194</guid>
		<description><![CDATA[ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
]]></description>
			<content:encoded><![CDATA[<p><a href="http://logopond.com/gallery/detail/43168"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/foldit.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/50886"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/imitacion.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://mabu.dk/#9593"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/xona.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/52400"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/hawaii.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://hiredgunscreative.com/"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/alliance.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/43779"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/umbrellar.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://denisolenik.com/"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/cocoastuff.jpg" alt="" width="240" height="220" /></a> <a href="http://penflare.com/category/portfolio/"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/fatmoose.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/52015"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/qlink.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/52222"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/swan.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/38654"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/cra.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/50976"><img src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/frogami.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/50173"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/infinitium.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/56069"><img src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/poseidon.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/42356"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/toonplant.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/45725"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/coevia.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/49156"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/vilniaus.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/46151"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/kitestring.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofaves.com/2009/03/cafe-melody/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/cafemelody.jpg" alt="" width="240" height="220" /></a> <a href="http://www.design-mp.com/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/clinica.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/28786"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/castleprint.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/35898"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/101.jpg" alt="" width="240" height="220" /></a></p>
<p><a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/nucleuscreations.jpg" alt="" width="240" height="220" /></a> <a href="http://javoramirezportafolio.blogspot.com/search/label/Imagen%20Corporativa"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/bananasfilms.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/treespread.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/51990"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/twizla.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/53957"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/chillmango.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/9985"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/fineliquor.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/57788"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/saturn.jpg" alt="Creative logo design" width="240" height="220" /></a> <a href="http://logofaves.com/2009/01/modern/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/modernerd.jpg" alt="" width="240" height="220" /></a></p>
<p><a href="http://www.behance.net/Gallery/Surround_-Record-label/145864"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/surround.jpg" alt="" width="240" height="220" /></a> <a href="http://www.behance.net/Gallery/Studio-8-%28Logo-2%29/110472"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/studioeight.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/42586"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/shocked.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2008/11/shareeffect/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/shareeffect.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.rainfall.ro/brand-design/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/rainfall.jpg" alt="" width="240" height="220" /></a> <a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/mediafactory.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.northcolour.com/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/northcolour.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/53935"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/act.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofaves.com/2008/12/african-film-club/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/africanfilmclub.jpg" alt="" width="240" height="220" /></a> <a href="http://www.duoh.com/portfolio/category/logos/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/devia.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.duoh.com/portfolio/category/logos/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/slv.jpg" alt="" width="240" height="220" /></a> <a href="http://www.stylestation.net/SSV4/index.html"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/alcapone.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/26972"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/threeleaves.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/25100"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/twins.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.johnboerckel.com/logos.html"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/doghouse.jpg" alt="" width="240" height="220" /></a> <a href="http://www.groozdas.com/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-inspiration/dynamicslab.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://southcreative.com.au/gold-coast-web-design-portfolio.html"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/viva.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2008/11/estravel/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-inspiration/estravel.jpg" alt="" width="240" height="220" /></a></p>
<p><a href="http://www.ocularink.com/"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/shleep.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/44610"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/airpower.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.faveup.com/design/9111"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/alight.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/17928"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/buildingbody.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logooftheday.com/2009-02-03-tiny-mouse-design/"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/tinymouse.jpg" alt="" width="240" height="220" /></a> <a href="http://www.logofromdreams.com/january-032009-adjika/"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/adjika.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://incspring.com/brand_details.php?brand_id=2607"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/swing.jpg" alt="" width="240" height="220" /></a> <a href="http://www.logofromdreams.com/january-052009-schizophrenic/"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/schizophrenic.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofury.com/logo/hopesparks.html"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/hopesparks.jpg" alt="" width="240" height="220" /></a> <a href="http://www.logofromdreams.com/march-272009-paradox/"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/paradox.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/26042"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/subatomic.jpg" alt="" width="240" height="220" /></a> <a href="http://www.faveup.com/design/1799"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/denimblog.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.dache.ch/portfolio/logo/"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/webmynd.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/51899"><img src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/spearnose.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/45222"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/sidewinder.jpg" alt="" width="240" height="220" /></a> <a href="http://www.dache.ch/portfolio/logo/"><img src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/socialimagineers.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logopond.com/gallery/detail/43166"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/pagefold.jpg" alt="" width="240" height="220" /></a> <a href="http://siahdesign.com/portfolio"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/officestrategies.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.ocularink.com/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/dayone.jpg" alt="" width="240" height="220" /></a> <a href="http://www.behance.net/Gallery/LOGO-part-I/89058"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/illusionstudio.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/timepeg.jpg" alt="" width="240" height="220" /></a> <a href="http://www.faveup.com/design/7821"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/corner.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.logofromdreams.com/december-252008-event-guide/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/eventguide.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2009/02/horror-films/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/horrorfilms.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.logofromdreams.com/january-292009-dream-marketing/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/dreammarketing.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/42557"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/creativecompany.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/grooveshark.jpg" alt="" width="240" height="220" /></a> <a href="http://incspring.com/brand_details.php?brand_id=1810"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/fulltime.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.faveup.com/design/7680"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/fabriktwo.jpg" alt="" width="240" height="220" /></a> <a href="http://www.dache.ch/portfolio/logo/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/zipliner.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.smashingmagazine.com/2009/04/09/beautiful-and-creative-logo-designs-for-your-inspiration/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/prankexpress.jpg" alt="" width="240" height="220" /></a> <a href="http://logopond.com/gallery/detail/55747"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/squaredeye.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://www.logofromdreams.com/logo-of-the-march-2009/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/cinemacafe.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2009/01/play/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/play.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofaves.com/2009/03/deep-six-brewery/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/deepsix.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2009/01/square-studios/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/squarestudios.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofaves.com/2008/12/families/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/families.jpg" alt="" width="240" height="220" /></a> <a href="http://www.entzcreative.com/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/playground.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logooftheday.com/2009-03-27-obama/"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/obama.jpg" alt="" width="240" height="220" /></a> <a href="http://www.faveup.com/design/7680"><img style="display: inline;" src="http://media1.smashingmagazine.com/images/creative-logos-one-more-time/softfacade.jpg" alt="" width="240" height="220" /></a><br />
<a href="http://logofaves.com/2009/02/raumfilm/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/raumfilm.jpg" alt="" width="240" height="220" /></a> <a href="http://logofaves.com/2008/12/more/"><img style="display: inline;" src="http://media2.smashingmagazine.com/images/creative-logos-one-more-time/more.jpg" alt="" width="240" height="220" /></a></p>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/0JN5jEEGofk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=194</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=194</feedburner:origLink></item>
		<item>
		<title>The Logo Design Process of TOP Logo Designers</title>
		<link>http://feedproxy.google.com/~r/GeekyDerek/~3/u4j7T3Gq2dA/</link>
		<comments>http://derekzhang.com/blog/?p=189#comments</comments>
		<pubDate>Wed, 05 Aug 2009 19:41:57 +0000</pubDate>
		<dc:creator>Derek</dc:creator>
		
		<category><![CDATA[Graphic Design]]></category>

		<guid isPermaLink="false">http://derekzhang.com/blog/?p=189</guid>
		<description><![CDATA[Want to know the secrets of how top graphic designers create their logos?

This article will reveal exactly how top logo designers of today’s modern age create their logos. It will show the design process that these designers go through to get to their final logo design.
]]></description>
			<content:encoded><![CDATA[<p>Want to know the secrets of how top graphic designers create their logos?</p>
<p>This article will reveal exactly how top logo designers of today’s modern age create their logos. It will show the design process that these designers go through to get to their final logo design.</p>
<p><em></em></p>
<p><strong>Their Design Process: </strong></p>
<ol>
<li>The Brief</li>
<li>Research</li>
<li>Visual Research</li>
<li>Sketching &amp; Conceptualising</li>
<li>Reflection</li>
<li>Positioning</li>
<li>Presentations</li>
<li>Celebration</li>
</ol>
<p><span id="more-189"></span></p>
<h3>1. The Brief</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/brief.gif" alt="The Brief" /></p>
<p>Nearly all designers agree that the initial accumulation of information from the client is the most important step, either by a face to face interview or a questionnaire. This is where you must establish the design brief. Designer, John Homs says “You really need to understand your client very thoroughly before you get started. Logo Design is never just shooting in the dark. It’s just the opposite.”</p>
<p>If you haven’t got a client yet you may be interested in <a title="How To Get Your First Job" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/12/30/how-to-get-your-first-job/');" href="http://justcreativedesign.com/2007/12/30/how-to-get-your-first-job/">how to get your first job</a>. Or if you need help on writing a design brief check out <a title="How to write a graphic design brief" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2008/09/26/how-to-write-an-effective-design-brief/');" href="http://justcreativedesign.com/2008/09/26/how-to-write-an-effective-design-brief/" target="_blank">how do you write a graphic design brief</a>?</p>
<h3>2. Research</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/research.gif" alt="Research" /></p>
<p>After molding the design brief, getting to know your client’s businesses is the next crucial step in making a logo successful. Research includes general reading on the industry itself, sometimes on its history, and on its competitors. If budgets allow, external research can be carried out.</p>
<h3>3. Visual Research</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/visualresearch.gif" alt="Visual Research" /></p>
<p>This is research not into the clients business, but into the actual logo style. This is where we seek out a look, a style, an approach or attitude, usually to attain a period or style that we are unfamiliar with, or to refresh ourselves with what is new or successful. Eg. Find logos of similar business’ and critique them. This is where you look for <a title="Design Inspiration" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/12/12/101-places-to-get-design-inspiration/');" href="http://justcreativedesign.com/2007/12/12/101-places-to-get-design-inspiration/">inspiration</a>. Designer Wendy Stamberger said “I look more for techniques and to ask myself why a certain logo looks corporate, or what makes a really good health care logo… or for example why do I like this logo and dislike that one?” Designers should do this to gain a better understanding of the industry and competition.</p>
<p>Note: Some designers actually refuse the use of visual research, preferring to use their own mental sourcebook, however others say that doing so, is limiting your design solution.<strong></strong></p>
<h3>4. Sketching &amp; Conceptualising</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/sketchingconceptualising.gif" alt="Sketching &amp; Conceptualising" /></p>
<p>Developing the logo design concept(s) is where <a title="How to boost your creativity" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/12/27/how-to-boost-your-creativity/');" href="http://justcreativedesign.com/2007/12/27/how-to-boost-your-creativity/">creativity</a> comes into play, this is where the designer must create the logo by using the design brief and the research conducted. Some designers use a napkin to sketch, some use a sketchbook and some use the computer as paper, this is all a matter of personal choice, however using a computer first up is not recommended what so ever.</p>
<p>When conceptualising, some designers are mainly concerned with the graphic style and image of a piece while others try to convey deep meaning or some sort of visual puzzle (such as the arrow in the <a title="FedEx Logo" onclick="javascript:pageTracker._trackPageview('/outgoing/www.google.com.au/search?q=fedex+logo');" href="http://www.google.com.au/search?q=fedex+logo">FedEx logo</a> - look between the e and x). These types of logos have a bigger impact on the viewer and when a designer creates one, they know it straight away. It will be unique and will add a dimension to the experience and to the whole identity. For more information on conceptualizing check out my article on <a title="How To Design A Logo" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2008/01/08/how-to-design-a-logo/');" href="http://justcreativedesign.com/2008/01/08/how-to-design-a-logo/">how to design a logo</a> or the <a title="Ultimate Guide to Logo Design" onclick="javascript:pageTracker._trackPageview('/outgoing/www.youthedesigner.com/2008/01/11/design-a-logo-the-ultimate-guide/');" href="http://www.youthedesigner.com/2008/01/11/design-a-logo-the-ultimate-guide/" target="_blank">ultimate guide to logo design</a> or if you need help on typography, check out the <a title="Top 5 Typography Resources" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/11/26/top-5-typography-resources/');" href="http://justcreativedesign.com/2007/11/26/top-5-typography-resources/">top 5 typography resources</a>.</p>
<h3>5. Reflection</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/reflection.gif" alt="Reflection" /></p>
<p>Taking breaks is as important as the physical research and the design brief. It is so easy to get stuck in a creative cul-de-sac (<a title="How to be creative" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/11/26/how-to-be-creative/');" href="http://justcreativedesign.com/2007/11/26/how-to-be-creative/">learn how to be creative</a>) and get tired of a project and this is why logo designers take breaks. By resting, your ideas mature and develop in the back of your head. When you go back to your project, you have renewed enthusiasm, insight and opportunity. This is also a good stage to get feedback from others.</p>
<h3>6. Positioning</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/positioning.gif" alt="Positioning" /></p>
<p>This is where the designers choose to position themselves. They either position themselves like contractors and take orders according to their clients wishes (ie. Don’t advise their clients of design matters) OR they position themselves like a business and build themselves a long term relationship (ie. Guide clients to a more appropriate solution much alike how a lawyer does.) Designers have to choose how they wish to work. Personally, I try to find a happy medium.</p>
<h3>7. Presentation</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/presentation.gif" alt="Presentation" /></p>
<p>This is where the designer must present their work to the client. They can choose whether to show the client a huge variety of logo design concepts (if it is hard to gauge a clients taste) OR they could choose to showcase just a few select logo designs. This is another debatable issue.</p>
<h3>8. Celebration</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/celebration.gif" alt="Celebration" /></p>
<p>In a survey conducted to 75 top designers, when the job is finally finished and approved, 31% of designers celebrate by drinking beer, 12% head for chocolate, 22% head off to bed to catch up on sleep and the other 35% can’t celebrate because they must start on the next logo design.<strong><br />
</strong></p>
<h3>Summary</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/summary.gif" alt="Summary" /></p>
<p>Below is a summary of the whole design process for quick review. You may even find it useful to print the whole article - if so, make sure you <a title="Print Blog Articles The Smart Way" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2008/01/23/tutorial-how-to-print-blog-articles-the-smart-way/');" href="http://justcreativedesign.com/2008/01/23/tutorial-how-to-print-blog-articles-the-smart-way/">print the smart way</a> or even better, use the Print function found at the bottom of this article.</p>
<ol>
<li><strong>Design Brief:</strong> Conduct Questionnaire or Interview with client to get the design brief.</li>
<li><strong>Research:</strong> Conduct research focused on the industry itself, on its history, and on its competitors.</li>
<li><strong>Reference:</strong> Conduct research into logo designs that have been successful and current styles and trends that are related to the design brief.</li>
<li><strong>Sketching &amp; Conceptualising:</strong> Develop the logo design concept(s) around the brief and research. Use <a title="Boost Your Creativity" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2007/12/27/how-to-boost-your-creativity/');" href="http://justcreativedesign.com/2007/12/27/how-to-boost-your-creativity/">creativity</a>. Know <a title="How To Design A Logo" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/2008/01/08/how-to-design-a-logo/');" href="http://justcreativedesign.com/2008/01/08/how-to-design-a-logo/">how to design a logo</a>.</li>
<li><strong>Reflection:</strong> Take breaks throughout the design process. This lets your ideas mature and for you to get renewed enthusiasm. Receive feedback.</li>
<li><strong>Positioning:</strong> Position yourself as a contractor or build a long lasting relationship. ie. Client orders you what to do OR You guide client to the best solution.</li>
<li><strong>Presentation:</strong> Choose to present only a select few logos to the client or a whole collection.</li>
<li><strong>Celebration:</strong> Drink beer, eat chocolate, sleep, start on next logo design. Or a combination. <img class="wp-smiley" src="http://justcreativedesign.com/wp-includes/images/smilies/icon_wink.gif" alt=";)" /></li>
</ol>
<h3>Moral</h3>
<p><img src="http://justcreativedesign.com/wp-content/uploads/2008/01/moral.gif" alt="Moral of the story" /></p>
<p>When given a brief, every designer interprets in their own way and if an assignment is given to 100 different designers, it would return 100 different logos, few of which would resemble each other. Though we all endlessly conjecture what makes a ‘good’ or ‘bad’ logo, one must remember in the end, the ultimate arbiter of logo design greatness may only be the satisfied, paying client.</p>
<p>The secret moral to this story, therefore, is to work hard, but not be too hard on your first concepts as the process itself, is the key to ultimate success.</p>
<p><em></em></p>
<p><strong>If you are interested in getting a professionally designed logo, I am currently <a title="Freelance Graphic Designer" onclick="javascript:pageTracker._trackPageview('/outgoing/justcreativedesign.com/hire-me/');" href="http://justcreativedesign.com/hire-me/">available for hire</a>.</strong></p>
<p><em>This article is a summary of the secret logo design process that 75 top designers told to Leslie Cabarga in his book  <a title="The Secret Life of Logos" onclick="javascript:pageTracker._trackPageview('/outgoing/www.amazon.com/Secret-Life-Logos-Behind-Designers/dp/1581808682');" href="http://www.amazon.com/Secret-Life-Logos-Behind-Designers/dp/1581808682" target="_blank">The Secret Life of Logos: Behind The Scenes With Top Designers</a>.</em></p>
<div class="tweetmeme_button" style="float: left; margin-left: 10px; margin-top: 10px;"><iframe src="http://api.tweetmeme.com/button.js?url=http%3A%2F%2Fjustcreativedesign.com%2F2008%2F02%2F01%2Flogo-design-process-of-top-graphic-designers%2F&amp;source=justcreative&amp;style=normal&amp;service=ow.ly" scrolling="no" frameborder="0" height="61" width="50"></iframe></div>
<div><span class="subscribe">Did you like this post? Why not <a href="http://feeds.feedburner.com/justcreativedesignblog">subscribe for free</a>?</span></div>
<div><span class="about"><span class="about"><a title="Print This Post" rel="nofollow" href="http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/print/">Print This Page</a> <img src="http://justcreativedesign.com/wp-content/plugins/wp-print/images/print.gif" alt="Print Page" /></span> </span></div>
<p><strong>Spread The Word:</strong></p>
<p><img src="http://justcreativedesign.com/wp-content/themes/rhea/images/stumbleupon.gif" alt="" width="16" height="16" /> <a href="http://www.stumbleupon.com/submit?url=http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/&amp;title=The+Logo+Design+Process+of+TOP+Logo+Designers">StumbleUpon</a> | <img src="http://justcreativedesign.com/wp-content/themes/rhea/images/twitter.png" alt="" width="16" height="16" /> <!-- Begin TwitThis (http://twitthis.com/) --> <script src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js" type="text/javascript"></script> <script type="text/javascript"><!--
&lt;! 
document.write('&lt;a href="javascript:;" onclick="TwitThis.pop();"&gt;TwitThis&lt;/a&gt;');
// &gt;
// --></script><a onclick="TwitThis.pop();" href="javascript:;">TwitThis</a> <!-- /End --> | <img src="http://justcreativedesign.com/wp-content/themes/rhea/images/delicious.gif" alt="" width="16" height="16" /> <a rel="nofollow" href="http://del.icio.us/post?url=http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/&amp;title=The+Logo+Design+Process+of+TOP+Logo+Designers">Delicious</a> | <img src="http://justcreativedesign.com/wp-content/themes/rhea/images/designfloat.gif" alt="" width="16" height="16" /> <a rel="nofollow" href="http://www.designfloat.com/submit.php?url=http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/&amp;title=The+Logo+Design+Process+of+TOP+Logo+Designers">Float</a> | <img src="http://justcreativedesign.com/wp-content/themes/rhea/images/digg.gif" alt="" width="16" height="16" /> <a rel="nofollow" href="http://www.digg.com/submit?url=http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/&amp;title=The+Logo+Design+Process+of+TOP+Logo+Designers">Digg</a> | <img src="http://justcreativedesign.com/wp-content/themes/rhea/images/designbump.gif" alt="" width="16" height="16" /> <a rel="nofollow" href="http://designbump.com/node/add/drigg?url=http://justcreativedesign.com/2008/02/01/logo-design-process-of-top-graphic-designers/&amp;title=The+Logo+Design+Process+of+TOP+Logo+Designers">Bump</a></p>
<p><!-- Generated by Simple Tags 1.6.6 - http://wordpress.org/extend/plugins/simple-tags --><br />
<strong>Related Articles:</strong></p>
<ul class="st-related-posts">
<li><a title="Winner Of The Free Professional Logo Competition (Wednesday, June 4, 2008)" href="http://justcreativedesign.com/2008/06/04/winner-of-the-free-professional-logo-competition/">Winner Of The Free Professional Logo Competition</a> (17)</li>
<li><a title="Why logo design does not cost $5.00 (Thursday, May 22, 2008)" href="http://justcreativedesign.com/2008/05/22/why-logo-design-does-not-cost-5-dollars/">Why logo design does not cost $5.00</a> (190)</li>
<li><a title="What makes a good logo? (Monday, July 27, 2009)" href="http://justcreativedesign.com/2009/07/27/what-makes-a-good-logo/">What makes a good logo?</a> (39)</li>
<li><a title="The Ultimate List of The Best Logo Design Resources (Tuesday, December 2, 2008)" href="http://justcreativedesign.com/2008/12/02/logo-design-resources/">The Ultimate List of The Best Logo Design Resources</a> (126)</li>
</ul>
<img src="http://feeds.feedburner.com/~r/GeekyDerek/~4/u4j7T3Gq2dA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://derekzhang.com/blog/?feed=rss2&amp;p=189</wfw:commentRss>
		<feedburner:origLink>http://derekzhang.com/blog/?p=189</feedburner:origLink></item>
	</channel>
</rss>
