<?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://www.taaini.com/tag/%e7%bd%91%e7%ab%99%e8%ae%be%e8%ae%a1/feed" rel="self" type="application/rss+xml" />
	<link>http://www.taaini.com</link>
	<description>what's gona be?</description>
	<lastBuildDate>Wed, 08 Feb 2012 14:04:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>他爱你博客改版了</title>
		<link>http://www.taaini.com/blog/update-taaini-blog.html</link>
		<comments>http://www.taaini.com/blog/update-taaini-blog.html#comments</comments>
		<pubDate>Mon, 02 Mar 2009 13:51:32 +0000</pubDate>
		<dc:creator>cccharisma</dc:creator>
				<category><![CDATA[博客建设]]></category>
		<category><![CDATA[博客运营]]></category>
		<category><![CDATA[网站设计]]></category>

		<guid isPermaLink="false">http://www.taaini.com/?p=492</guid>
		<description><![CDATA[他爱你博客改版了，其实这个想法又来已经，一直在研究worpdress主题的设计，研究主题的设计一是为了提高下自己写前端代码的能力，但在学习的过程中就爱上了WordPress，简直太强大了，多得... ]]></description>
			<content:encoded><![CDATA[<p>他爱你博客改版了，其实这个想法又来已经，一直在研究worpdress主题的设计，研究主题的设计一是为了提高下自己写前端代码的能力，但在学习的过程中就爱上了WordPress，简直太强大了，多得要命的插件可以无限的拓展你博客的功能，无数的主题设计中有一款你喜欢的，不过我要尝试建立自己的博客品牌，当然要来下独一无二的设计，所以一直在酝酿这个主题的设计，应该说是边学边做，终于发布了下，但还没经过很多浏览器的测试，先用起来呗，发现问题再改，先总结下这个主题设计<span id="more-492"></span>的经验。</p>
<p><strong>保持好的用户体验</strong></p>
<p>在做这个主题的设计中，我有个基本的原则或者说是理念，那就是尽量简单，把不必要的东西都去掉，而且做些针对我的博客个性化的布局设计，如内页的设计就是通栏排版，去掉侧边栏，因为我喜欢用大大的图放在博客上，所以侧边栏就成了累赘，干脆去掉，而且那些东西也不是特别必须，这倒成了我的博客特色。</p>
<p>在整体布局上，使用博客的一般布局，不采用怪异的布局方式，因为我的博客主要是想朝相对专业的方向发展，那么太求异的设计反而会让人觉得很怪，并且找不到他想要的东西，而且普通的布局能让人聚焦在内容上，而这正是我想要的。</p>
<p>在文字的排版上，我也没少花功夫，内页的排版设计上，就对文字字号统一为14px（随着现在分辨率的提高，阅读大段的文章是需要大点字了），行距和段落距都仔细的调整了几遍，以达到阅读最舒服的效果。文章的设计加入对无序列表ul和有序列表ol的定义，很多主题没定义这个，我当时用别的主题写些文章的时候，这可苦了我，我需要写出的文章给人结构清晰，思维缜密的感觉（当然现在离这点还差得远）。总之文字的排版设计上，可是很花了点功夫来达到最佳效果，我尽量让人阅读我的博客不那么累，不那么急，不那么压迫，不那么心烦意乱。</p>
<p><strong>vi视觉设计形成自己的视觉特色</strong></p>
<p>在颜色的选择上，我一向偏爱蓝色，这次就来个蓝色的设计，同时也准备沿袭这个蓝色作为自己的博客色了，也就是我的vi颜色了。这个蓝色我选用饱和度偏低的一个设计，其实灵感来源于eico的一个界面展示。我喜欢这种蓝色的配色感觉，配上颜色略深的蓝色，反差不会那么大，阅读起来很舒服，然后配上摄影图片的时候显得比较漂亮清晰，希望能在n多的博客中有一点自己的视觉特色，能让人一看到这个设计，就知道是他爱你博客。</p>
<p><strong>尽量保持简单的代码</strong></p>
<p>昨天看了个文章，讲google为什么喜欢用如此素朴的设计甚至是有点简陋的设计，其实是成本低，不需要那么多的图片，那么漂亮的视觉，而只关注好用户体验，关注易用性和保持简单，让用户一看就会用，这少了很多的图片，也减少了用户的下载，提高了页面打开速度。而且简单的代码能方便自己维护，很多设计是好看，但会造成代码太过复杂，不方便后面的维护，尽量简单，做完后能做到对整站一切都在掌握的感觉，说改动那个地方马上能找到相应的地方改动，这样就能大大降低维护的成本。有时候，牺牲一点点“好看”，却换取产品维护成本的大大降低，这是很值得的。</p>
<p>这个主题的设计还有一些没有完成，还在修改中。总之，简单点，再简单点，让所有阅读我的博客的人都有个愉悦的感觉。</p>
<p>最后附上xhtml的结构图，方便以后小修小改：<br />
index页<br />
<img class="alignnone size-full wp-image-495" title="1" src="http://www.taaini.com/wp-content/uploads/2009/03/1.gif" alt="1" width="800" height="600" /><br />
singel页：<br />
<img class="alignnone size-full wp-image-497" title="2" src="http://www.taaini.com/wp-content/uploads/2009/03/2.gif" alt="2" width="800" height="600" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.taaini.com/blog/update-taaini-blog.html/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

