震中设计实践

转自：[url]http://www.zongetech.com/2010/11/epicenter-design.html[/url]

震中设计，是一种设计思想，或者是一种设计方法。震中设计并不是我们提出来的，最早是从37signals的《Getting Real》一书中得知。

地震，总是会有一个震中，然后地震波围绕着震中慢慢的扩散开来...

把这种思想运用到设计中，先从最重要的着手，再看还需要什么？什么是必须的？如果有就放上去，如果没有，那这个设计就完成了。运用这种方法，不知不觉中，你的设计就会变得异常的清晰、简洁。


一开始设计[url=http://www.zongetech.com/]纵歌主页[/url]的时候，我先画了一个框框，然后在左上角放了个logo，接着是导航；导航下面应该放一个横幅广告；对了，还应该加个页脚；知识库是我一直想放的，赶紧加上；最后，放上公司所经营三个服务项目。咦？感觉填不满这块空间，太单调了，再加一项就好了，于是，凭空再加了项虚拟主机进来，这下看起来好多了，不过感觉，还是有点儿单调，再给他们每一项加个图标吧... 设计终于完成了。

如图：
[img]http://source.zongetech.com/nicedit_images/2010/11/2010110676234.jpg[/img]


回顾整个设计过程：首先画了个框，接着惯性的放一些东西（logo、导航、广告、页脚），然后，开始调整构图、布局、配色，让画面对称、和谐。慢慢的，忘了想要表达的东西，忘了什么才是最重要的。

虽然，整个设计尚算工整，但是不够清晰，不够简洁。推倒重来！

首先，想一想，这个设计最想要表达的是什么？

网站建设、网站SEO、系统开发，还有什么吗？好像没有了，好，先把这三项，放在页面的最中间，加粗、加大强调他们的重要性。

再想一想，我们还想要表达什么？对了，我们要把我们的知识、观点写成文章与大家分享、讨论，再敲上一些文章的标题，因为他们也很重要，所以要加粗、加大。等等，他们似乎并没有网站建设、网站SEO、系统开发这三个服务项重要，OK，网站建设、网站SEO、系统开发作为震中，文章标题像地震波一样围绕着震中扩散开来...

还有什么需要放的吗？logo是必须的，地震波再次扩散，似乎它应该更小些了...
还有什么需要放的吗？关于我们、纵歌博客、联系我们这几个链接也是必须的；还有版权申明，地震波再次扩散...
还有什么需要放的吗？好像真的不需放什么了...

OK，设计结束！ 也就是现在[url=http://www.zongetech.com/]纵歌科技首页[/url]的效果

如图：
[img]http://source.zongetech.com/nicedit_images/2010/11/2010110615423.jpg[/img]


运用震中设计思想，我们完成了纵歌首页设计，我们发现，设计变得异常的清晰、简洁，越看越喜欢。你喜欢吗？

希望你已经理解了震中设计的思想。