Pingmoo的设计进度一直在缓慢进行中。上周的某一天，一鼓作气地终于做好了logo的设计，基本确定了初版的Logo，设计的进程如上图。PingMoo和“屏幕”谐音，网站的logo希望也能和屏幕搭上关系。而成天盯着屏幕的“屏幕人”们，疲劳的“眼睛”是逃不掉的，所以希望Logo中能有屏幕和眼睛两个元素。生活中的屏幕都是方方正正的，作为Logo会有点死板。PingMoo未来想要做的，就是去掉这种死板，让屏幕人的生活多一份轻松，多一份自在。于是Logo经过种种变形，最终形成了如上图中左下角的样子。四条线勾勒出屏幕的外形，也构成了脑袋的形状；不规则的四条边象征着一种活力，一种思维的发散；底部的一条边是不是像一个轻松扬起的嘴巴，呆着一份自信的微笑；大大的眼睛或者说是眼镜，透出强烈的好奇心。大概就是这样的一种思路，轻松、自在、活力。不管做什么，保持着这样积极的状态，做什么都不难了吧。
2010年3月16日完成了PingMoo博客主题的制作与上传。这一版的设计在一周前就已经完成，后来一直处在html+css的状态。这一次在设计阶段，真正认认真真地用PS做图，把大部分的细节都精确地定位到了像素级。
从html静态页面的制作再到WordPress主题的代码的制作过程有不少细节容易被遗忘，尤其是评论模块，以往因为在静态页面制作的时候忽视了评论模块的设计，等到做WordPress主题的时候匆匆忙忙简单修改，这一块就变得不那么完整。
WordPress的主题制作基本有以下几个阶段：
1、纸上原型
先在纸上画出网站的大体布局，需要的主要导航，模块。这一步可能会画得很潦草，但可以帮助你找到网站最主要的几个东西，比如主导航的内容。在纸上涂鸦的时候一般不会受到技术和视觉等其他样式的干扰，你所能想到的，可能就是网站比较主要的一些东西，不重要的内容在页面设计时可以放在次要的位置。
2、平面设计
可能要考虑的元素就是尺寸、色彩、布局。在网页设计上我还是个新手，目前还是凭着感觉来。PingMoo{平木}这个网站旨在为屏幕人创造一个互通的平台，帮助他们放松身心，增进线下的交流与互动。因此推崇自然。所以在网站的主色选择了绿色，同时logo和一些装饰图案也用了手绘，希望还原自然，营造亲切的沟通氛围。
Photoshop里的设计稿截图~~好多好多参考线~不过只要Ctrl+H就能快速隐藏/显示。
3、静态页面制作（XHTML+CSS）
以前做WordPress主题的时候在静态页面制作这一步没有放上太多的标签，这一次把主要会用到的都在XHTML里写上了，包括<H1>-<H6><blockquote>等等，尤其还有评论的部分~所以这次的comments.php文件是完全重新套过的，也熟悉了comments.php文件的结构。
4、制作WordPress主题文件
我的google reader里订阅了很多国外的设计插画类博客，他们经常会收集并推介漂亮的网页设计作品，其中不乏基于WordPress制作的网站。他们不仅“漂亮”，而且“惊艳”。以至于我常常感叹，为什么外国人设计出那些令人惊叹的作品好像轻而易举，而在国内，按人口比例来看，惊艳的作品少之又少。
“你们的想象力早就被扼杀在摇篮中了。”
“你们的动手能力早就被扼杀在摇篮中了。”
“你不行。”
“你又没学过，你怎么可能会。”
一次次的自我否定让可能也变成了不可能。
回到WordPress的主题设计，我也很希望自己能设计出惊艳的界面，但常常会被coding束缚住了大脑。“如果这里只显示一个分类的文章，可能吗。我不知道该怎么调用啊，算了吧，还是保守一点，清晰就行。”从设计到WP主题的制作，常常会因为被这样的思路挡住了去路。你现在看到的这个主题也一样，所以，总是觉得自己还有很多东西要学，如果我了解javascript,我就可以做出更多的互动效果了；如果我会php，所有的php模版都难不倒我了吧；如果我会Actionscript，是不是就能做一个漂亮的widget放在任何地方了；如果我会……
“你现在所能做的，就是踏踏实实用好现在所会用的。”
到头来，我回归了保守，用仅会的一点点知识，做出了这个WordPress主题。还有很多部分需要迭代优化修改，比如x-icon，搜索框，侧边栏个性化模块等等。
最后，回到最重要的：内容。
“内容才是王道。”
所以接下来，好好地做内容吧，PingMoo！