一个朋友写的东西，借来帖一下。呵呵，我只是ICP啊。


确 定 网 站 的 整 体 风 格 和 创 意 设 计

--------------------------------------------------------------------------------

　　网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool 呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？2.创意是什么，如何产生创意？

　 ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方 式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子： 我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。

　 风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方 式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c. net) 的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉 约派”，你可以用人的性格来比喻站点。

　 有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的 网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。

　 看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！如何树立网站风格呢？我们可以分这样几个步骤：

　 第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花 枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。

　 第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路：

1.如果只用一句话来描述你的站点，应该是:_____________ 参考答案：
有创意，专业，有(技术)实力，有美感，有冲击力

2.想到你的站点，可以联想到的色彩是：________________ 参考答案：
参考答案： 热情的红色，幻想的天兰色，聪明的金黄色

3.想到你的站点，可以联想到的画面是：________________ 参考答案：
一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店

4.如果网站是一个人，他拥有的个性是：________________ 参考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者

5.作为站长，你希望给人的印象是：____________________ 参考答案：
敬业，认真投入，有深度，负责，纯真，直爽，淑女

6.用一种动物来比喻，你的网站最象：__________________ 参考答案：
猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)

7.浏览者觉得你和其他网站的不同是：__________________ 参考答案：
可以信赖，信息最快，交流方便，

8.浏览者和你交流合作的感受是：______________________ 参考答案：
师生，同事，朋友，长幼。

　 你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。

　 第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 经过第二步印象的的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站 名称，域名，栏目名称是否符合这种个性，是否易记。

　　审查网站标准色彩是否容易联想到 这种特色，是否能体现网站的性格等等。具体的做法，没有定式。我这里提供一些参考：

1.将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。

2.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用 与标准色彩一致的色彩。

3.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。

4.想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家 你的网站的特色是...

5.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。

6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。

7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用,.。 ☆※○◇□△→（区位码里自己参看）等等。虽然很简单的一个变化，却给人与众不 同的感觉，(为什么我没有想到呢？)

8.用自己设计的花边，线条，点

9.展示你网站的荣誉和成功作品。

10.告诉网友关于你的真实的故事和想法。

　风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们 写信告诉你："我喜欢你的站点，因为它很有风格！"

　●创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师， 最苦恼的就是没有好的创意来源。注意，这里说的创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。创意到底是什么，如何产生创意呢？创意是引人入胜，精彩万分，出奇不意的；创意是捕捉出来的点子，是创作出来的奇招.... 这些讲法都说出了创意的一些特点，实质上，○创意是传达信息的一种特别方式。比如Webdesigner(网页设计师)，我们将其中的E字母大写一下: wEbdEsigEr，感觉怎么样，这其实就是一种创意！创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段：

1.准备期--研究所搜集的资料，根据旧经验，启发新创意；

2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合；

3.启示期--意识发展并结合，产生创意；

4.验证期--将产生的创意讨论修正；

5.形成期--设计制作网页，将创意具体化。

　　○创意是将现有的要素重新组合。比如，网络与电话结合，产生IP电话。从这一点上出发，任何人，包括你和我，都可以创 造出不同凡响的创意。而且，资料越丰富，越容易产生创意。就好比万花筒，筒内的玻 璃片越 多，所呈现的图案越多。你如果有心可以发现，网络上的最多的创意来自与现实生活的结 合(或 者虚拟现实)，例如在线书店，电子社区，在线拍卖。你是否想到了一种更好的创意呢？ 创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索：
1.把它颠倒

2.把它缩小

3.把颜色换一下

4.使它更长

5.使它闪动

6.把它放进音乐里

7.结合文字音乐图画

8.使它成为年轻的

9.使它重复

10.使它变成立体

11.参加竞赛

12.参加打赌

13.变更一部分

14.分裂它

15.使它罗曼蒂克

16.使它速度加快

17.增加香味

18.使它看起来流行

19.使它对称

20.将它向儿童诉求

21.价格更低

22.给它起个绰号

23.把它打包

24.免费提供

25.以上各项延伸组合 -------------(转载自樊志育《广告制作》

需要一提的是：创意的目的是更好的宣传推广网站。如果创意很好，却对网站发展毫无意义，好比给奶牛穿高跟鞋，那么，我们宁可放弃这个创意！

　 关于风格和创意，可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢！　

五哥谦虚了。

你还是很有想法的。上回我就给你抓住把柄了：）

什么时候总结一下你在芬兰学习的经验，让我们开开眼界吧！

没爱好你更谦虚了。



我刚往平面设计精华区转了一些文章，你可以看看，也许对你有用的

byteart在上个贴子中说

引用:

---

一个朋友写的东西，借来帖一下。呵呵，我只是ICP啊。


确 定 网 站 的 整 体 风 格 和 创 意 设 计

--------------------------------------------------------------------------------

　　网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说："这个站点很cool，很有个性！"那么，是什么让你觉得很cool 呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？2.创意是什么，如何产生创意？

　 ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方 式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子： 我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。

　 风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方 式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络(www.century.2000c. net) 的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉 约派”，你可以用人的性格来比喻站点。

　 有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的 网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。

　 看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！如何树立网站风格呢？我们可以分这样几个步骤：

　 第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花 枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。

　 第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路：

1.如果只用一句话来描述你的站点，应该是:_____________ 参考答案：
有创意，专业，有(技术)实力，有美感，有冲击力

2.想到你的站点，可以联想到的色彩是：________________ 参考答案：
参考答案： 热情的红色，幻想的天兰色，聪明的金黄色

3.想到你的站点，可以联想到的画面是：________________ 参考答案：
一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店

4.如果网站是一个人，他拥有的个性是：________________ 参考答案：
思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者

5.作为站长，你希望给人的印象是：____________________ 参考答案：
敬业，认真投入，有深度，负责，纯真，直爽，淑女

6.用一种动物来比喻，你的网站最象：__________________ 参考答案：
猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)

