Monthly Archives: November 2007

这篇文章的内容不包含：如何设计一个成功的网站（或者说是一个完美的网站），设计一个网站需要哪些必要因素等等。像这些的内容从搜索引擎搜索国内的网站能挖掘有太多太多。如果你想查看这方面的东西那么请你看这里：如何设计一个成功的网站。 本文只是用一个例子介绍设计一个网站的思路，希望对大家有所帮助，这个网站的例子来自Web Designer Wall（以下简称WDW）。 首先大家先看看这个网站的设计，从整体设计到各种元素都完美的融为一体，当然了这个网站已经发表了一篇关于WDW是如何设计的，所以我只做从这个网站的设计地解说及翻译工作。（翻译的内容我用橙色表示） 通常，当我（WDW作者）设计一个网站，我会制作一些简单的说明文档（这里的文档不仅仅是文字的，还包括一些画稿等），或者我会从以前的收集或制作的说明文档重新整理一个适合的。 这是一个很好的习惯，希望大家在设计一个网站的时候也能这样，至于具体的如何制作清接着看下文。 设计思路（Concepting） 设计并不是一次就能做成的，WDW现在的这个效果并不时我起初的想法，在我设计的时候从中设计了2个版本的风格，最后我选择了一个。下面让我们一起看下我起初的想法： 1. 电脑桌（Computer Desk） 我的初步思路是有一个电脑桌，上面有iMac或者G5（苹果Power PC G5），还有书架，杂志，植物，便签，一个可以下拉的标签云(Tag Cloud)。当时我还以为这可能和freelanceswitch有些相似 ，所以我放弃了。 2. 墙的概念（Wall concept） 那么，我可以引入一个墙的概念，可以把一些东西“放在”墙上，一个书架，一些堆放的设计书籍和杂志，一个[闪光灯闹钟]1（这样看起来很酷），一个日历以及一些贴纸等。 Photoshop的[制作]2(Photoshop comp) 下面是我第一次做好的关于墙的概念，但是我感到一点都不喜欢，可能是因为效果并不是特别的好，而且这个的设计又和这个站很相似，那么，我开始新的尝试... 另一个方向(Another direction） 后来我发现了很久以前自己画着玩的关于花卉的素描，我认为这个元素可以设计在里面，于是立即动手完成了新的设计。 最终（Final） 最后，我决定用花艺设计并把它在Illustrator里面处理，我选择了水彩画的风格，因为我想让这个主题看起来很有艺术感以及sketchy。标签云，我花了很多时间，因为我想设计一个非常独特的标签云。我试图制作下拉标签云，但我不喜欢它。然后，我使用一个简单明了的标签云替代了当初的想法。这里有一些更多的发展截图： 注解： 1. 闪光灯闹钟:原文是a Flash ticking clock。 2. comp:应该是一个缩写字，这个意思很模糊，文中好几次提到，我只是根据上下文灵活翻译，如有不对请指出:) 从本文大家学到的知识： 1. 设计网站建议制作说明文档，也有必要画一些样图（想上面一样）。 … Continue reading →