网站的整体风格和创意设计
点击次数:35 次 发布日期:2008-11-16 10:50:10 作者:源代码网
|
网站的整体风格及其创意设计是站长们最希望掌握,也是最难以学习的。难就难在 没有一个固定的程式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全 源代码网推荐 一样的网站。当我们说:"这个站点很cool,很有个性!"那么,是什么让你觉得很cool 源代码网推荐 呢?它到底和一般的网站有什么区别呢?本文试图用最简明的语言来说明: 源代码网推荐 1.风格是什么,如何树立网站风格? 源代码网推荐 2.创意是什么,如何产生创意? 源代码网推荐 源代码网推荐 ●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。 源代码网推荐 这个“整体形象”包括站点的CI(标志,色彩,字体,标语),版面布局,浏览方式,交互性,文字,语气,内容价值,存在意义,站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。 源代码网推荐 源代码网推荐 风格是独特的,是站点不同与其他网站的地方。或者色彩,或者技术,或者是交互方 源代码网推荐 式,能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络的黑白色,网易壁纸站的特有框架,即使你只看到其中一页,也可以分辨出是哪个网站的。 源代码网推荐 源代码网推荐 风格是有人性的。通过网站的外表,内容,文字,交流可以概括出一个站点的个性, 源代码网推荐 情绪。是温文儒雅,是执著热情,是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉 源代码网推荐 约派”,你可以用人的性格来比喻站点。 源代码网推荐 源代码网推荐 有风格的网站与普通网站的区别在于:普通网站你看到的只是堆砌在一起的信息,你只能用理性的感受来描述,比如信息量大小,浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识,比如站点有品位,和蔼可亲,是老师,是朋友。看了以上描述,你可能对风格是什么可能依然模糊。其实风格就是一句话:与众不同! 源代码网推荐 源代码网推荐 如何树立网站风格呢?我们可以分这样几个步骤: 源代码网推荐 源代码网推荐 第一,确信风格是建立在有价值内容之上的。一个网站有风格而没有内容,就好比绣花枕头一包草,好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的,无须置疑。 源代码网推荐 源代码网推荐 第二,你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路: 源代码网推荐 源代码网推荐 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.以上各项延伸组合 源代码网推荐 -------------(转载自樊志育《广告制作》) 源代码网推荐 源代码网推荐 需要一提的是:创意的目的是更好的宣传推广网站。如果创意很好,却对网站发展毫无意义,好比给奶牛穿高跟鞋,那么,我们宁可放弃这个创意! 源代码网推荐 源代码网供稿. |
