<?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>Moming25&#039;s Labs &#187; Design</title>
	<atom:link href="http://www.webplot.cn/category/design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webplot.cn</link>
	<description>momong25的互联网实验室，电子商务，Web开发......</description>
	<lastBuildDate>Thu, 28 Apr 2011 02:30:34 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Top 15 Resources to download hign quality free fonts</title>
		<link>http://www.webplot.cn/top-15-resources-to-download-hign-quality-free-fonts.htm</link>
		<comments>http://www.webplot.cn/top-15-resources-to-download-hign-quality-free-fonts.htm#comments</comments>
		<pubDate>Sat, 22 May 2010 17:01:42 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Free fonts]]></category>
		<category><![CDATA[免费字体]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/?p=148</guid>
		<description><![CDATA[http://www.DaFont.com/ http://www.FontCubes.com/ http://www.UrbanFonts.com/ http://www.AbstractFonts.com/ http://www.FFonts.net/ http://www.FontStock.net/ http://www.FontSpace.com/ http://www.SearchFreeFonts.com/ http://www.HighFonts.com/ http://www.1001Fonts.com/ http://www.1001FreeFonts.com/ http://www.Fonts2U.com/ http://www.Fonts500.com/ http://www.FontPool.com/ http://www.SimplyTheBest.net/ 15个高质量的免费字体下载网站，最近PS用得不少，收藏一下。]]></description>
			<content:encoded><![CDATA[<ol>
<li><a title="Free fonts 免费字体 DaFont" href="http://www.DaFont.com/" target="_blank">http://www.DaFont.com/</a></li>
<li><a title="Free fonts 免费字体 FontCubes" href="http://www.FontCubes.com/" target="_blank">http://www.FontCubes.com/</a></li>
<li><a title="Free fonts 免费字体 UrbanFonts" href="http://www.UrbanFonts.com/" target="_blank">http://www.UrbanFonts.com/</a></li>
<li><a title="Free fonts 免费字体 AbstractFonts" href="http://www.AbstractFonts.com/" target="_blank">http://www.AbstractFonts.com/</a></li>
<li><a title="Free fonts 免费字体 FFonts" href="http://www.FFonts.net/" target="_blank">http://www.FFonts.net/</a></li>
<li><a title="Free fonts 免费字体 FontStock" href="http://www.FontStock.net/" target="_blank">http://www.FontStock.net/</a></li>
<li><a title="Free fonts 免费字体 FontSpace" href="http://www.FontSpace.com/" target="_blank">http://www.FontSpace.com/</a></li>
<li><a title="Free fonts 免费字体 SearchFreeFonts" href="http://www.SearchFreeFonts.com/" target="_blank">http://www.SearchFreeFonts.com/</a></li>
<li><a title="Free fonts 免费字体 HighFonts" href="http://www.HighFonts.com/" target="_blank">http://www.HighFonts.com/</a></li>
<li><a title="Free fonts 免费字体 1001Fonts" href="http://www.1001Fonts.com/" target="_blank">http://www.1001Fonts.com/</a></li>
<li><a title="Free fonts 免费字体 1001FreeFonts" href="http://www.1001FreeFonts.com/" target="_blank">http://www.1001FreeFonts.com/</a></li>
<li><a title="Free fonts 免费字体 Fonts2U" href="http://www.Fonts2U.com/" target="_blank">http://www.Fonts2U.com/</a></li>
<li><a title="Free fonts 免费字体 Fonts500" href="http://www.Fonts500.com/" target="_blank">http://www.Fonts500.com/</a></li>
<li><a title="Free fonts 免费字体 FontPool" href="http://www.FontPool.com/" target="_blank">http://www.FontPool.com/</a></li>
<li><a title="Free fonts 免费字体 SimplyTheBest" href="http://www.SimplyTheBest.net/" target="_blank">http://www.SimplyTheBest.net/</a></li>
</ol>
<p>15个高质量的免费字体下载网站，最近PS用得不少，收藏一下。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/top-15-resources-to-download-hign-quality-free-fonts.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ECShop主题NAWO1.0 for 99Tao</title>
		<link>http://www.webplot.cn/ecshop-theme-nawo1-0-for-99tao.htm</link>
		<comments>http://www.webplot.cn/ecshop-theme-nawo1-0-for-99tao.htm#comments</comments>
		<pubDate>Fri, 27 Nov 2009 07:51:53 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[ECShop]]></category>
		<category><![CDATA[NAWO，99Tao]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/?p=99</guid>
		<description><![CDATA[99tao.png by moming25 on Aviary 花了一点时间完善了之前为NAWO做的第一版主题，算是nawo1.0吧，用到了99Tao。 这个主题是刚接触EC的时候做的,老实说，回头改的时候，几乎等于是重新做了，所有代码都要重构，问题也非常多，原先的设计宽度是860px，改成了960px,毕竟现在的大屏幕越来越多了。 主题还有待进一步完善。]]></description>
			<content:encoded><![CDATA[<p><a href="http://aviary.com/apps/flash/aviary/index.aspx?tid=1&amp;Phoenix&amp;fguid=dd7e5b94-2c78-102d-80b9-0030488e168c"><img src="http://rookery5.aviary.com/storagev12/2558500/2558672_7f1c_625x625.jpg" alt=",,,,99tao.png by moming25 on Aviary" /></a><a href="http://aviary.com/apps/flash/aviary/index.aspx?tid=1&amp;Phoenix&amp;fguid=dd7e5b94-2c78-102d-80b9-0030488e168c">99tao.png</a> by <a href="http://aviary.com/artists/moming25">moming25</a> on <a href="http://aviary.com">Aviary</a></p>
<p>花了一点时间完善了之前为<a href="http://www.nawo.com">NAWO</a>做的第一版主题，算是nawo1.0吧，用到了<a href="http://www.99tao.com">99Tao</a>。</p>
<p>这个主题是刚接触EC的时候做的,老实说，回头改的时候，几乎等于是重新做了，所有代码都要重构，问题也非常多，原先的设计宽度是860px，改成了960px,毕竟现在的大屏幕越来越多了。</p>
<p>主题还有待进一步完善。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/ecshop-theme-nawo1-0-for-99tao.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>display:inline-block</title>
		<link>http://www.webplot.cn/display-inline-block.htm</link>
		<comments>http://www.webplot.cn/display-inline-block.htm#comments</comments>
		<pubDate>Mon, 19 Oct 2009 07:39:33 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/?p=79</guid>
		<description><![CDATA[在做ECShop主题的过程中，碰到不少问题，大部分问题都是出现在各种不同浏览器的差异性！其中最怪异的要算是display:inline-block; 我想要的效果是这样的： 相同简单的一个效果，因为之前使用display:inline-block一直没有出现什么奇怪的效果，所以我在这里也使用这个语句（其实这种 等高的情况并不需要，最开始是自适应高度的，所以用上了），不过后来发现在IE6下出现了一个相当奇怪的问题，右边产品列表的div比正常情况多出了一个空白边，我这里是15px,以至于整个div就掉到下面去了。 因为对display:inline-block的属性没有足够了解，我只能重写这部分的CSS，最后发现是这个属性的问题。 刚刚搜索了一下相关的资料，才知道，IE8以下，firefox3以下都是不支持这个属性的，具体的解决办法我就不写太多了，列一些参考文章，做下笔记。 display:inline-block的深入理解 display:inline-block的应用两例 模拟兼容性的 inline-block 属性 跨浏览器的inline-block]]></description>
			<content:encoded><![CDATA[<p>在做ECShop主题的过程中，碰到不少问题，大部分问题都是出现在各种不同浏览器的差异性！其中最怪异的要算是display:inline-block;</p>
<p>我想要的效果是这样的：<br />
<img src="http://rookery4.aviary.com/storagev12/2290000/2290347_2c7e_625x625.jpg" alt="display:inline-block" width="562" height="416" /></p>
<p>相同简单的一个效果，因为之前使用display:inline-block一直没有出现什么奇怪的效果，所以我在这里也使用这个语句（其实这种 等高的情况并不需要，最开始是自适应高度的，所以用上了），不过后来发现在IE6下出现了一个相当奇怪的问题，右边产品列表的div比正常情况多出了一个空白边，我这里是15px,以至于整个div就掉到下面去了。</p>
<p>因为对display:inline-block的属性没有足够了解，我只能重写这部分的CSS，最后发现是这个属性的问题。</p>
<p>刚刚搜索了一下相关的资料，才知道，IE8以下，firefox3以下都是不支持这个属性的，具体的解决办法我就不写太多了，列一些参考文章，做下笔记。</p>
<p><a href="http://www.planabc.net/2007/03/11/display_inline-block/">display:inline-block的深入理解</a><br />
<a href="http://dancewithnet.com/2008/04/05/examples-of-display-inline-block/">display:inline-block的应用两例</a><br />
<a href="http://www.planabc.net/2008/04/08/cross_browser_support_for_inline-block_styling/">模拟兼容性的 inline-block 属性</a><br />
<a href="http://www.blueidea.com/tech/web/2009/6497.asp">跨浏览器的inline-block</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/display-inline-block.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ECShop主题完成</title>
		<link>http://www.webplot.cn/ecshop%e4%b8%bb%e9%a2%98%e5%ae%8c%e6%88%90.htm</link>
		<comments>http://www.webplot.cn/ecshop%e4%b8%bb%e9%a2%98%e5%ae%8c%e6%88%90.htm#comments</comments>
		<pubDate>Tue, 06 Oct 2009 15:51:32 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[ECShop]]></category>
		<category><![CDATA[nawo]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/?p=75</guid>
		<description><![CDATA[历经三个版本的更改，终于把最后的主题确定下来，并且花了不少的时间去完成。 虽然不能算是非常熟练，但是现在要为ECShop制作主题，还是可以的，当然，距离高手们还有一段距离，需要的时间也比较长。 nawo.com&#8212;那沃，所使用的主题将是我制作的首个ECShop成品主题。]]></description>
			<content:encoded><![CDATA[<p>历经三个版本的更改，终于把最后的主题确定下来，并且花了不少的时间去完成。</p>
<p>虽然不能算是非常熟练，但是现在要为ECShop制作主题，还是可以的，当然，距离高手们还有一段距离，需要的时间也比较长。</p>
<p><a href="http://www.nawo.com">nawo.com&#8212;那沃</a>，所使用的主题将是我制作的首个ECShop成品主题。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/ecshop%e4%b8%bb%e9%a2%98%e5%ae%8c%e6%88%90.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI</title>
		<link>http://www.webplot.cn/ui.htm</link>
		<comments>http://www.webplot.cn/ui.htm#comments</comments>
		<pubDate>Tue, 24 Feb 2009 22:51:26 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/?p=45</guid>
		<description><![CDATA[用了差不多四个月的时间，手上项目终于开始收尾了，测试版本已经发给他们了，话说问题还是比较多的，估计下来一段时间都要不断解决出现的问题！ 两个都是开发的新手，一上来就直接自己做项目，确实有点冒险，不过没有办法，不先做点实在的，估计也没有公司肯收我们啥都不大懂的人来做开发。 回到题目上来，其实上个星期就已经将整个软件的功能实现得差不多了，不过拿到客户那边一看，最大意见的就是界面，所以又花了一个时间来重新构建界面，当然，架构方面也得作出一定的修改的。 事实上为了适应现在已经成为主流的宽屏，无论是WEB或者软件，在UI设计方面都有一些比较常用的做法了，而用得最多的就是中间固定宽度摆放内容，用图片或者是渐变色来做背景。这样做的好处自然是内容显示部分相对固定，可以适应1024以上的所有分辨率（800*600就算了吧，至少我是不考虑了）。 960px据说是一个黄金比较的宽度,目前有很多网站都采用接近这个像素值的宽度来显示内容，这方面的研究也比较多，网上可以找到很多相关的内容，感兴趣的朋友可以找来看一下。而我的疑惑就在于UI设计到底要不要做得非常炫，在同样的布局下，界面的元素影响也是非常大，而在这一块上我个人倾向于简洁，越是简单有味的设计，个人觉得越能体现功力。 而问题的关键是，客户的想法跟我是截然相反的，所以下来我得学习一下如何构建一个相对中庸的UI！]]></description>
			<content:encoded><![CDATA[<p>用了差不多四个月的时间，手上项目终于开始收尾了，测试版本已经发给他们了，话说问题还是比较多的，估计下来一段时间都要不断解决出现的问题！</p>
<p>两个都是开发的新手，一上来就直接自己做项目，确实有点冒险，不过没有办法，不先做点实在的，估计也没有公司肯收我们啥都不大懂的人来做开发。</p>
<p>回到题目上来，其实上个星期就已经将整个软件的功能实现得差不多了，不过拿到客户那边一看，最大意见的就是界面，所以又花了一个时间来重新构建界面，当然，架构方面也得作出一定的修改的。</p>
<p>事实上为了适应现在已经成为主流的宽屏，无论是WEB或者软件，在UI设计方面都有一些比较常用的做法了，而用得最多的就是中间固定宽度摆放内容，用图片或者是渐变色来做背景。这样做的好处自然是内容显示部分相对固定，可以适应1024以上的所有分辨率（800*600就算了吧，至少我是不考虑了）。</p>
<p>960px据说是一个黄金比较的宽度,目前有很多网站都采用接近这个像素值的宽度来显示内容，这方面的研究也比较多，网上可以找到很多相关的内容，感兴趣的朋友可以找来看一下。而我的疑惑就在于UI设计到底要不要做得非常炫，在同样的布局下，界面的元素影响也是非常大，而在这一块上我个人倾向于简洁，越是简单有味的设计，个人觉得越能体现功力。</p>
<p>而问题的关键是，客户的想法跟我是截然相反的，所以下来我得学习一下如何构建一个相对中庸的UI！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/ui.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>捣弄了个首页</title>
		<link>http://www.webplot.cn/new-homepage.htm</link>
		<comments>http://www.webplot.cn/new-homepage.htm#comments</comments>
		<pubDate>Mon, 03 Nov 2008 20:30:00 +0000</pubDate>
		<dc:creator>moming25</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[首页]]></category>

		<guid isPermaLink="false">http://www.webplot.cn/labs/?p=3</guid>
		<description><![CDATA[发现自己的网站越做越多，而且还有增加的趋势，所以觉得有必要弄个页面将他们放到一起。 好久没做过网页了，做起来相当的费力，虽然只是一个非常简单的页面，但是还是花了不少的时间，最后在火狐和Safari下看起来算是有点预期的效果了。IE依旧比较麻烦，没有太大的心思去调试了，先用着再说吧，后面学到新的东西，再往上加。话说最近也在看JS的东西。 效果大致图放一下：]]></description>
			<content:encoded><![CDATA[<p>发现自己的网站越做越多，而且还有增加的趋势，所以觉得有必要弄个页面将他们放到一起。</p>
<p>好久没做过网页了，做起来相当的费力，虽然只是一个非常简单的页面，但是还是花了不少的时间，最后在火狐和Safari下看起来算是有点预期的效果了。IE依旧比较麻烦，没有太大的心思去调试了，先用着再说吧，后面学到新的东西，再往上加。话说最近也在看JS的东西。</p>
<p>效果大致图放一下：</p>
<p><img src="http://www.webplot.cn/labs/wp-content/uploads/2008/11/screenhot.jpg" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webplot.cn/new-homepage.htm/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