7.浏览者觉得你和其他网站的不同是：__________________ 参考答案：
可以信赖，信息最快，交流方便，

8.浏览者和你交流合作的感受是：______________________ 参考答案：
师生，同事，朋友，长幼。

　 你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。

　 第三，在明确自己的网站印象后，开始努力建立和加强这种印象。 经过第二步印象的的"量化"后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站 名称，域名，栏目名称是否符合这种个性，是否易记。

　　审查网站标准色彩是否容易联想到 这种特色，是否能体现网站的性格等等。具体的做法，没有定式。我这里提供一些参考：

1.将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。

2.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用 与标准色彩一致的色彩。

3.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。

4.想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家 你的网站的特色是...

5.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。

6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。

7.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用,.。 ☆※○◇□△→（区位码里自己参看）等等。虽然很简单的一个变化，却给人与众不 同的感觉，(为什么我没有想到呢？)

8.用自己设计的花边，线条，点

9.展示你网站的荣誉和成功作品。

10.告诉网友关于你的真实的故事和想法。

　风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们 写信告诉你："我喜欢你的站点，因为它很有风格！"

　●创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师， 最苦恼的就是没有好的创意来源。注意，这里说的创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。创意到底是什么，如何产生创意呢？创意是引人入胜，精彩万分，出奇不意的；创意是捕捉出来的点子，是创作出来的奇招.... 这些讲法都说出了创意的一些特点，实质上，○创意是传达信息的一种特别方式。比如Webdesigner(网页设计师)，我们将其中的E字母大写一下: wEbdEsigEr，感觉怎么样，这其实就是一种创意！创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段：

1.准备期--研究所搜集的资料，根据旧经验，启发新创意；

2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合；

3.启示期--意识发展并结合，产生创意；

4.验证期--将产生的创意讨论修正；

5.形成期--设计制作网页，将创意具体化。

　　○创意是将现有的要素重新组合。比如，网络与电话结合，产生IP电话。从这一点上出发，任何人，包括你和我，都可以创 造出不同凡响的创意。而且，资料越丰富，越容易产生创意。就好比万花筒，筒内的玻 璃片越 多，所呈现的图案越多。你如果有心可以发现，网络上的最多的创意来自与现实生活的结 合(或 者虚拟现实)，例如在线书店，电子社区，在线拍卖。你是否想到了一种更好的创意呢？ 创意思考的途径最常用的是联想，这里提供了网站创意的25种联想线索：
1.把它颠倒

2.把它缩小

3.把颜色换一下

4.使它更长

5.使它闪动

6.把它放进音乐里

7.结合文字音乐图画

8.使它成为年轻的

9.使它重复

10.使它变成立体

11.参加竞赛

12.参加打赌

13.变更一部分

14.分裂它

15.使它罗曼蒂克

16.使它速度加快

17.增加香味

18.使它看起来流行

19.使它对称

20.将它向儿童诉求

21.价格更低

22.给它起个绰号

23.把它打包

24.免费提供

25.以上各项延伸组合 -------------(转载自樊志育《广告制作》

需要一提的是：创意的目的是更好的宣传推广网站。如果创意很好，却对网站发展毫无意义，好比给奶牛穿高跟鞋，那么，我们宁可放弃这个创意！

　 关于风格和创意，可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢！　

---

谢谢byteart,很经典,使我想到了很多,也解决了一些一直捆饶我的问题,真的谢谢

经典的文章不都是面向专业人员的，如果能照这篇文章所提供的几个思路来设计个人网站，只怕现在也早就百花争艳了。而且，这篇文章并没有抹煞，反倒是突出了网站应有的个性，至于所列的程式化的做法，大可以见仁见智，加以利用延伸吗。
我一直觉得法无定法，法无可法，但是必先法有法，才可法无法。也就是说，只有先经过基础的有法可循有章可依的初级设计阶段，才能达到随心所欲造化天成的更高境界。禅宗的顿悟，便是思考体会后突然在瞬间爆发的结果吗。时间长短就看个人的灵性惠根了。设计应该也是这样的吧。