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

<channel>
	<title>潔靜精微 &#187; 设计</title>
	<atom:link href="http://julabs.me/blog/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://julabs.me/blog</link>
	<description>想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。</description>
	<lastBuildDate>Wed, 18 Jan 2012 06:34:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>设计专业的Web 2.0风格页面</title>
		<link>http://julabs.me/blog/design/create-professional-web-2-0-layout/</link>
		<comments>http://julabs.me/blog/design/create-professional-web-2-0-layout/#comments</comments>
		<pubDate>Sun, 12 Dec 2010 06:02:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[2.0]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=334</guid>
		<description><![CDATA[来自Tutsplus的《Create a Professional Web 2.0 Layout》。 这篇Photoshop教程将详细地教授怎样设计一个Web 2.0风格的页面，涉及到很多Photoshop技术。因为讲解极为详细，所以教程文章看起来非常地长，但你会发现按照教程上的步骤去做很容易就能设计出一个精美的页面。]]></description>
			<content:encoded><![CDATA[<p>来自<a href="http://tutsplus.com/" target="_blank">Tutsplus</a>的<a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/" target="_blank">《Create a Professional Web 2.0 Layout》</a>。</p>
<p>这篇Photoshop教程将详细地教授怎样设计一个Web 2.0风格的页面，涉及到很多Photoshop技术。因为讲解极为详细，所以教程文章看起来非常地长，但你会发现按照教程上的步骤去做很容易就能设计出一个精美的页面。</p>
<p class="img"><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/" target="_blank"><img src="/blog/img/10/web-2-0-layout.jpg" alt="Create a Professional Web 2.0 Layout" width="500" height="1059" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/create-professional-web-2-0-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>极其强大的Fugue Icons图标集</title>
		<link>http://julabs.me/blog/design/fugue-icons/</link>
		<comments>http://julabs.me/blog/design/fugue-icons/#comments</comments>
		<pubDate>Sat, 11 Dec 2010 05:17:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=331</guid>
		<description><![CDATA[Fugue Icons 3.0图标不仅制作精良，而且还提供PSD源文件下载，对于学习Icon制做非常有帮助，当你打开源文件后你就会知道这套图标的精细程度。这套图标到目前为止已经发出了3000多个图标，不过看样子作者还打算继续添加，无论是对于网页使用还是软件使用，这套图标都已经绰绰有余。Fugue Icons 3.0基于Creative Commons Attribution 3.0 license协议，只要在你使用的场合中提到一下图标的源出处，就可以免费使用了。 感谢上山根祐輔（Yusuke Kamiyamane）给我们提供这么优质的图标集。]]></description>
			<content:encoded><![CDATA[<p class="img"><a href="http://p.yusukekamiyamane.com/" target="_blank"><img src="/blog/img/10/fugue-icons.png" alt="Fugue Icons 3.0" width="500" height="232" /></a></p>
<p><a href="http://p.yusukekamiyamane.com/" target="_blank">Fugue Icons 3.0</a>图标不仅制作精良，而且还提供<abbr title="Adobe PhotoShop Document">PSD</abbr>源文件下载，对于学习Icon制做非常有帮助，当你打开源文件后你就会知道这套图标的精细程度。<a href="http://p.yusukekamiyamane.com/" target="_blank">这套图标</a>到目前为止已经发出了3000多个图标，不过看样子作者还打算继续添加，无论是对于网页使用还是软件使用，这套图标都已经绰绰有余。<a href="http://p.yusukekamiyamane.com/" target="_blank">Fugue Icons 3.0</a>基于<a rel="license" class="button" href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons Attribution 3.0 license</a>协议，只要在你使用的场合中提到一下图标的源出处，就可以免费使用了。</p>
<p>感谢<a href="http://yusukekamiyamane.com/" target="_blank">上山根祐輔（Yusuke Kamiyamane）</a>给我们提供这么优质的图标集。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/fugue-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>pc.de的10套精美Icon</title>
		<link>http://julabs.me/blog/design/pc-de-icon/</link>
		<comments>http://julabs.me/blog/design/pc-de-icon/#comments</comments>
		<pubDate>Wed, 24 Nov 2010 16:23:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=297</guid>
		<description><![CDATA[pc.de发出了10套共1000个Icon，这些Icon是基于Creative Commons Attribution 3.0 License协议，对于个人和商业可以免费使用。这10套Icon数量多，但是不失精美，十分适合用于网站。可以到这里下载。]]></description>
			<content:encoded><![CDATA[<p><a href="http://pc.de/" target="_blank">pc.de</a>发出了10套共1000个Icon，这些Icon是基于<a href="http://creativecommons.org/licenses/by/3.0/" target="_blank">Creative Commons Attribution 3.0 License</a>协议，对于个人和商业可以免费使用。这10套Icon数量多，但是不失精美，十分适合用于网站。可以到<a href="http://pc.de/icons/" target="_blank">这里</a>下载。</p>
<p class="img">
<a href="http://pc.de/icons/wp-content/uploads/2010/08/pc.de-frankfurt-32.png.png" target="_blank"><img width="600" height="410" src="/blog/img/10/pc-de-frankfurt.png" alt="pc.de frankfurt" /></a></p>
<p><span id="more-297"></span></p>
<p class="img">
<a href="http://pc.de/icons/wp-content/uploads/2010/08/pc.de-stuttgart-32.png.png" target="_blank"><img alt="pc.de stuttgart" src="/blog/img/10/pc-de-stuttgart.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/08/pc.de-dusseldorf-32.png.png" target="_blank"><img alt="pc.de dusseldorf" src="/blog/img/10/pc-de-dusseldorf.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/08/pc.de-essen-32.png" target="_blank"><img alt="pc.de essen" src="/blog/img/10/pc-de-essen.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/08/preview-bremen-32x32.png" target="_blank"><img alt="pc.de bremen" src="/blog/img/10/pc-de-bremen.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/05/preview-dortmund-32x32.png" target="_blank"><img alt="pc.de dortmund" src="/blog/img/10/pc-de-dortmund.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/04/pc.de-munich-32.png" target="_blank"><img alt="pc.de munich" src="/blog/img/10/pc-de-munich.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/04/pc.de-cologne-32.png" target="_blank"><img alt="pc.de cologne" src="/blog/img/10/pc-de-cologne.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/04/pc.de-hamburg-32.png" target="_blank"><img alt="pc.de hamburg" src="/blog/img/10/pc-de-hamburg.png" width="600" height="410" /></a><br />
<a href="http://pc.de/icons/wp-content/uploads/2010/04/pc.de-berlin-32.png" target="_blank"><img alt="pc.de berlin" src="/blog/img/10/pc-de-berlin.png" width="600" height="410" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/pc-de-icon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>gentleface的免费Icon</title>
		<link>http://julabs.me/blog/design/gentleface-free-icon/</link>
		<comments>http://julabs.me/blog/design/gentleface-free-icon/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 15:11:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=295</guid>
		<description><![CDATA[下面是gentleface设计的Icon，可以免费用于非商业使用，喜欢的可以在这里下载。这一款Icon设计地非常简洁，但却十分精致，有黑白两套，这里只列出了白色系列的。]]></description>
			<content:encoded><![CDATA[<p>下面是<a href="http://www.gentleface.com/" target="_blank">gentleface</a>设计的Icon，可以免费用于非商业使用，喜欢的可以在<a href="http://www.gentleface.com/free_icon_set.html" target="_blank">这里</a>下载。这一款Icon设计地非常简洁，但却十分精致，有黑白两套，这里只列出了白色系列的。</p>
<p class="img">
<a href="http://www.gentleface.com/free_icon_set.html" target="_blank"><img width="500" height="400" src="/blog/img/10/gentleface-icon.png" alt="gentleface free icon" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/gentleface-free-icon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>相当有爱的icon和字体</title>
		<link>http://julabs.me/blog/design/lovly-icon-font/</link>
		<comments>http://julabs.me/blog/design/lovly-icon-font/#comments</comments>
		<pubDate>Thu, 18 Nov 2010 17:29:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[icon]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=292</guid>
		<description><![CDATA[没有想到这些可爱的Icon是用字体做的，非常喜欢这些简洁可爱风格型的，不过做这些Icon的字体都是要收费的。Icon可以到这里下载大图，相应的字体可以点击这里寻找。]]></description>
			<content:encoded><![CDATA[<p>没有想到这些可爱的Icon是用字体做的，非常喜欢这些简洁可爱风格型的，不过做这些Icon的字体都是要收费的。Icon可以到<a href="http://www.behance.net/urtd/frame/742667" target="_blank">这里</a>下载大图，相应的字体可以<a href="http://new.myfonts.com/search/urtd/fonts/" target="_blank">点击这里</a>寻找。</p>
<p class="img">
<img width="500" height="250" src="/blog/img/10/lovely-icon-01.png" alt="monochrome ico" /><br />
<img width="500" height="250" src="/blog/img/10/lovely-icon-02.png" alt="monochrome ico" /><br />
<img width="500" height="250" src="/blog/img/10/lovely-icon-03.png" alt="monochrome ico" /></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/lovly-icon-font/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>开源的社会媒体图标</title>
		<link>http://julabs.me/blog/design/open-source-social-media-icons/</link>
		<comments>http://julabs.me/blog/design/open-source-social-media-icons/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 15:33:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[open]]></category>
		<category><![CDATA[source]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=214</guid>
		<description><![CDATA[Nick La在IconDock上发布了一些开源的社会媒体图标，可以免费用于非商业项目。毕竟是出自大师之手，图标简洁而且非常精致。下载的文件中还有包含有Illustrator的源文件，也是研究学习的好素材。]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.ndesign-studio.com/" target="_blank">Nick La</a>在<a href="http://icondock.com/" target="_blank">IconDock</a>上发布了一些开源的<a href="http://icondock.com/free/vector-social-media-icons" target="_blank">社会媒体图标</a>，可以免费用于非商业项目。毕竟是出自大师之手，图标简洁而且非常精致。下载的文件中还有包含有<a href="http://www.adobe.com/products/illustrator/" target="_blank">Illustrator</a>的源文件，也是研究学习的好素材。</p>
<p class="img"><a href="http://icondock.com/free/vector-social-media-icons" target="_blank"><img width="465" height="321" src="/blog/img/10/social-media-icons.png" alt="Nick La social media icons" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/open-source-social-media-icons/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>绿叶甲壳虫——治愈系艺术字设计</title>
		<link>http://julabs.me/blog/design/friendly-green-type-treatment/</link>
		<comments>http://julabs.me/blog/design/friendly-green-type-treatment/#comments</comments>
		<pubDate>Tue, 01 Jun 2010 14:19:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[字]]></category>
		<category><![CDATA[插画]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=210</guid>
		<description><![CDATA[Tutsplus里面有很多精品教程，今天介绍的教程是关于字体设计的，可爱的绿叶加上可爱的甲壳虫，让人看了爱不释鼠。]]></description>
			<content:encoded><![CDATA[<p class="img"><a target="_blank" href="http://vector.tutsplus.com/tutorials/text-effects/creating-an-environmentally-friendly-green-type-treatment/"><img width="500" height="387" alt="绿叶甲壳虫 绿叶甲虫——治愈系艺术字设计" src="/blog/img/10/green_final.jpg" /></a></p>
<p><a href="http://www.tutsplus.com/" target="_blank">Tutsplus</a>里面有很多精品教程，今天介绍的教程是关于字体设计的，可爱的绿叶加上可爱的甲壳虫，让人看了爱不释鼠。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/friendly-green-type-treatment/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>我喜欢的几个插画艺术家</title>
		<link>http://julabs.me/blog/design/some-illustrator-01/</link>
		<comments>http://julabs.me/blog/design/some-illustrator-01/#comments</comments>
		<pubDate>Sat, 08 May 2010 15:13:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[插画]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=197</guid>
		<description><![CDATA[喜欢在网上看些插画，逐渐找到了些自己喜爱的风格，现在收集整理一些放在这里。 zutto 俄罗斯插画家，角色设计师。官方网站：http://www.zuttoworld.com/ Jelle Gijsberts 荷兰插画家、设计师，动画师。官方网站：http://www.jellepelle.nl/ Chris Leavens 美国艺术家。官方网站：http://www.chrisleavens.com/]]></description>
			<content:encoded><![CDATA[<p>喜欢在网上看些插画，逐渐找到了些自己喜爱的风格，现在收集整理一些放在这里。</p>
<h4>zutto</h4>
<p>俄罗斯插画家，角色设计师。官方网站：<a href="http://www.zuttoworld.com/" target="_blank">http://www.zuttoworld.com/</a></p>
<p class="img"><a href="http://www.zuttoworld.com/" target="_blank"><img src="/blog/img/10/illustration-zutto-01.jpg" alt="zutto illustration" width="500" height="333" /></a><a href="http://www.zuttoworld.com/" target="_blank"><img src="/blog/img/10/illustration-zutto-02.jpg" alt="zutto illustration" width="500" height="357" /></a></p>
<h4>Jelle Gijsberts</h4>
<p>荷兰插画家、设计师，动画师。官方网站：<a href="http://www.jellepelle.nl/" target="_blank">http://www.jellepelle.nl/</a></p>
<p class="img"><a href="http://www.jellepelle.nl/" target="_blank"><img src="/blog/img/10/illustration-jellepelle.jpg" alt="Jelle Gijsberts illustration" width="500" height="444" /></a></p>
<h4>Chris Leavens</h4>
<p>美国艺术家。官方网站：<a href="http://www.chrisleavens.com/" target="_blank">http://www.chrisleavens.com/</a></p>
<p class="img"><a href="http://www.chrisleavens.com/" target="_blank"><img src="/blog/img/10/illustration-chrisleavens.jpg" alt="Chris Leavens illustration" width="468" height="308" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/some-illustrator-01/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>数据之美</title>
		<link>http://julabs.me/blog/design/beauty-of-data/</link>
		<comments>http://julabs.me/blog/design/beauty-of-data/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 08:19:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[data]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=180</guid>
		<description><![CDATA[在以前一看到数据两字就头大，觉得很枯燥无味，但看了国外的一些数据图，大吃一惊，真有惊艳之感,不知道什么时候我才能够做出这样美妙绝伦的作品出来。]]></description>
			<content:encoded><![CDATA[<p>在以前一看到数据两字就头大，觉得很枯燥无味，但看了国外的一些数据图，大吃一惊，真有惊艳之感,不知道什么时候我才能够做出这样美妙绝伦的作品出来。</p>
<p class="img"><a href="http://www.webdesignerdepot.com/2009/06/50-great-examples-of-data-visualization/" target="_blank"><img width="500" height="380" alt="数据之美" src="/blog/img/10/beautyofdata.jpg" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/beauty-of-data/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>精细的播放器界面设计</title>
		<link>http://julabs.me/blog/design/audio-player-interface-photoshop/</link>
		<comments>http://julabs.me/blog/design/audio-player-interface-photoshop/#comments</comments>
		<pubDate>Tue, 19 Jan 2010 15:05:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[设计]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[player]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=162</guid>
		<description><![CDATA[在tutorial9上看到了一篇教程《How To Create a Sleek Audio Player Interface in Photoshop》，界面设计地极奇精美细致。在这里做个记号，以便以后慢慢看。从这个设计过程看来无论做什么都要让心静下来，不能急燥，做事要心静。 突然想到了《大学》里的几句话： 大学之道，在明明德，在亲民，在止于至善。知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。]]></description>
			<content:encoded><![CDATA[<p>在<a target="_blank" href="http://www.tutorial9.net/">tutorial9</a>上看到了一篇教程<a target="_blank" href="http://www.tutorial9.net/photoshop/how-to-create-a-sleek-audio-player-interface-in-photoshop/">《How To Create a Sleek Audio Player Interface in Photoshop》</a>，界面设计地极奇精美细致。在这里做个记号，以便以后慢慢看。从这个设计过程看来无论做什么都要让心静下来，不能急燥，做事要心静。</p>
<p class="img"><a target="_blank" href="http://www.tutorial9.net/photoshop/how-to-create-a-sleek-audio-player-interface-in-photoshop/"><img height="338" width="500" src="/blog/img/10/playerUI.jpg" alt="How To Create a Sleek Audio Player Interface in Photoshop"/></a></p>
<h4>突然想到了《大学》里的几句话：</h4>
<blockquote><p>大学之道，在明明德，在亲民，在止于至善。知止而后有定，定而后能静，静而后能安，安而后能虑，虑而后能得。</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/design/audio-player-interface-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

