我们会从零开始告诉大家如何从一个空白的画布来一步步的制作出整个界面。

　　如果你想学习这个博客界面设计完成后接下来如何切片，请点击：PS把PSD网站模板切图为XHTML+CSS的网页

 
图1

　　这是我为Springy Developments的一个WordPress主题项目中的一个特别的设计，将来我想我们一起来看看如何将这个设计转化为编码的过程以及最后如何将他们制作成最终的产品。

　　牢记最初的概念设计稿，下面的教程将会一步一步来明确这个过程。想要一个好的设计，大量的试验和一些元素的重新安排是不可或缺的，因为这将让我们很好的理解为什么使用这些工具，为什么这样布局来设计这样一个产品。