确定网站的整体风格和创意设计(修改)

1确定网站的整体风格和创意设计网站的整体风格及其创意设计是站长们最希望掌握，也是最难以学习的。难就难在没有一个固定的程式可以参照和模仿。给你一个主题，任何两人都不可能设计出完全一样的网站。当我们说：这个站点很cool，很有个性！那么，是什么让你觉得很cool呢？它到底和一般的网站有什么区别呢？本文试图用最简明的语言来说明：1.风格是什么，如何树立网站风格？2.创意是什么，如何产生创意？●风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，交互性，文字，语气，内容价值，存在意义，站点荣誉等等诸多因素。举个例子：我们觉得网易是平易近人的，迪斯尼是生动活泼的，IBM是专业严肃的。这些都是网站给人们留下的不同感受。风格是独特的，是站点不同与其他网站的地方。或者色彩，或者技术，或者是交互方式，能让浏览者明确分辨出这是你的网站独有的。例如新世纪网络()的黑白色,网易壁纸站的特有框架,即使你只看到其中一页，也可以分辨出是哪个网站的。风格是有人性的。通过网站的外表，内容，文字，交流可以概括出一个站点的个性，情绪。是温文儒雅，是执著热情，是活泼易变,是放任不羁。象诗词中的“豪放派”和“婉约派”，你可以用人的性格来比喻站点。有风格的网站与普通网站的区别在于：普通网站你看到的只是堆砌在一起的信息，你只能用理性的感受来描述，比如信息量大小，浏览速度快慢。但你浏览过有风格的网站后你能有更深一层的感性认识，比如站点有品位，和蔼可亲，是老师，是朋友。看了以上描述，你可能对风格是什么可能依然模糊。其实风格就是一句话：与众不同！如何树立网站风格呢？我们可以分这样几个步骤：2第一，确信风格是建立在有价值内容之上的。一个网站有风格而没有内容，就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。你首先必须保证内容的质量和价值性。这是最基本的，无须置疑。第二，你需要彻底搞清楚自己希望站点给人的印象是什么。可以从这几方面来理清思路：1.如果只用一句话来描述你的站点，应该是:_____________参考答案：有创意，专业，有(技术)实力，有美感，有冲击力2.想到你的站点，可以联想到的色彩是：________________参考答案：热情的红色，幻想的天兰色，聪明的金黄色3.想到你的站点，可以联想到的画面是：________________参考答案：一份早报，一辆法拉利跑车，人群拥挤的广场，杂货店4.如果网站是一个人，他拥有的个性是：________________参考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的创业者5.作为站长，你希望给人的印象是：____________________参考答案：敬业，认真投入，有深度，负责，纯真，直爽，淑女6.用一种动物来比喻，你的网站最象：__________________参考答案：猫(神秘高贵)，鹰(目光锐利)，兔子(聪明敏感)，狮子(自信威信)37.浏览者觉得你和其他网站的不同是：__________________参考答案：可以信赖，信息最快，交流方便，8.浏览者和你交流合作的感受是：______________________参考答案：师生，同事，朋友，长幼。你可以自己先填写一份答案，然后让其他网友填写。比较后的结果会告诉你：你网站现在的差距，弱点及需要改进的地方。第三，在明确自己的网站印象后，开始努力建立和加强这种印象。经过第二步印象的的量化后，你需要进一步找出其中最有特色特点的东西，就是最能体现网站风格的东西。并以它作为网站的特色加以重点强化，宣传。例如：再次审查网站名称，域名，栏目名称是否符合这种个性，是否易记。审查网站标准色彩是否容易联想到这种特色，是否能体现网站的性格等等。具体的做法，没有定式。我这里提供一些参考：1.将你的标志logo,尽可能的出现在每个页面上。或者页眉，或者页脚，或则背景。2.突出你的标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩尽量使用与标准色彩一致的色彩。3.突出你的标准字体。在关键的标题，菜单，图片里使用统一的标准字体。4.想一条朗朗上口宣传标语。把它做在你的banner里，或者放在醒目的位置，告诉大家你的网站的特色是...5.使用统一的语气和人称。即使是多个人合作维护，也要让读者觉得是同一个人写的。6.使用统一的图片处理效果。比如，阴影效果的方向，厚度，模糊度都必须一样。47.创造一个你的站点特有的符号或图标。比如在一句链接前的一个点，可以使用,.。☆※○◇□△→（区位码里自己参看）等等。虽然很简单的一个变化，却给人与众不同的感觉，(为什么我没有想到呢？)8.用自己设计的花边，线条，点9.展示你网站的荣誉和成功作品。10.告诉网友关于你的真实的故事和想法。风格的形成不是一次定位的，你可以在实践中不断强化，调整，修饰，直到有一天，网友们写信告诉你：我喜欢你的站点，因为它很有风格！●创意(idea)是网站生存的关键。这一点相信大家都已经认同。然而作为网页设计师，最苦恼的就是没有好的创意来源。注意，这里说的创意是指站点的整体创意，(因为这个创意而产生这个站点，或者相同的内容，推出的创意不同),网页的平面设计创意我将在后面的版面布局窍门里介绍。创意到底是什么，如何产生创意呢？创意是引人入胜，精彩万分，出奇不意的；创意是捕捉出来的点子，是创作出来的奇招....这些讲法都说出了创意的一些特点，实质上，创意是传达信息的一种特别方式。比如Webdesigner(网页设计师)，我们将其中的E字母大写一下:wEbdEsigEr，感觉怎么样，这其实就是一种创意！创意并不是天才者的灵感，而是思考的结果。根据美国广告学教授詹姆斯的研究，创意思考的过程分五阶段:1.准备期--研究所搜集的资料，根据旧经验，启发新创意；2.孵化期--将资料咀嚼消化，使意识自由发展，任意结合；53.启示期--意识发展并结合，产生创意；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.以上各项延伸组合-------------(转载自樊志育《广告制作》)需要一提的是：创意的目的是更好的宣传推广网站。如果创意很好，却对网站发展毫无意义，好比给奶牛穿高跟鞋，那么，我们宁可放弃这个创意！关于风格和创意，可以讲得还有许多。感兴趣的网友可以自己找一些广告设计方面的书阅读。希望本文能帮助您对网站的设计有一个更新的认识和提高。谢谢！6网页色彩搭配原理首先我们先来了解一些色彩的基本知识：1.颜色是因为光的折射而产生的。2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color(255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF),我们经常看到的bgColor=#FFFFFF就是指背景色为白色。3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。●非彩色的搭配黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。●彩色的搭配色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。一.色环。我们将色彩按红-黄-绿-蓝-红依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。(如下图)红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红|___________||____||_________||_________|||||暖色系中性系寒色系中性系二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。7橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)白色---具有洁白，明快，纯真，清洁的感受。黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。网页色彩搭配的原理1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。网页色彩搭配的技巧1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。例如：用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，方法：如在photoshop里按前景色方框，在跳出的拾色器窗中选择自定义，然后在色库中选就可以了:)4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很跳。在网页配色中，忌讳的是：1.不要将所有颜色都用到，尽量控制在三种色彩以内。2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。网页色彩搭配的内涵网页的色彩搭配往往是感到头疼的问题，尤其是那些完全没有美术基础的。到底用什么色彩搭配好看呢？让我们来看看吧！一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。1、在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。2、在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。3、在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。4、在红中加入少量的白，会使其性格变