- Search
- Subscribe to the feed
如何设计一个网站
这篇文章的内容不包含:如何设计一个成功的网站(或者说是一个完美的网站),设计一个网站需要哪些必要因素等等。像这些的内容从搜索引擎搜索国内的网站能挖掘有太多太多。如果你想查看这方面的东西那么请你看这里:如何设计一个成功的网站。
本文只是用一个例子介绍设计一个网站的思路,希望对大家有所帮助,这个网站的例子来自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. 设计网站建议制作说明文档,也有必要画一些样图(想上面一样)。
2. 思路是不断变化的,不要死钻一处。
3. 这里主要是一平面设计为主,所以大家最好掌握一些PS的技术。
Popularity: 2% [?]
- 3 Comments
- Leave a comment
太棒了!
我 很喜欢这样的文章,收藏了,期待更多~~~~
^_^早就想翻译了,今天起来个大清早实在没事干了
讲的不错,本人感觉做网站还要以用户为中心.