Design

Web 的 CI 设计

作者:admin 日期:2006-07-14

字体大小: 小中大

风格

作者 : 阿捷

　　网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说：“这个站点很 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. 以上各项延伸组合

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

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

[本日志由 admin 于 2006-07-16 05:25 PM 编辑]