 回到首页 |
2010年8月22日网站调试期慎用robots.txt
robots.txt是用来规范搜索引擎蜘蛛爬行的文件，有些朋友可能网站未正式上线前为了给朋友或者客户或者其他用处在未正式开通网站的时候网站已经能够正常访问了，为了解决搜索引擎收录导致后期问题于是用robots.txt将禁止所有收录 但这样可能造成后期正式开通后的收录问题，我个人理解蜘蛛应该有个缓冲期 这段时间都不怎么爱爬行你的网站，这样导致收录缓慢等问题。
什么是robots.txt？
robots.txt是搜索引擎中访问网站的时候要查看的第一个文件。Robots.txt文件告诉蜘蛛程序在服务器上什么文件是可以被查看的。
...
分类: 建站设计 | Tags: robots.txt 网站调试
2010年8月16日特殊符号收集
网页上点缀合适的一些特殊字符 不仅可以起到醒目重点条目作用 还可以起到一些装饰等效果
下面是整理的一些特殊符号希望您能够用到。
♟ ☼ ☀ o O ＃ 【】ψ ▓ ► ◄ ▒ ░ ♀♂ √ ╮╭ ╯╰ ァ ┱ ┲ ☆ ★ ♫ ♬ ♪♩♭♪ ▶ △ ▲ γ ō 凸 ∩∪ ╦ ╩ ⊙ ◎ ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▋▌▍┋ ︻ ︼ ¤ ▽ ㄒ ︶︿ ε ＞＜ ┘┌ ∵ ∴ ∷ ︹ ︺ ╬ ╋ ω ㊣ § ■ Θ I し↑↑↓↓← → ↘↙ ↔↕〓 ☆ ★┣┓┏┫×╰ノ◢ ◣ ◥ ◤ Ω ж ф ю Ю ━╃ ╄━ 卍 ┛┗ ┓┏ ◇ ◆ ㄨ⌒ ※ × ◎ ☂ ☜ ☞ ❤ ♡ ♥『』Ψ № ∑ ⌒〖〗＠ξζ∮ ▓$ @ * &♦
...分类: 建站设计 | Tags: 特殊符号
2008年3月8日SHTML 教程
什么是 SHTML
使用SSI（Server Side Include）的html文件扩展名，SSI（Server Side Include），通常称为“服务器端嵌入”或者叫“服务器端包含”，是一种类似于ASP的基于服务器的网页制作技术。
SSI工作原理：
将内容发送到浏览器之前，可以使用“服务器端包含 (SSI)”指令将文本、图形或应用程序信息包含到网页中。例如，可以使用 SSI 包含时间/日期戳、版权声明或供客户填写并返回的表单。对于在多个文件中重复出现的文本或图形，使用包含文件是一种简便的方法。将内容存入一个包含文件中即可，而不必将内容输入所有文件。通过一个非常简单的语句即可调用包含文件，此语句指示 Web 服务器将内容插入适当网页。而且，使用包含文件时，对内容的所有更改只需在一个地方就能完成。
因为包含 SSI 指令的文件要求特殊处理，所以必须为所有 SSI 文件赋予 SSI 文件扩展名。默认扩展名是 .stm、.shtm 和 .shtml。
Web 服务器在处理网页的同时处理 SSI 指令。当 Web 服务器遇到 SSI 指令时，直接将包含文件的内容插入 HTML 网页。如果“包含文件”中包含 SSI 指令，则同时插入此文件。除了用于包含文件的基本指令之外，还可以使用 SSI 指令插入文件的相关信息（如文件的大小）或者运行应用程序或 shell 命令。
网站维护常常碰到的一个问题是，网站的结构已经固定，却为了更新一点内容而不得不重做一大批网页。SSI提供了一种简单、有效的方法来解决这一问题，它将一个网站的基本结构放在几个简单的HTML文件中（模板），以后我们要做的只是将文本传到服务器，让程序按照模板自动生成网页，从而使管理大型网站变得容易。
所以，利用SHTML格式的页面目的和 ASP 差不多，但是因为是 API 所以运转速度更快，效率更高，比ASP快，比HTML慢，但由于可以使用服务器端包含，因此使页面更新容易（特别是批量更新banner，版权等），想象一下吧，你有一段 HTML，要在中间穿插一些特殊的服务端脚本，比如插入其他 HTML 段落，你选择 ASP 来完成这个任务，但是如果任务更繁重，需要更多的时间，比如 5 s，这个时候你不用 ASP 而用 SHTML，或许处理时间就只用 4s 了。
SSI有什么用？
之所以要扯到 SSI，是因爲 Shtml - Server-Parsed HTML 的首字母缩略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给浏览器之前，服务器会对 SHTML 文档进行完全地读取、分析以及修改。shtml和asp 有一些相似，以shtml命名的文件里，使用了ssi的一些指令，就像asp中的指令，你可以在SHTML文件中写入SSI指令，当客户端访问这些shtml文件时，服务器端会把这些SHTML文件进行读取和解释，把SHTML文件中包含的SSI指令解释出来比如：你可以在SHTML文件中用SSI指令引用其他的html文件（#include ），服务器传送给客户端的文件，是已经解释的SHTML不会有SSI指令。它实现了HTML所没有的功能，就是可以实现了动态的SHTML，可以说是HTML的一种进化吧。像新浪的新闻系统就是这样的，新闻内容是固定的但它上面的广告和菜单等就是用#include引用进来的。
目前，主要有以下几种用用途：
- 显示服务器端环境变量<#echo>
- 将文本内容直接插入到文档中<#include>
- 显示WEB文档相关信息<#flastmod #fsize> (如文件制作日期/大小等)
- 直接执行服务器上的各种程序<#exec>(如CGI或其他可执行程序)
- 设置SSI信息显示格式<#config>(如文件制作日期/大小显示方式)
分类: 建站设计 | Tags:
2007年10月31日色彩设计实例！网页设计配色学习
色彩设计实例！网页设计配色学习精彩图例
web配色学习
色彩构成
色彩构成知识（一）
一、 色彩与视觉的原理
1.光与色
光色并存，有光才有色。色彩感觉离不开光。
（1）光与可见光谱。光在物理学上是一种电磁波。从0.39微米到0.77微米波长之间的电磁波，才能引起人们的色彩视觉感觉受。此范围称为可见光谱 。波长大于0.77微米称红外线，波长小于0.39称紫外线。
（2）光的传播。光是以波动的形式进行直线传播的，具有波长和振幅两个因素。不同的波长长短产生色相差别。不同的振幅强弱大小产生同一色相的明暗差别。光在传播时有直射、反射、透射、漫射、折射等多种形式。光直射时直接传入人眼，视觉感受到的是光源色。当光源照射物体时，光从物体表面反射出来，人眼感受到的是物体表面色彩。当光照射时，如遇玻璃之类的透明物体，人眼看到是透过物体的穿透色。光在传播过程中，受到物体的干涉时，则产生漫射，对物体的表面色有一定影响。如通过不同物体时产生方向变化，称为折射，反映至人眼的色光与物体色相同。
2.物体色
自然界的物体五花八门、变化万千，它们本身虽然大都不会发光，但都具有选择性地吸收、反射、透射色光的特 性。当然，任何物体对色光不可能全部吸收或反射，因此，实际上不存在绝对的黑色或白色。
常见的黑、白、灰物体色中，白色的反射率是64％-92.3％；灰色的反射率是10％-64％；黑色的吸收率是90％以上。
物体对色光的吸收、反射或透射能力，很受物体表面肌理状态的影响，表面光滑、平整、细腻的物体，对色光的反射较强，如镜子、磨光石面、丝绸织物等。表面粗糙、凹凸、疏松的物体，易使光线产生漫射现象，故对色光的反射较弱，如毛玻璃、呢绒、海绵等。
但是，物体对色光的吸收与反射能力虽是固定不变的，而物体的表面色却会随着光源色的不同而改变，有时甚至失去其原有的色相感觉。所谓的物体“固有色”，实际上不过是常光下人们对此的习惯而已。如在闪烁、强烈的各色霓虹灯光下，所有建筑及人物的服色几乎都失去了原有本色而显得奇异莫测。
另外，光照的强度及角度对物体色也有影响。
二、 色立体及表色系
1.色立体
色立体是依据色彩的色相、明度、纯度变化关系，借助三维空间，用旋围直角坐标的方法，组成一个类似 球体的立体模型。它的结构经了比地球仪的形状，北极为白色，南极为黑色，连接南北两极贯穿中心的轴为明度标轴，北半球是明色系，南北半球是深色系。色相环的位置则赤道线上，球面一点到中心轴的重直线，表示纯度系列标准，越近中心，纯度越低，球中心为正灰。
色立体有多种，主要有美国蒙赛尔色立体、德国奥斯特瓦尔德色立体、日本色研色立体等。
2.蒙赛尔表色系
三、色彩三要素及色彩对比
<一>.色相对比的基本类型
两种以上色彩组合后，由于色相差别而形成的色彩对比效果称为色相对比。它是色彩对比的一个根本方面，其对比强弱程度取决于色相之间在色相环上的距离（角度），距离（角度）越小对比越强，反之则对比越强。
1.零度对比
（1）无彩色对比 无彩色对比虽然无色相，但它们的组合在实用方同很有价值。如黑与白 、黑与灰、中灰与浅灰，或黑与白与灰、黑与深灰与浅灰等。对比效果感觉大方、庄重、高雅而富有现代感，但也易产生过于素净的单调感。
（2）无彩色与有彩色对比 如黑与红、灰与紫，或黑与白与黄、白与灰与蓝等。对比效果感觉既大方 又活泼，无彩色面积大时，偏于高雅、庄重，有彩色面积大时活泼感加强。
（3）同种色相对比 一种色相的不同明度或不同纯度变化的对比，俗称姐妹色组合。如蓝与浅蓝（蓝+白）色对比，橙与咖啡（橙+灰）或绿与粉绿（绿+白）与墨绿（绿+黑）色等对比。对比效果感觉统一、文静、雅致、含蓄、稳重，但也易产生单调、呆板的弊病。
（4）无彩色与同种色相比 如白与深蓝与浅蓝、黑与桔与咖啡色等对比，其效果综合了（2）和（3）类型的优点。感觉既有一定层次，又显大方、活泼、稳定。
2.调和对比
（1）邻接色相对比 色相环上相邻的二至三色对比，色相距离大约30度左右，为弱对比类型。如红橙与橙与黄橙色对比等。效果感觉柔和、和谐、雅致、文静，但也感觉单调、模糊、乏味、无力，必须调节明度差来加强效果。
（2）类似色相对比 色相对比距离约60度左右，为较弱对比类型，如红与黄橙色对比等。效果较丰富、活泼，但又不失统一、雅致、和谐的感觉。
（3）中差色相对比 色相对比距离约90度左右，为中对比类型，如黄与绿色对比等，效果明快、活泼、饱满、使人兴奋，感觉有兴趣，对比既有相当力度，但又不失调和之感。
3.强烈对比
（1）对比色相对比 色相对比距离约120度左右，为强对比类型，如黄绿与红紫色对比等。效果强烈、醒目、有力、活泼、丰富，但也不易统一而感杂乱、刺激、造成视觉疲劳。一般需要采用多种调和手段来改善对比效果。
（2）补色对比 色相对比距离180度，为极端对比类型，如红与蓝绿、黄与蓝紫色对比等。效果强烈、眩目、响亮、极有力，但若处理不当，易产生幼稚 、原始、粗俗、不安定、不协调等不良感觉。
<二>明度对比的基本类型
两种以上色相组合后，由于明度不同而形成的色彩对比效果称为明度 对比。它是色彩对比的一个重要方面，是决定色彩方案感觉明快、清晰、沉闷、柔和、强烈、朦胧与否的关键。
其对比强决于色彩在明度等差色级数，通常把1——3划为低明度区，8——10划为高明度区，4——7划为中明度区。（图）在选择色彩进行组合时，当基调色与对比色间隔距离在5级以上时，称为长（强）对比，3——5级时称为中对比，1——2级时称为短（弱）对比。据此可划分为九种明度对比基本类型。（图）
（1）高长调 如10：8：1等，其中10为浅基调色，面积应大，8为浅配合色，面积也较大，1 为深对比色，面积应小。该调明暗反差大，感觉刺激、明快、积极、活泼、强烈。
（2）高中调 如10：8：5等，该调明暗反差适中，感觉明亮、愉快、清晰、鲜明、安定。
（3）高短调 如10：8：7等，该调明暗反差微弱，形象不分辩，感觉优雅、少淡、柔和、高贵、软弱、朦胧、女性化。
（4）中长调 如4：6：10或7：6：1等，该调以中明度色作基调、配合色，用浅色或深色进行对比，感觉强 硬 、稳重中显生动、男性化。
（5）中中调 如4：6：8或7：6：3等，该调为中对比，感觉较丰富。
（6）中短调 如4：5：6等，该调为中明度弱对比，感觉含蓄、平板、模糊。
（7）低长调 如1：3：10等，该调深暗而对比强烈，感觉雄伟、深沉、警惕、有爆发力。
（8）低中调 如1：3：6等，该调深暗而对比适中，感觉保守、厚重、朴实、男性化。
（9）低短调 如1：3：4等，该调深暗而对比微弱，感觉沉闷、忧郁、神秘、孤寂、恐怖。
另外，还有一种最强对比的1：10最长调，感觉强烈、单纯、生硬、锐利、眩目等。
<三>纯度对比的基本类型
两种以上色彩组合后，由于纯度不同而形成的色彩对比效果称为纯度对比。它是色彩对比的另一个重要方面，但因其较为隐蔽、内在，故易被。在色彩设计中，纯度对比是决定色调感觉华丽、高雅、古朴、粗俗、含蓄与否的关键。
其对比强弱程度取决于色彩在纯度等差色标上的距离，距离越长对比越强，反之则对比越弱。
如将灰色至纯鲜色分成10个等差级数，通常把1——3划为低纯度区，8——10划为高纯度区，4——7划为中纯度区（图）。在选择色彩组合时，当基调色与对比色间隔距离在5级以上时，称为强对比；3——5级时称为中对比；1——2级时称为弱对比。据此可划分出九种纯度对比基本类型。（图）
（1）鲜强调 如10：8：1等，感觉鲜艳、生动、活泼、华丽、强烈。
（2）鲜中调 如10：8：5等，感觉较刺激，较生动。
（3）鲜弱调 如10：8：7等，由于色彩纯度都高，组合对比后互相起着抵制、碰撞的作用，故感觉刺目、俗气、幼稚、原始、火爆。如果彼此相距离离大，这种效果将更为明显、强烈。
（4）中强调 如4：6：10或7：5：1等，感觉适当、大众化。
（5）中中调 如4：6：8或7：6：3等，感觉温和、静态、舒适。
（6）中弱调 如4：5：6等，感觉平板、含混、单调。
（7）灰强调 如1：3：10等，感觉大方、高雅而又活泼。
（8）灰中调 如1：3：6等，感觉相互、沉静、较大方。
（9）灰弱调 如1：3：4等，感觉雅致、细腻、耐看、含蓄、朦胧、较弱。
另外，还有一种最弱的无彩色对比，如白：黑、深灰：浅灰等，由于对比各色纯度均为零 ，故感觉非常大方，庄重，高雅，朴素。
四色彩的面积与位置对比
形态作为视觉色彩的载体，总有其一定的面积，因此，从这个意义上说，面积也是色彩不可缺少的特 性。艺术设计实践中经常会出现虽然色彩选择比较适合，但由于面积、位置控制不当而导致失误的情况 。
1.色彩对比与面积的关系
（1）色调组合，只有相同面积的色彩才能比较出实际的差别，互相之间产生抗衡，对比效果相对强烈。
（2）对比双方的属性不变，一方增大面积，取得面积优势，而另一方缩小面积，将会削弱色彩的对比。
（3）色彩属性不变，随着面积的增大，对视觉的刺激力量加强，反之则削弱。因此，色彩的大面积对比可造成眩目效果。如在环境艺术设计中，一般建筑外墙、室内墙壁等都选用高明度、低纯度的色彩，以减低对比的强度，造成明快、舒适的效果。
（4）大面积色稳定性较高，在对比中，对它色的错视影响大；相反，受它色的错视影响小。
（5）相同性质与面积的色彩，与形的聚、散状态关系很大的是其稳定性，形状聚集程度高者受它色影响小，注目程度高，反之则相反。如户外广告及宣传画等，一般色彩都较集中，以达到引人注意的效果。
2.色彩对比与位置的关系
（1）对比双方的色彩距离越近，对比效果越虽，反之则越弱。
（2）双方互相呈接触、切入状态时，对比效果更强。
（3）一色包围另一色时，对比的效果最强。
（4）在作品中，一般是将重点色彩设置在视觉中心部位，最易引人注目。如井字形构图的4个交叉点。
<五>色彩的肌理对比
色彩与物体的材料性质、形象表面纹理关系很为密切，影响色彩感觉的是其表层触觉质感及视觉 感受。
（1）对比双方的色彩，如采用不同肌理的材料，则对比效果更具情趣性。
（2）同类色或同种色相配，可选用异质的肌理材料变化来弥补单调感。如将同样的红玫瑰花印制在薄尼龙沙窗及粗厚的沙发织物上，它们所组成的装饰效果，既成系列配套，又具材质变化色彩魅力。
（3）绘画及色彩表现中，应用各种色料及绘具可产生出不同的肌理效果，如水彩、水粉、油画、丙烯等各色颜料及蜡笔、麦当劳、钢笔、毛笔等各类画笔。
（4）同样的颜料采用不同的的手法创造出许多美妙的肌理效果，以强化色彩的趣味性、情调性美感。如拓、皴、化、防、拔、撒、涂、撒、涂、染、勾、喷、扎、淌、刷、括、点等上色手法。
<六>色彩的连续对比
（1）发生在同一时间、同一视域之内色彩对比称为色彩的同时对比。这种情况 下，色彩的比较、衬托、排斥与影响作用是相互依存的。如在黄色纸张上涂一小块灰色，这种感觉越强，出现所谓的补色错视。再如在黑纸上涂一灰色小方块，白纸上涂一同样面积及深浅的灰色小方块，同时对比的视觉感受是黑纸上的灰色更显明亮，形成所谓的明度错视。
（2）色彩对比发生在不同的时间、不同视域、但又保持了快捷的时间连续性，自然数为色彩的连续对比。
人眼看了第一色再看第二色时，第二色会发生错视。第一色看的时候越长，影响越大。第二色的错视倾向于前得的补色。这种现象是视觉残像及视觉生理、心理自我平衡的本能所致。如医院中手术室环境及开刀医、护人员工作服都选用蓝绿色，显然是为了“中和”血液 红色，巧妙地利用色彩的连续对比，使医生注视了蓝绿色后，不但可减少、恢复视觉的疲劳，同时更易看清细小的血管、神经等，从而有利于保证手术进行的准确性和安全性。
色彩构成知识（二）
三 .色彩推移
<一>色彩推移的特点和种类
色彩推移是将色彩按照一定规律有秩序地排列、组合的一种作品形式。种类有色相推移、明度推移、纯度推移、互补推移、综合推移等。其特点是具有强烈的明亮感和闪光感，富有浓厚的现代感和装饰性，甚至还有幻觉空间感。
1、色相推移 将色彩按色相环的顺序，由冷到暖或由暖到冷进行排列、组合的一种渐变形式。为了使画面丰富多彩、变化有序，色彩可选用色相环（似地球赤道），也可选用含白色或浅灰的色相环（似地球北半球的纬线），亦可选用含中灰、深灰、黑色的色相环（似地球南半 球的纬度）。
2、明度推移 将色彩按明度等差级系列的顺序，由浅到深或由深到浅进行排列、组合的一种渐变形式。一般都选用单色系列组合，也可选用两个色彩的明度系列，但也不宜择用太多，否则易乱易花，效果适得其反。
3、纯度推移 将色彩按等差级数系列的顺序由鲜到灰或由灰到鲜进行排列组合的一种渐变形式。互补推移是处于色相环通过圆心180度两端位置上一对色相的纯度组合推移形式。
4、综合推移 将色彩将色相、明度、纯度推移进行综合排列、组合的渐变形式，由于色彩三要素的同时加入，其效果当然要比单项推移复杂、丰富得多。
<二>色彩推移的基本构图形式
色彩推移是一种特殊的作品形式，其构图及形象组织亦有相应的特点和基本规律 。
1.平行推移 将色彩按平行的垂直线、水平线、斜线、曲线或不规则进行等间隔或不等间隔条纹状、有秩序地安排、处理。
2.放射推移
（1 ）定点放射 又称日光放射、离心放射、画面应确定 一个或多个放射点，然后将色彩围绕入射点等角度或不等角度排列、组合。
（2）同心放射 又称电波放射，画面有一个或多个放射中心，将色彩从放射中心作同心圆、同心方、同心三角、同心多边、同心不规则等形象，向外扩散处理、安排。
（3）综合放射 将定点放射和同心放射综合在一个画面中进行组织、处理。
3.综合推移 将平行推移和放射推移的手法同时出现、安排在一个画面中，使作品的形态形成曲、直、宽、窄、粗、细等对比，构图复杂、多变、效果更为丰富、有趣。但为防止产生散、乱、花、杂的弊病，画面一般只应有一个中心或主体，或一主一次，切忌多中心和多主体。
4.错位、透叠及变形
（1）错位 有整体错位和局部错位两种情况 。整体错位是为了进行色相的冷暖对比、明度的明暗对比、纯度的鲜灰对比，将底、图的色彩作整体的、相反的排列。例如底色冷到暖，则图色暖到冷，底色明到暗，则图色暗到明，底色鲜 到灰，图色灰到鲜。
局部错位是处理有规则块状色彩排列时采用的方法。例如第一排用1、2、3、4号色，第二排用2、3、4、5号色，第三排用3、4、5、6号色等，每排错开一级或多级。有时，为了某种光感及立体感处理需要，也可同时向左右两边错位，例如第一排用1、2、3、4号色，左右第二排同时都用2、3、4、5号色作对称式错位。
（2）透叠 是一种当两个形体相重叠时，处理成两者都能显现形体、轮廓的表现手法。色彩透叠可产和透明、轻快的效果，趣味性和现代感很强。当底形和面形重叠时，如果设色相差级数小，则两者小有紧贴感。当色彩级数差增大时，则两者的空间感也随之增大而有远离感。
（3）变形 色彩推移的可变性及创造性开发余地很大，在掌握基本构图形式、凤色规律后进行种种变化，充分发挥个人的构思想象，将会产生无穷无尽的佳作。
变化的形式很多，例如定点放射的放射线一般都处理成直线，可作弧线变形处理，成有单向转动感的风车状，也可作双向交叉处理，则效果更复杂丰富等等。
四、综合对比及色调变化
<一>综合对比
多种色彩组合后，由于色相、明度、纯度等不同差别，所产生的总体效果称为综合对比。这种多属性、多差别对比的效果，显然要比单项对比丰富、复杂得多。事实上，色彩单项对比的情况 很难成立，它们不过是色彩对比中一个侧面，因此，在创作和设计实践中都较少应用。设计师在进行多种色彩综合对比时要强调、突出色调的倾向，或以色相为主，或以明度为主，或以纯度为主，使某一主面处于主要地位，强调对比的某一侧面。从色相角度可分为浅、、深等色调倾向。从明度角度可分浅、 中、灰等色调倾向。从感情角度可分冷、暖、华丽、古朴、高雅、轻快等色调倾向。
<二>色调倾向的种类及处理
综上所述，色调倾向大致可归纳成鲜色调、灰色调、浅色调、深色调、中色调等。
1.鲜色调
在确定色相对比的角度、距离后，尤其是中差（90度）以上的对比时，必须与无彩色的黑、白、灰及金、银等光泽色相配，在高纯度、强对比的各色相之间起到间隔、缓冲、调节的作用，以达到既鲜艳又直辖市、既变化又统一的积极效果。感觉生动、华丽、兴奋、自由、积极、健康等。
2.灰色调
在确定色相对比的角度、距离后，于各色相之中调入不同程度、不等数量的灰色，使大面积的总体色彩向低纯度方向发展，为了加强这种灰色调倾向，最好与无彩色特别是灰色组配作用。感觉高雅、大方、沉着、古朴、柔弱等。
3、深色调
在确定色相对比的角度、距离时，首先考虑多选用些低明度色相，如蓝、紫、蓝绿、蓝紫、红紫等，然后在各色相之中调入不等数量的黑色或深白色，同时为了加强这种深色倾向，最好与无彩色中的黑色组配使用感觉老练、充实、古雅、朴实、强硬、稳重、男性化等。
4、浅色调
在确定色相对比的角度、距离时，首无考虑多选用些高明度色相，如黄、桔、桔黄、黄绿等，然后在各色相之中调入不等数量的白色或浅灰色，同时为了加强这种粉色调倾向，最好与无彩色中的白色组配使用。
5、中色调
是一种使用最普遍、数量最众多的配色倾向，在确定色相对比的角度、距离后，于各色相中都加入一定数量黑、白、灰色，使大面积的总体色彩呈现不太浅也不太深，不太鲜也不太灰的中间状态。感觉随和、朴实、大方、稳定等。
在优化或变化整体色调时，最主要的是先确立基调色的面积统治优势。一幅多色组合的作品，大面积、多数量使用鲜色，热必成为鲜调，大面积、多数量使用灰色，势必成为灰调，其他色调依此类推。这种优势在整体的变化中能使色调产生明显的统一感，但是，如果只有基调色而没有感到单调、乏味。如果设置了小面积对比强烈的点缀色、强调色、醒目色，由于其不同色感和色质的作用，会使整个色彩气氛丰富。活跃起来。但是整体与对比是矛盾的统一体，如果对比、变化过多或面积过大，易破坏整体，失去统一效果而显得杂乱无章。反之，若面积太小则易被四周包围的色彩同化、融合而失去预期的作用。
<三>色调变化及类型
变调即色调的转换，是艺术设计中色彩选择多方案考虑及同品种多花色系列设计的重要课题，变调的形式一般有定形变调、定色变调、定形定色变调等。
1、定形变调
实质为保持形态（图案、花形、款式等）不变的前提下，只变化色彩而达到改变色调倾向的目的，是纺织、服装、装潢、包装、装帧、环艺等多种实用美术中，经常采用的产品同品种、同花形、多色调的设计构思方法。
定形变调主要有两种形式。
（1）同明度、同纯度、异色相变调 即根据原有设计色调，保持明度、纯度不弯，只变化色相（原有色相对比距离不变）而改变色调的倾向。其色彩选择与组合的关键实质，在于要将原有整组色彩的结构保持不变，然后在色立体中围绕中心N轴，沿色相环作水平移动，基调色移到某一色相区，就形成某一色调。如移至红色相区组成红色调，移至蓝色相区且成蓝色调等。
（2）异色相、异明度、异纯度变调 根据原有色调将色相、明度、纯度做全面改变，使其完全不同的色调类型。如鲜调…灰调（…表示左右箭头）、浅调…深调、中调…鲜调、中调…浅调、深调…中调、灰调…中调、灰调…浅调、浅调…鲜调、深调…灰调、鲜调…深调等。
2、定色变调
定色变调实质是保持色彩不变，变化图案、花形、款式等，即变化色彩的面积、形态、位置、肌理等因素，达到改变总体色调倾向之目的，是实用美术中产品、作品同色彩多方案多品种的系列设计构思方法
色调转变的关键最 要在于大面积基调色的变化，其次是将色彩作小面积点、线、面形态的交叉、穿插、并置组合，利用色彩的空间混合效应，少色产生多色的效果，鲜色产生含灰色的感觉 ，使色彩之间互相呼应、取代、置换、反转与交织，做到你中有我，我中有你，使各色调既有变化又很统一，既有整体性又有独立性，从而增强系列配套之感。
3、定形定色变调
在各色调的花形与色彩都相同的前提下，可考虑大小、位置、布局进行适当变化的系列设计构思方法。
五、色彩混合
将两种或多种色彩互相进行混合，造成与原有色不同的新色彩称为色彩的混合。它们可归纳成加色法混合、减色法混合、空间混合、空间混合等三种类型。
< 一>、加色法混合
加色法混合即色光混合，也称第一混合，当不同的色光同时照射在一起时，能产生另外一种新的色光，并随着不同色混合量的增加，混色光的明度会逐渐提高将红（橙）、绿、蓝（紫）三种色光分别作适当比例的混合，可以得到其他不同的色光。反之，其他色光无法混出这三种色光来，故称为色光的三原色，它们相加后可得白光。
加色法混合效果是由人的视觉器官来完成的，因此它是一种视觉混合。加色法混合的结果是色相的改变、明度的提高、而纯度不并不下降。
加色法混合被广泛 应用于舞台灯光照明及影视、电脑设计等领域。
<二>减色法混合
减色法混合即色料混合，也称第二混合。在光源不变的情况下，两种或多种色料混合后所产生 新色料，其反射光相当于白光减去各种色料的吸收光，反射能力会降低。故与加色法混合相反，混合后的色料色彩不但色相发生变化，而且明度和纯度都会降低。所以混合的颜色种类越多，色彩就越暗越浊，最后近似于黑灰的状态。
人们平时在绘画、设计、染色、粉刷中的色彩调合，都属减色法应用。
<三>空间混合
亦称中性混合、第三混合。将两种或多种颜色穿插、并置在一起，于一定的视觉空间之外，能在人眼中造成混合的效果。故称空间混合。其实颜色本身并没有真正混 合，它们不是发光体，而只是反射光的混合。因此，与减色法相比，增加了一定的光刺激值，其明度等于参加混合色光的明度平均值，既不减也不加。
由于 它实际比减色法混合明度显然要高，因此色彩效果显得丰富、响亮，有一种空间的颤动感，表现自然、物体的光感，更为闪耀。
空间混合的产生须具备必要的条件。
（1）对比各方的色彩比较鲜艳，对比较强烈。
（2）色彩的面积较小，形态为小色点、小色块、细色线等，并成密集状。
（3）色彩的位置关系为并置、穿插、交叉等。
（4）有相当的视觉空间距离。
色彩构成知识（三）
六、强刺激调及形式美手法
<一>色彩刺激调和
色彩的美感能提供给人精神、心理方面的享受，人们都按照自己的偏好与习惯去选择乐于接受的色彩。以满足各方面的需求。从狭义的色彩调和标准而言，是要求提供不带尖锐的刺激感的色彩组合群体，但这种含义仅提供视觉舒适的一方面。因为过分调和的色彩组配，效果会显得模糊、平板、乏味、单调，视觉可辩度差，多看容易使人产生厌烦、疲劳的不适应等。
但是色相环上大角度色相对比的配色类型，对人眼的刺激强烈，过分眩目的效果，更易引起视觉疲劳，而产生极不舒服的不适应感，使人心理随着失去平衡而显得焦躁、紧张、不安，情绪无法稳定。
因此，在很多场合中，为了改善由于色彩对比过于强烈而造成的不和谐局面，达到一种广义的色彩调和境界，即色调既鲜艳夺目、强烈对比、生机勃勃、而又不过于刺激、尖锐、眩目，这就必须运用强刺激调和的手法。
1.面积法
将色彩对比特点是色相对比强烈的双方面积反差拉大，使一方处于绝对优势的大面积状态，造成其稳定的主导地位，另一方则为小面积的从属性质。如中国古诗词里的“万绿丛中一点红”等。
2.阻隔法
又称色彩间隔法、分离法等。
（1）强对比 阻隔 在组织鲜色调时，将色相对比强烈的各高纯度色之间，嵌入金、银、黑、白、灰等分离色彩的线条或块面，以调节色彩的强度，使原配色有所缓冲，产生新的优良色彩效果。
（2）弱对比阻隔 为了补救因色彩间色相、明度、纯度各要素对比过于类似而产生的软弱、模糊感觉，也常采用此法。如浅灰绿、浅蓝灰、浅咖啡等较接近的色彩组合时，用深灰色线条作勾勒阻隔处理，能求得多方形态清晰、明朗、有生气，而又不对比色调柔和、优雅、含蓄的色彩美感。
3.统调法
在多种色相对比强烈色彩进行组合的情况 下，为使其达到整体统一、和谐协调之目的，往往用加入某个共同要素而让统一色调去支配全体色彩的手法，称为色彩统调， 一般有三种类型。
（1）色相统调 在众多参加组合的所有色彩中，同时都含有某一共同的色相，以使配色取得既有对比又显调和的效果。如黄绿、橙、黄橙、黄等色彩组合，其中由黄色相统调。
（2）明度统调 在众多参加组合的所有色彩中，使其同时都含有白色或黟 以，以求得整体色调在明度方面的近似。如粉绿、血牙、粉红、浅雪青、天蓝、浅灰等色的组合，由白色统一成明快、优美的“粉彩”色调。
（3）纯度统调 在众多参加组合的所有色彩中，使其同时都含有灰色，以求得整体色调在纯度方面的近似。如蓝灰、绿灰、灰红、紫灰、灰等色彩组合，由灰色统一成雅致、细腻、含蓄、耐看的灰色调。
4、削弱法
使原来色相对比强烈的多方，从明度及纯度方面拉开距离，减少色彩同时对比下越看越显眼、生硬、火爆的弊端，起到减弱矛盾、冲突的作用，增强画面的成熟感和调和感。如红与绿的组合，因色相对比距离大，明度、纯度反差小，感觉粗俗、烦燥、不安。但分别加入明度及纯度因素后，情况会改观。如红+白=粉红、绿+黑=墨绿，它们组合后好比红花绿叶的牡丹，感觉变得自然生动美丽。
5、综合法
将两种以上方法综合使用。如黄与紫色组合时，用面积法使黄面小，紫 面大，同时使黄中调入白色，紫中混入灰色，则变成淡黄与紫灰的组合，感觉既有力又调和，这就是同时运用了面积法和削弱法的结果。
<二>色彩形式美手法
1.色彩平衡
（1）色彩对称 对称是一种形态美学构形式，有左右对称，放射对称，回旋对称等。在中心对称轴左右两边所有的色彩形态对应点都处于相等距离的形式，称为色彩的左右对称，其色彩且合形象如通过镜子反映出来的效果一样如对称点为中心，两边所有的色彩对应点都等距，按照一定的角度将原形置于点的周围配置排列的形式，称为色彩的放射对称。回转角作180度处理时，两翼成螺旋桨似形态称为色彩的回旋对称。
对称是一种绝对的平衡。色彩的对称给人以庄重、大方、稳重、严肃、安定、平静等感觉，但也易产生平淡、呆板、单调、缺少活力等不良印象。
（2）色彩均衡 均衡是形式美的另一构成形式。虽非对称状态，但由于力学上支点左右显示异形同量、等量不等形的状态及色彩的强弱、轻重等性质差异关系，表现出相对稳定的视觉生理、心理感受。这种形式既有活泼、丰富、多变、自由、生动、有趣等特点，又有良好的平 衡状态，因此，最能适应大多数人的审美要求，是选择配色的常用手法与方案。色彩的平衡还有上下平衡及前后均衡等，都要注意从一定的空间、立场、出发作好适当的布局调整。
（3）色彩不均衡 色彩布局没有取得均衡的构成形式，称为色彩的不均衡。在对称轴左右或不下显示色彩的强弱、轻重、大小存在着明显的差异。表现出视觉心理及心理的不稳定性。由于它有奇特 、新潮、极富运动感、趣味性足等特点，在一定的环境及方案中可大胆加以应用而被人们所接受和认可，称为“不对称美”。但若处理不当，极易产生倾斜、偏重、怪诞、不安定、不大方的感觉，一般认为是不美的。
色彩不均衡设计，一般有两种情况 ，一是形态本身具有对称性，而色彩 布局不对称，如马戏团的半白半黑小丑装。另一种形态本身呈不对称状，如欧美的袒露单肩、半胸的夜礼服。再有上下不对称的手法。
2.色彩比例
色彩比例是指色彩组合设计中各部分局部与局部、局部与整体之间，长度、面积大小的比例关系。它随着形态的变化、位置空间变换的不同而产生，对于色彩设计方案的整体风格和美感起着决定性的作用。
常用的比例有等差数列、等比数列、费波那齐数列、贝尔数列、柏拉图矩形比、平方根矩形数列、黄金分割等。
（1）黄金比例 即1：1.618为其简约比数，实用中通常将色彩比例关系处理为2：3、3：5、5：8等序列。
（2）非黄金比例 色彩面积有大小、主次之分的配合，都被 认为是富有对比情趣而值得采用的。因为只有一方处于大面积优势地位，一方处于小面积从属状态时，才能形成 色调的明确倾向，表现出对比美的和谐感觉。
3.色彩节奏
即明显带有时间及运动的特 征，能感知有规律的反复出现的强 弱及长短变化，是秩序性形式美的一种。通过色彩的聚散、重叠、反复、转换等，在色彩的更动、回旋中形成节奏、韵律的美感。一般有三种形式。
（1）重复性节奏 通过色彩的点、线、面等单位形态的重复出现，体现秩序性美感。简单的节奏有较短时间周期和重复达到统一的特 征，事宜 机械和理性的美感。
（2）渐变怀节奏 将色彩按某种定向规律作循序推移系列变动，它相对淡化了”节拍“意识，有较长时间的周期特 征，形成反差明显、静中见动、高潮迭起的闪色效应。渐变性节奏有色相、明度、纯度、冷暖、补色、面积、综合等多种推移形式。
（3）多元性节奏 由多种简单重复性节奏组成，它们在运动中的急缓、强弱、行止、起伏也受到一定规律的约束，亦可称为较复杂的韵律性节奏。其特点是色彩运动感很强，层次非常丰富，形式起伏多变。但如处理、运用不当，易出现杂乱无章的”噪色“不良效果。
4.色彩呼应
亦称色彩关联。为使用一或相关平面、空间不同位置的色彩，相互之间有所联系避免孤立状态，采用”你中有我，我中有你“相互照应、相互依存、重复使用的手法，从而取得具有统一协调、情趣盎然的反复节奏美感。色彩呼应手法一般有两种：
（1）分散法 将一种或几种色彩同时出现在作品画面的不同部位，使整体色调统一在某种格调中，如浅蓝、浅红、墨绿等色组合，浅色作大面积基调色，深色作小面积对比色，成为粉彩的高长调类型。此时，墨绿色最好不要仅在一处出现，相对集中以外，可适当在其他部位作些呼应，使其产生相互对照的势态。但色彩不亦过于分散，以免使画面出现平板、模糊、零乱、累赘之感。
（2）系列法 使一个或多个色彩同时出现在作品、产品的不同平面与空间、，组成系列设计，能产生协同，整体的感觉。
5.色彩重点
在组配色调过程中，有时为了改进整体设计单调、平淡、乏味的状况，增强活力感觉，通常在作品或产品某个部位设置强调、突出的色彩，以起到画龙点晴的作用。为了吸引观者的注意力，重点色 一般都应选择安排在画面中心或主要地位
重点色彩的使用在适度和适量方面应注意如下几点：（1）重点色面积不宜过大，否则易与主调色发生冲突，抵消，而失去画面的整体统一感。面积过小，则易被四周的色彩所同化，不被人们注意而失去作用。只有恰当面积的重点色，才能为主调色作积极的配合和补充，使色调显得既统一又活泼，而彼此相得益彰。（2）重点色应选用比基调色更强烈或相对比的色彩。（3）重点色设置不宜过多，否则多重点既无重点，多中心的安排将成为过头设计，将会破坏主次有别、井然有序的效果，产生无序、杂乱的弊端。（4）并非所有的作品都设置重点色彩。（5）重点色同时应注意与整体配色的平衡。
七.色彩感情
认识色彩除了客观方面还有主观的方面，即有关色彩的视觉心理基础理论知识。
<一>色彩视觉心理
不同波长色彩的光信息作用于人的视觉器管，通过视觉神经传入大脑后，经过思维，与以往的记忆及经验产生联想，从而形成一系列的色彩心理反应。
1.共同感受色觉 心理
（1）色彩的冷、暖感 色彩本身并无冷暖的温度差别，是视觉 色彩引起人们对冷暖感觉的心理联想。
暖色：人们见到红、红橙、橙、黄橙、红紫等色后，马上联想到太阳、火焰、热血等物像，产生温暖、热烈、危险等感觉。
冷色：见到蓝、蓝紫、蓝绿等色后，则很易联想到太空、冰雪、海洋等物像，产生寒冷、理智、平静等感觉。
色彩的冷暖感觉，不仅表现在固定的色相上，而且在比较中还会显示其相对的倾向性。如同样表现天空的霞光，用玫红画早霞那种清新而偏冷的色彩，感觉很恰当，而描绘晚霞则需要暖感强的大红了。但如与橙色对比，前面两色又都加强了寒感倾向。（这个示意图在最后贴。）
人们往往用不同的词汇表述色彩的冷暖感觉，暖色——阳光、不透明、刺激的、稠密、深的、近的、重的男性的、强性的、干的、感情的、方角的、直线型、扩大、稳定、热烈、活泼、开放等。冷色——阴影、透明、镇静的、稀薄的、淡的、远的、轻的、女性的、微弱的、湿的、理智的、圆滑、曲线型、缩小、流动、冷静、文雅、保守等。
中性色：绿色和紫色是中性色。黄绿、蓝、蓝绿等色，使人联想到草、树等植物，产生青春、生命、和平等感觉。紫、蓝紫等色使人联想到花卉、水晶等稀贵物品，故易产生高贵、神秘感感觉。至于黄色，一般被认为是暖色，因为它使人联想起阳光、光明等，但也有人视它为中性色，当然，同属黄色相，柠檬黄显然偏冷，而中黄则感觉偏暖。
（2）色彩的轻、重感 这主要与色彩的明度有关。明度高的色彩使人联想到蓝天、白云、彩霞及许多花卉还有棉花，羊毛等。产生轻柔、飘浮、上升、敏捷、灵活等感觉。明度低的色彩易使人联想钢铁，大理石等物品，产生沉重、稳定、降落等感觉。
（3）色彩的软、硬感 其感觉主要也来自色彩的明度，但与纯度亦有一定的关系。明度越高感觉越软，明度越低则感觉越硬，但白色反而软感略改。明度高、纯底低的色彩有软感，中纯度的色也呈柔感，因为它们易使人联想起骆驼、狐狸、猫、狗等好多动物的皮毛，还有毛呢，绒织物等。高纯度和低纯度的色彩都呈硬感，如它们明度又低则硬感更明显。色相与色彩的软、硬感几乎无关。
（4）色彩的前、后感 由各种不同波长的色彩在人眼视网膜上的成像有前后，红、橙等光波长的色在后面成像，感觉比较迫近，蓝、紫等光波短的色则在外侧成像，在同样距离内感觉就比较后退。
实际上这是视错觉的一种现象，一般暖色、纯色、高明度色、强烈对比色、大面积色、集中色等有前进感觉，相反，冷色、浊色、低明度色、弱对比色、小面积色、分散色等有后退感觉。
（5）色彩的大、小感 由于色彩有前后的感觉，因而暖色、高明度色等有扩大、膨胀感，冷色、低明度色等有显小、收缩感。
（6）色彩的华丽、质朴感 色彩的三要素对华丽及质朴感都有影响，其中纯度关系最大。明度高、纯度高的色彩，丰富、强对比 色彩感觉华丽、辉煌。明度低、纯度低的色彩，单纯、弱对比的色彩感觉质朴、古雅。但无化何种色彩，如果带上光泽，都能获得华丽的效果。
（7）色彩的活泼、庄重感 暖色、高纯度色、丰富多彩色、强对比色感觉跳跃、活泼有朝气，冷色、低纯度色、低明度色感觉庄重、严肃。
（8）色彩的兴奋与沉静感 其影响最明显的是色相，红、橙、黄等鲜艳而明亮 的色彩给人以兴奋感，蓝、蓝绿、蓝紫等色使人感到沉着、平静。绿和紫为中性色，没有这种感觉。纯度的关系也很大，高纯度色兴奋感，低纯度色沉静感。最后是明度，暖以系中高明度、高纯度的色彩呈兴奋感，低明度、低纯度的色彩呈沉静感。
2.色彩的心理联想
色彩的联想带有情绪性的表现。受到观察者年龄、性别、性格、文化、教养、职业、民族、宗教、生活环境、时代背景、生活经历等各方面因素的影响，。色彩的联想有具象和抽象两种：
（1）具象联想 人们看到某种色彩后，会联想到自然界、生活中某些相关的事物。（这个示意图在最后贴）
（2）抽象联想 人们看到某种色彩后，会联想到理智、高贵等某些抽象概念。（这个示意图在在前面的网址里有详细介绍。后面就不贴了。）
一般来说，儿童多具有具像 联想，成年人较多抽象联想。
<二>色彩性格
各种色彩都其独特的性格，简称色性。它们与人类的色彩生理、心理体验相联系，从而使客观存在的色彩仿佛有了复杂的性格。
（1）红色 红色的波长最长，穿透力强，感知度高。它易使人联想起太阳、火焰、热血、花卉等，感觉温暖、兴奋、活泼、热情、积极、希望、忠诚、健康、充实、饱满、幸福等向上的倾向，但有时也被认为是幼稚 、原始、暴力、危险、卑俗的象征。红色历来是我国传统的喜庆色彩。
深红及带紫味的红给人感觉是庄严、稳重、而又热情的色彩、常见于欢迎贵宾的场合。含白的高明度粉红色，则有柔美、甜蜜、梦幻、愉快、幸福、温雅的感觉，几乎成为女性的专用色彩。
（2）橙色 橙与红同属暖色，具有红与黄之间的色性，它使人联想起火焰、灯光、霞光、水果等物象，是最温暖、响亮的色彩。感觉活泼、华丽、辉煌、跃动、炽热、温情、甜蜜、愉快、幸福竺，但也有疑惑、嫉妒、伪诈等消极倾向性表情。
含灰的橙成咖啡色，含白的橙成浅橙色，俗称血牙色，与橙色本身都是装中常用的甜美色彩也是众多消费者特别是女妇，儿童，青年喜爱的服装色彩。
（3）黄色 黄色是所有色相中明度紧高的色彩，具有轻快、光辉、透明、活泼、光明、辉煌、希望、功名、健康等印象。但黄色过于明亮而显得刺眼，并且与他色相混即易失去其原貌，故也有轻薄、不稳定、变化无常、冷淡等不良含义。
含白的淡黄色感觉平 和、温柔，含大量淡灰的米色或本白则是很好的休闲自然色，深黄色却另有一种高贵、庄严感。由于黄色极易使人想起许多水果的表皮，因此它能引起富有酸性的食欲感。
黄色还被用作安全色，因为这极易被人发现，如室外作业的工作服。
（4）绿色 在大自然中，除了天空和江河、海洋、绿色所占的面积最大，草、叶植物，几乎到处可见，它象征生命、青春、和平、安详、新鲜等。绿色最适应人眼的注视，有消除疲劳、调节功能。黄绿带给人们春天的气息，颇受儿童及年轻人的欢迎。蓝绿、深绿 是海洋、森林的色彩，有着深远、稳重、沉着、睿智等含义。含灰的绿、如土绿、橄榄绿、咸菜绿、墨绿等色彩，给人以成熟、老练、深沉的感觉，是人们广泛选用及军、警规定的服色。
（5）蓝色 与红、橙色相反，是典型的寒色，表示沉静、冷淡、理智、高深、透明等含义，随着人类对太空事业的不断开发，它又有了象征高科技的强烈现代感。
浅蓝色系明朗而富有青春朝气，为年轻人所钟爱，但也有不够成熟的感觉。深蓝色系沉着、稳定，为中年人普遍喜爱的色彩。其中略带暖味的群青色，充满着动人的深邃魅力，藏青则给人以大度、庄重印象。靛蓝、普蓝因在民间广泛应用，似乎成了民族特 色的象征。当然，蓝色也有其另一面的性格，如刻板、冷漠、悲哀、恐惧等。
（6）紫色 具有神秘、高贵、优美、庄重、奢华行的气质，有时也感孤寂、消极。尤其是较暗或含深灰的紫，易给人以不祥、腐朽、死亡的印象。但含浅灰的红紫或蓝紫色，却有着类似太空、宇宙色彩的幽雅、神秘之时代感、为现代 生活所广泛采用。
（7）黑色 黑色为无色相无纯度之色。往往给人感觉沉静、神秘、严肃、庄重、含蓄，另外，也易让人产生悲哀、恐怖、不祥、沉默、消亡、罪恶等消极印象。尽管如此，黑色的组合适应性却极广，无论什么色彩特别是鲜艳的纯色与其相配。都能取得赏心悦目的良好效果。但是不能大面积使用，否则，不但其魅力大大减弱，相反会产生压抑、阴沉的恐怖感。
（8）白色 白色给人印象中洁净、光明、纯真、清白、朴素、卫生、恬静等。在它的衬托下，其他色彩会显得更鲜丽、更明朗。多用白色还可能产生平淡无味的单调、空 虚之感。
（9）灰色 灰色是中性色，其突出的性格为柔和、细致、平稳、朴素、大方、它不像黑色与白色那样会明显影响其他的色彩。因此，作为背景色彩非常理想。任何色彩都可以和灰色相混合，略有色相感的含灰色能给人以高雅、细腻、含蓄、稳重、精致、文明而有素养的高档感觉。当然滥用灰色也易暴露其乏味、寂寞、忧郁、无激情、无兴趣的一面。
（10）土褐色 含一定灰色的中、低明度各种色彩，如土红、土绿、熟褐、生褐、土黄、咖啡、咸菜、古铜、驼绒、茶褐等色，性格都显得不太强烈，其亲和性易与其他色彩配合，特别是和鲜色相伴，效果更佳。
也使人想起金秋的收获季节，故均有成熟、谦让、丰富、随和之感。
（11）光泽色 除了金、银等贵金属色以外，所有色彩带上光泽后，都有其华美的特色。金色 富丽堂皇，象征荣华富贵，名誉忠诚；银色雅致高贵、象征纯洁、信仰，比金色温和。它们与其他色彩都能配合。几乎达到“万能”的程度。小面积点缀，具有醒目、提神作用，大面积使用则会产生过于眩目 负面影响，显得浮华而失去稳重感。如若巧妙使用、装饰得当、不但能起到画龙点晴作用，还可产生强烈的高科技现代美感。
分类: 建站设计 | Tags:
2007年7月22日WEB界面设计五种特征
1.比喻
如同Windows用桌面、文件夹、垃圾筒来比喻计算机的*作，Web的设计也是如此。善于利用明确、抽象或概念化的比喻ICON来表达各不相同的栏目，能够增加观众对栏目的兴趣，但是要紧记不适合原意的ICON再漂亮也好，其效果将是适得其反的。
2.明确
“页面每个元素都应该有其存在的理由”大家在规划页面时一定要将它作为原则来考虑。 Less is more 从来就是每一位优秀的设计者设计的原则。除了这个，还要确保页面上每一个元素都能让使用者看到，每一个元素都能非常清楚地表达了制作者的意图。混乱不清是页面设计最失败的地方。
3.一致性
访问者去到一个设计地非常棒的网站，其图形很有意思又吸引人，布局清晰新颖，但是点击它的其它栏目后呢？他也许会想，呃，怎么好像来到另外一个站点。大家想一下这会对整个网站产生什么样的反效果呢？因此统一的风格（统一的调色板、统一的导航栏、统一的字体）是非常非常重要的，这在商业站点更是如此。
4.方向
网站的设计者有责任保证访问者在浏览页面时不会迷失了方向，而访问者也能够清楚的知道自己的所在位置。这种人性化地设想不是能更好地捉住观众的心吗？
页眉(Title) 是一个大家经常忽略的问题。
最合适的做法是类似这样： 风玲设计：设计论坛：艺术与设计 。
5.导航
设计导航条要从使用者的角度来考虑，简便、清晰、完整是制作的前提。另外除了导航条，Site Map也是必须的，当然有Search Engine那就更好了。
分类: 建站设计 | Tags:
2007年7月22日网站设计必知的65条原则
网站中有哪些关键技巧？有哪些陷阱？在这里，世界上一流的网站设计专家，让你共享他们的秘密，告诉你：使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
07 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 在计算机上永远也找不到好的方案”。
10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 睁大你的眼睛，留意所有的事情。”
“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。
12 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14 使用切合实际的简便的命名规则。”
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17 不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7.Allaire Homesites
8.Microsoft Notepad
9.Macromedia Director
10.Lightwave
11.Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24 坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30 避免使用炫耀的技巧。”
31 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
32 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。
33 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
37 设计成功的网站
www.bmw.co.uk ——内容和关联性很好
www.yugop.com ——图形下载很快
www.comicrelief.org.uk ——设计简单明了
www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viaduct.co.uk
38 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。
39 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。
41 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。
42 无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。
43 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。
44 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址www.weblint.org/validation.html中，你能够找到更多有效的HTML工具。
45 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。
48 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。
49 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50 尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。
51 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52 动画点缀
网页上的动画最多只用一个
53 倾斜的按钮看起来不会太好，最好不要使用。”
54 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。
55 空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
56 利用空白去吸引注意力。为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。
57 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。 先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58 设计失败的网站
www.boo.com ——在它上面找一件T恤衫要花一个小时
www.miniheroes.co.uk ——不吸引人，主页太雷赘
www.saturn.com. ——设计太差
www.e13.com. ——没有新意
www.song.com. ——导航不知所云
59 图像大小属性，可以在IMG标签中保存这个属性。
这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
60 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
61 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。
62 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
63 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
64 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
65 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。
01 明确内容
如果你想成为一个网站设计者，并正想建一个网站的话，首先应该考虑网站的内容，包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
02 抓住用户
如果用户不能够迅速地进入你的网站，或操作不便捷，网站设计就是失败的。不要让用户失望而转向你的对手的网站。
03 优化内容
内容是核心。大约在两年以前，企业网站就像一本广告册子，更槽糕的是，网站使用了大量的图片，似乎要几个世纪才能下载完。 Chanels网站（www.channels.co.uk）在设计的某些方面是成功的，但是内容太贪乏，并且要花很长时间才能找到所要的东西，因此不能算是一个成功的网站。
04 快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验，一个标准的网页应不大于60K，通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
05 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加，可能会运行缓慢。但是，如果你不想失去访问者的话，一定要仔细计划好你的升级计划。
06 坚持基本原则
即使你不懂HTML语言，你只需购买一个有版权的所见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage Express，就可以创建一个看起来很合理的网站。但是，在设计时，这些软件包虽然不需要HTML，却使网站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案，用Notepad制作网页。
07 学习HTML
用HTML设计网站，可以控制设计的整个过程。但是，如果你仅仅是网站设计的新手，你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中，HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式，以便你在把网站发送到Web之前，预览你的网站。
08 用笔画一个网站的框架
圣人云：笔比剑更强大。在用计算机之前，用笔画一个网站的框架，显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
09 在计算机上永远也找不到好的方案”。
10 网站地图
许多设计者把他们的网站地图放在网站上，这种做法，却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息，他们对于你的网站是如何工作的，并没有兴趣。如果你觉得你的网站需要地图，那很可能是需要改进你的导航和工具条。
11 睁大你的眼睛，留意所有的事情。”
“对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素，确保你的设计是围绕站点浏览进行的。
12 点击规则
听说过3次点击规则吗？对于小型网站，在你的主页上，没有任何一条信息，需要点击次数超过3次的。对于大型网站，使用导航和工具条来改善操作。
13 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体，但是，你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面，在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性，这虽然允许你使用特殊的字体，但是仍需要一些变通的方法，以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题，但是只有最新版的浏览器才支持CSS。
14 使用切合实际的简便的命名规则。”
15 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是，许多设计者都缺少这种技能。确保你拼写正确，并且格外注意平常容易误写的错别字。
16 避免长文本页面
在一个站点上有许多只有文本的页面，是令人乏味的，且也浪费Web的潜力。如果你有大量的基于文本的文档，应当以Adobe Acrobat格式的文件形式来放置，以便你的访问者能离线阅读。
17 不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站（www.Trouble.co.uk）是一个典型的设计很差的网站。它基于一个浮动的架构，为了阅读所有的文本，浏览者不得不使用卷滚条。
18 专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7.Allaire Homesites
8.Microsoft Notepad
9.Macromedia Director
10.Lightwave
11.Macromedia Freehand
12．其它：Adobe Acrobat Exchange，Allaire ColdFusion,BBEdit,HTML Validator等。
19 网站介绍
你应当有一个很清晰的网站介绍，告诉访问者你的网站能够提供些什么，以便访问者能找到想要的东西。但是，许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息，这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20 网站一旦发布，网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。
21 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意，但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站，就少用此方法。
22 背景颜色
背景颜色也会产生一些问题，可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本，另外还应当坚持使用通用字体。
23 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条，使浏览者能够从每一页上访问网站的任何部分。
24 坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
25 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务，而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义，它们很容易被做假，浏览者也不想看广告。如果你显示你的网站是多么受欢迎，你最好提供一个链接，显示访问日志。
26 不要用框架
与记数器一样，框架在网页上越来越流行。在大多数网站上，在屏幕的左边有一个框架。但是设计者立刻就发现，在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是，搜索引擎常常被框架混淆，从而不能列出你的网站。
27 去掉图像
在浏览器中即使去掉了图像功能，也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者，还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字，而不是图像来满足访问者的需要。
28 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时，在网页上多次使用同样的图像是一个好的方法，并且一旦它们被装入，以后重新载入就会很快。
29 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30 避免使用炫耀的技巧。”
31 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源，使网站的操作变得很困难，因此，应该给用户一个跳过使用Flash动画的选择。
32 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大，并且Netscape5.0将支持Flash，在使用时不必再下载任何插件。 但是，最好还是取消使用Flash做各接口的想法。
33 让用户先预览小图像
如果不得不放置大的图像在网站上，就最好使用Thumbnails软件，把图像的缩小版本的预览效果显示出来，这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体，而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢，同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣，但是多次以后肯定会很烦人。使用声音前，应该仔细考虑声音将会给你带来什么。
36 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题，过分地使用Java，会使Mac崩溃。
37 设计成功的网站
www.bmw.co.uk ——内容和关联性很好
www.yugop.com ——图形下载很快
www.comicrelief.org.uk ——设计简单明了
www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viaduct.co.uk
38 慎用插件
在Web设计中，如果依赖于一些特别的插件，会减少网站的吸引力。如果访问者没有所要求的插件，将不得不到其它站点去下载，这样访问者有可能就不会返回了。
39 使用著名的插件
如果网站上有声音或视频，要保证使用者通过使用某个知名的插件，能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为，许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40 使用先进技术
跟上新的技术。Web技术的进步绝不会停止，所以应花一些时间来研究新产品和开发技术。
41 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时，应该花足够的资金来创建图形，以增强公司的宣传。
42 无论是游戏、图像、动画还是电影，想想你喜欢的设计是怎样的，这将激发你的创作灵感，使你创作出新的和更好的网站。
43 平台的兼容性
要为用户着想，必须最少在一台PC 和一台Mac机上测试你的网站，看看兼容性如何。
44 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查，可选用软件分析工具。在网址www.weblint.org/validation.html中，你能够找到更多有效的HTML工具。
45 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是，如果在你的网页上有链接，一定要经常检查它们，保证链接有效。链接的网站可能很多，但不要链接到与你的内容无关的网站上。
46 给观众成熟的东西
如果网站没有完成，就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少，除非你把你的网站在主要的搜索引擎上进行登记。
48 设计一个留言板
浏览者愿意把时间花在好的网站上，所以最好有一个留言本，这能激励访问者再次回到你的网站，还有助于扩充网站内容。
49 测试网站
在你的网站正式发布之前，必须进行有用的测试。在设计网站时要使用最新的软件，但是不要忘了人们并不会使用最新的浏览器，所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50 尽你所能反复测试所设计的网站，直到你不能发现新的东西为止。
51 演示即将发布的网站
在网站正式运行之前，让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52 动画点缀
网页上的动画最多只用一个
53 倾斜的按钮看起来不会太好，最好不要使用。”
54 内容组织
在开始创建新的网页前，仔细考虑网站内容的组织。决定好想让访问者浏览的内容，然后设计导航系统。
55 空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页，即使有足够的空间，在设计时也应该避免使用。
56 利用空白去吸引注意力。为了吸引眼球，Web设计者使用各种方法，比如：闪烁、旋转等，但是利用空白会吸引更多的注意力。
57 图像压缩
为了保持小的图像，可以使用类似GIF向导的程序，它能自动对图像进行压缩。 先声明图像的大小,在图像显示之前最好能详细说明图像大小属性，可以在IMG标签中保存这个属性。这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58 设计失败的网站
www.boo.com ——在它上面找一件T恤衫要花一个小时
www.miniheroes.co.uk ——不吸引人，主页太雷赘
www.saturn.com. ——设计太差
www.e13.com. ——没有新意
www.song.com. ——导航不知所云
59 图像大小属性，可以在IMG标签中保存这个属性。
这可以使网页显得很流畅，因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
60 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的，那么就能得到大量有用的信息。但是，要求访问者在浏览网站之前进行注册，这样做是要冒风险的，因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励，让用户能主动填一些信息反馈表。
61 使网站具有交互功能
在网站上提供一些回答问题的工具，使得访问者能从网站上获得交互的信息。
62 图片更新
尽可能经常更换网站上的图片，人们更愿意点击的是图片而不是文本。
63 在网站上提供游戏
游戏是很好的交互工具，它是使访问者能再次光顾网站的好方法。
64 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
65 使用最新版本的软件
尽量使用Web设计软件的最新版本，还应当能被授权进行免费或便宜的升级。
分类: 建站设计 | Tags:
2007年7月22日创建优秀网页的6个好习惯
1、不要将链接全部放在图像中
以往的网页中的链接都是文字，而且用下划线以资识别。但不久人们就讨厌了这些文字链接，于是都采用了图像链接。后来，更加嫌一个图像一个链接太麻烦了，于是将所有的链接都放进了一个图像中去。但并不是所有的用户都打开图像载入，如果你把所有的链接都放入图像中去，而没有任何同样功能的文字链接的话，用户也许会不知所措。
2、慎用自动滚动
曾经到过一个内容“丰富”的网页，它使用了很多常见的网页制作技巧：现在的时间、访问时的时间等等。不过有一个用得不是很好，就是窗口的自动滚动。我只是想发个邮件给网页的主人，但我却无法使滚动条停下来让我点击链接，于是我花了很久才“命中”窗口中的E-mail链接——真后悔军训的时候没有练好射击！
3、不要用延时效果的javascript
现在的网页制作者为了使网页更加具有影响力，都疯狂地加入javascript。以现在的“猫”奔跑的速度而言，这些脚本也算不了什么，用户不会介意。但是，如果这些脚本可能导致延时的话，用户的态度就不同了。
某个国人网页的首页在载入时窗口的底色———窗口里面没有任何内容———由白色逐渐变成黑色，整个过程耗费了几秒，嘿！别小看这几秒，我能检查全部的邮箱了！
4、不要依赖浏览器
太多的网站首页中加入了“请在800×600分辨率下使用IE浏览器浏览本网站”等字样的文字。我是安装了IE、NC和Opera，因为我要制作网页，需要它们来检验网页在这些浏览器下的可读性。但一般用户不会安装那么多的浏览器，更加不会牢记着哪个网站需要用哪个浏览器浏览。
也许不可能让网页在使用所有的浏览器浏览都有一样的效果，但尽量地去达到该目的，会让网页在这个浏览器下有这样的特色、在另一个浏览器下又有不同的特色，这是网页制作者的工作，不是吗？
5、不要忘记版权
现在，网上侵犯知识产权的问题非常猖獗，某免费个人网页提供商上的网页尤其严重——甚至有盗版光盘贩卖呢！为此一些新的免费个人网页提供商就要求用户在申请时提交详细的、真实的个人资料，以防备不可预料的事情发生。
所以，如果你的网页需要引用别人的东西的话，要么你就和他联系一下，征求意见；要么就在明显的位置注明其版权归属。这并非多余，这是你的网页“长寿”的秘方！
当然，如果是你自己制作的图像或自己撰写的文章，你绝对有权声明版权归你自己所有！
6、不要懒于更新
某个个人网页聚居地上有很多的网页都是很久前建立而至今没有更新过的，姑且不说这是浪费公用资源的行为，访问过这些网页的人看到网页主人如此懒惰，你说他还会再去访问吗？
谁能确定下次访问不会又是这般模样呢？因特网上的资源如此浩瀚，谁会去访问一个从不更新的网页呢？
分类: 建站设计 | Tags:
2007年6月28日企业建站的几个误区！
下面就几个想象分别举例并说明
花上几千块甚至更多买一个网站管理系统。
这样的想象太多了，前不久我就遇见一个。网站做下来 这个cms的商业功能是一点也没用到
到是由于后台功能太多 纷繁复杂 像进了大关圆一样
首先，企业可能并不了解这个。有人为了自己的利益自然会千方百计的让企业花更多的钱
几M的东西，也没多少流量，却需要租整台服务器！
呵呵，本来买个100M的空间错错有余，可毕竟是企业嘛。直接上台服务器那点钱有不算什么
请所谓一流的设计师 做不入流的设计。
下面是页面设计上常见的误区：
页面太花哨。
企业网站的首要功能就是介绍产品，让潜在客户能够知道如何购买
页面做的太花哨，纷繁复杂的界面，用户往往要花更多的时间去寻找联系方式 产品介绍等等
更有的企业站 打开直接是个flash 打开根据网络环境的不同
可能要等待更长的时间 甚至有的连一个文字转入或者自动连接到文字说明页的连接都没有
全部设计到flash上面了
但，你想过没有 如果用户浏览器不支持flash 将会是什么样子的？？
根据我的经验
企业网站设计方面应该这样做（当然并不说必定要这样做，我只是说大概！）
打开的首页简洁明了，动画就别用了
内容上主要是介绍清楚 产品类型（并能连接到详细说明） 联系方式（这个最好在每个页面上都放上，位置占用的并不多）
导航上 最好涉及到如下频道 企业介绍、产品介绍、公司资质等 现在一般还会加上 企业新闻这样的交互功能
留言板现在的似乎越来越少的能表现作用
如果能加上像 洽谈通 这样的在线web客服务 是不错的选择。。。
先这样随便没条理的写点 以后慢慢完善！！！
花上几千块甚至更多买一个网站管理系统。
这样的想象太多了，前不久我就遇见一个。网站做下来 这个cms的商业功能是一点也没用到
到是由于后台功能太多 纷繁复杂 像进了大关圆一样
首先，企业可能并不了解这个。有人为了自己的利益自然会千方百计的让企业花更多的钱
几M的东西，也没多少流量，却需要租整台服务器！
呵呵，本来买个100M的空间错错有余，可毕竟是企业嘛。直接上台服务器那点钱有不算什么
请所谓一流的设计师 做不入流的设计。
下面是页面设计上常见的误区：
页面太花哨。
企业网站的首要功能就是介绍产品，让潜在客户能够知道如何购买
页面做的太花哨，纷繁复杂的界面，用户往往要花更多的时间去寻找联系方式 产品介绍等等
更有的企业站 打开直接是个flash 打开根据网络环境的不同
可能要等待更长的时间 甚至有的连一个文字转入或者自动连接到文字说明页的连接都没有
全部设计到flash上面了
但，你想过没有 如果用户浏览器不支持flash 将会是什么样子的？？
根据我的经验
企业网站设计方面应该这样做（当然并不说必定要这样做，我只是说大概！）
打开的首页简洁明了，动画就别用了
内容上主要是介绍清楚 产品类型（并能连接到详细说明） 联系方式（这个最好在每个页面上都放上，位置占用的并不多）
导航上 最好涉及到如下频道 企业介绍、产品介绍、公司资质等 现在一般还会加上 企业新闻这样的交互功能
留言板现在的似乎越来越少的能表现作用
如果能加上像 洽谈通 这样的在线web客服务 是不错的选择。。。
先这样随便没条理的写点 以后慢慢完善！！！分类: 建站设计 | Tags:
2007年6月21日网站CI形象的定位
所谓CI，是借用的广告术语。(CI是英文corporate identity的缩写)，意思是通过视觉来统一企业的形象。现实生活中的CI策划比比皆是，杰出的例子如：可口可乐公 司，全球统一的标志，色彩和产品包装，给我们的印象极为深刻。更多的例子如SONY,三菱，麦当劳等等。
一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。
1.设计网站的标志(logo).首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。
标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：soim是用soim的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。
(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。
(2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。
(3).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体， 字母的变形，字母的组合可以很容易制作好自己的标志。
2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？
一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。
一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。(注：关于色彩搭配的具体方法，我们会在本系列文章的第八篇介绍)。
3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是阿捷的个人看法，你可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难:)
需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！
4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。
以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说：你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静态来设计CI,还没有引入声音，三维立体等因素。)
一个杰出的网站，和实体公司一样，也需要整体的形象包装和设计。准确的，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。在您的网站主题和名称定下来之后，需要思考的就是网站的CI形象。
1.设计网站的标志(logo).首先你需要设计制作一个网站的标志(logo)。就如同商标一样，logo是你站点特色和内涵的集中体现，看见logo就让大家联想起你的站点。注意：这里的logo不是指88X31的小图标banner,而是网站的标志。
标志可以是中文，英文字母，可以是符号，图案，可以是动物或者人物等等。比如：soim是用soim的英文作为标志，新浪用字母sina+眼睛作为标志。标志的设计创意来自你网站的名称和内容。
(1).网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本，加以卡通化和艺术化，例如迪斯尼的米老鼠，搜狐的卡通狐狸，鲨威体坛的篮球鲨鱼。
(2).网站有专业性的，可以以本专业有代表的物品作为标志。比如中国银行的铜板标志，奔驰汽车的方向盘标志。
(3).最常用和最简单的方式是用自己网站的英文名称作标志。采用不同的字体， 字母的变形，字母的组合可以很容易制作好自己的标志。
2.设计网站的标准色彩。网站给人的第一印象来自视觉冲击，确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果，并可能影响到访问者的情绪。
“标准色彩”是指能体现网站型象和延伸内涵的色彩。举个实际的例子就明白了：IBM的深蓝色，肯得基的红色条型，windows视窗标志上的红蓝黄绿色块，都使我们觉得很贴切，很和谐。如果将IBM改用绿色或金黄色，我们会有什么感觉？
一般来说，一个网站的标准色彩不超过3种，太多则让人眼花缭乱。标准色彩要用于网站的标志，标题，主菜单和主色块。给人以整体统一的感觉。至于其它色彩也可以使用，只是作为点缀和衬托，绝不能喧宾夺主。
一般来说，适合于网页标准色的颜色有：蓝色，黄/橙色，黑/灰/白色三大系列色。(注：关于色彩搭配的具体方法，我们会在本系列文章的第八篇介绍)。
3.设计网站的标准字体。和标准色彩一样，标准字体是指用于标志，标题，主菜单的特有字体。一般我们网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格，我们可以根据需要选择一些特别字体。例如，为了体现专业可以使用粗仿宋体，体现设计精美可以用广告体，体现亲切随意可以用手写体等等。当然这些都是阿捷的个人看法，你可以根据自己网站所表达的内涵，选择更贴切的字体。目前常见的中文字体有二三十种，常见的英文字体有近百种，网络上还有许多专用英文艺术字体下载，要寻找一款满意的字体并不算困难:)
需要说明的是：使用非默认字体只能用图片的形式，因为很可能浏览者的PC里没有安装你的特别字体，那么您的辛苦设计制作便付之东流啦！
4.设计网站的宣传标语。也可以说是网站的精神，网站的目标。用一句话甚至一个词来高度概括。类似实际生活中的广告金句。例如：鹊巢的“味道好极了”；麦斯威尔的“好东西和好朋友一起分享”；Intel的“给你一个奔腾的心”。
以上四方面：标志，色彩，字体，标语，是一个网站树立CI形象的关键，确切的说是网站的表面文章，设计并完成这几步，你的网站将脱胎换骨，整体形象有一个提高。形象地说：你从一个土气的农民转变为一位西装革履的白领人士。(注意：我们只是以平面静态来设计CI,还没有引入声音，三维立体等因素。)
