网站尺寸规范//网站LOGO设计规范//网站文件命名规范//网站目录设置规范
网站建设尺寸规范
· 页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
· 每个标准页面为A4幅面大小，即8.5X11英寸
· 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
· 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
-------------------------------------------------------------------------
网站LOGO设计规范
LOGO的应用一直是CIS导入的基础和最直接的表现形式，其重要性是不言而喻
的，网络标识的设计尤其如此。
一、标识的职能：
作为独特的传媒符号，标识（LOGO）一直成为传播特殊信息的视觉文化语言。具信，最早的符合CIS精神的标识实例，是2433年前陪葬我国楚地的曾侯乙的一只戟上的"曾"字型图标。无论从古时繁复的欧式徽标、中式龙文，到现代洗练的抽象纹 样、简单字标等都是在实现着标识被标识体的目的，即：
通过对标识的识别、区别、引发联想、增强记忆，促进被标识体与其对象的沟通 与交流，从而树立并保持对被标识体的认知、认同，达到高效提高认知度、美誉度的 效果。作为时代的前卫，网络LOGO的设计，更应遵循CIS的整体规律并有所突破。
二、网络LOGO设计的基本应用原理：
在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理，应该是将其他的任何设计原理如：主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理，正确地应用于设计的完整表现。统一也可解释为，共通以上所述各原理，而更高、更概括、更 综合的原理。
构成LOGO要素的各部分，一般都具有一种共通性及差异性，这个差异性又称为 独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原 理。统一在各部分之中的要素中，有一个大小、材质、位置等具有支配全体的作用的
要素，被称为支配。精确把握对象的多样统一并突出支配性要素，是设计网络LOGO 必备技术因素。
网络LOGO所强调的辨别性及独特性，导致相关图案字体的设计也要和被标识体 的性质有适当的关联，并具备类似风格的造型。
记得最近EASTECHO的网友论坛重新开张之时，就有小魔女对论坛的LOGO表
示了异议，一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较 大背离，并与整个网站LOGO缺乏联系，从而产生认知的歧义。不过作为充斥英文LOGO 的浪子网站，做了中文LOGO尝试，算个突破吧。
网络LOGO设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动，在任何方面的张力不足的情况下，精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象，是少做无用功的不二法门。不考虑国情和用户的认识水平，对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO，很容易被看作是骗钱的。
三、网络LOGO的表现形式：
作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能， 一般是通过特示图案及特示文字的组合，达到对被标识体的出示、说明、沟通、交流 从而引导受众的兴趣、达到增强美誉、记忆等目的。
表现形式的组合方式一般分为特示图案，特示字体，合成字体。
1、特示图案：
属于表象符号，独特、醒目、图案本身易被区分、记忆，通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体关联性不够直接，受众容易记忆图案本身，但对被标识体的关系的认知需要相对较曲折的 过程，但一旦建立联系，印象较深刻，对被标识体记忆相对持久。
所以对持久记忆要求高时应设计良好的特示图案形象，较好的设计如苹果公司的牙印苹果，对图案LOGO的面向推广的各种要素都把握的恰到好处，另外一些情况下，希望在较短期限内建立形象的，还应该设计相应的吉祥物，以类似苹果这样耳熟能详 的概念，强化沟通和理解。
在现代精神快餐的时代，朗讯的红圈也在成为时尚。不过这类设计在国内还只有 设计公司的网站才能接收吧，但有线电视的一个最新的影视综艺节目的LOGO就出现 了螺旋型的朗讯红圈，可叹借鉴时大胆有余，创意不足了。
2、特示文字：属于表意符号。在沟通与传播活动中，反复使用的被标识体的名称或是其产品名，用一种文字形态加以统一。涵义明确、直接，与被标识体的联系密切，易于被理解，认知，对所表达的理念也具有说明的作用，但因为文字本身的相似性易 模糊受众对标识本身的记忆，从而对被标识体的长久记忆发生弱化。
所以特示文字，一般作为特示图案的补充，要求选择的字体应与整体风格一致， 应尽可能做全新的区别性创作。
完整的LOGO设计，尤其是有中国特色的LOGO设计，在国际化的要求下，一
般都应考虑至少有中英文双语的形式，要考虑中英文字的比例，搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观，这 一点对背景等的制作十分必要，有利于追求符号扩张的效果。
闪客帝国及其前身的边城浪子LOGO，都有着极好的设计，但都没有考虑中文， 不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然， 也许导致他怠于思考对中文的设计。这对面向国内网友的网站LOGO，不能不说是一 种遗憾吧。
3、合成文字:
是一种表象表意的综合，指文字与图案结合的设计，兼具文字与图案的属性，但都导致相关属性的影响力相对弱化，为了不同的对象取向，制作偏图案或偏文字的 LOGO，会在表达时产生较大的差异。如只对印刷字体做简单修饰，或把文字变成一 种装饰造型让大家去猜。其综合功能为：
a.能够直接将被标识体的印象，透过文字造型让读者理解；
b.造型后的文字，较易于使观者留下深刻印象与记忆；
四、网络LOGO的设计
古代皇家的纹章，有条件通过反复的识别性展示使受众了解其蕴涵的身份、地位、等级等属性，可以被设计的极尽繁复，但现代人对简洁、明快、流畅、瞬间印象的诉求，影响到标识的设计越来越追求一种独特的、高度的洗练，一些已在用户群中产生了一定印象的公司、团体为了强化受众的区别性记忆及持续的品牌忠诚，通过设计更独特、更易被理解的图案来强化对既有理念的认同。一些老牌公司就在积极更新标识， 可口可乐的标识就曾几易其稿。
而一些追求受众快速认知的群体，就会强化对文字表达直接性的需求，通过采用 文字特征明显的合成文字来表现，并通过现代媒体的大量反复来强化、保持易被模糊 的记忆。如INTEL的E字简单位移构成的LOGO形式。
网络LOGO的设计中，大量的采用合成文字的设计方式，如YAHOO，AMAZON
等的文字LOGO和国内几乎所有ISP，这一方面是网页寸屏寸金的制约，要求LOGO
的尺寸要尽可能的小；另一方面是由于这些网站建设之初，一般缺乏优秀的形象设计师的参与，决策者多数为技术类人员，对直截了当、简洁明快有种直觉式的追求；而最主要的是网络的特性决定了仅靠对LOGO产生短暂清晰的记忆，通过低成本大量反复浏览，既可产生需要图形保持提升的那部分印象记忆。所以网络LOGO对于合成文 字的追求已渐成网络LOGO的一种事实规范。
随着管理人员、设计人员，策划人员的介入网络，更加高效的LOGO设计亦得到良好的探索。特别是一些设计网站对LOGO设计做了很多有意义的尝试。如针对网站LOGO的数字特性探索LOGO的3D、动态表现方式等，其中比较共识的做法是，为 保护LOGO作为整体形象的代表，只宜于在LOGO整体不做缺损性变形的条件下做动态变化，即只成比例放大、缩小、移动等，而不宜做翻滚、倾斜等变化，以保证对被标识体的严肃性的尊重,另外对既有LOGO制作3D的网络LOGO，已经成为越来越 普遍网络标识制作方案了。
五、网络LOGO的规范
设计LOGO时，面向应用的各种条件作出相应规范，对指导网站的整体建设有着极现实的意义。具体须规范LOGO的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸，为LOGO制订一些特定条件下的配色，辅助色带等方便在制作BANNER等场合的应用。另外应注意文字与图案边缘应清晰，字与图案不宜相交叠。另外还可考虑LOGO竖排效果，考虑作 为背景时的排列方式等。
一个网络LOGO不应只考虑在设计师高分辨屏幕上的显示效果，应该考虑到网站 整体发展到一个高度时相应推广活动所要求的效果，使其在应用于各种媒体时，也能 发挥充分的视觉效果；同时应使用能够给予多数观众好感而受欢迎的造型。
所以应考虑到LOGO在传真、报纸、杂志等纸介质上的单色效果、反白效果、在 织物上的纺织效果、在车体上的油漆效果，制作徽章时的金属效果、墙面立体的造型 效果等。
8848网站的LOGO就因为忽略了字体与背景的合理搭配，圈住4字的圈成了8的 背景，使其在网上彩色下能辨认的标识在报纸上做广告时糊涂一片，这样的设计与其 努力上市的定位相去甚远”\'_~~~~~~~
比较简单的办法之一是把标识处理成黑白，能正确良好表达LOGO涵义的即为合格。
---------------------------------------------------------------------------------------------------
网站文件命名规范
· 文件命名的原则：以最少的字母达到最容易理解的意义。
· 索引文件统一使用index.html文件名(小写)
index.html文件统一作为"桥页"，不制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.html
· 按菜单名的英语翻译取单一单词为名称。例如：
关于我们 \aboutus
信息反馈 \feedback
产 品 \product
所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；
所有文件名字母间连线都为下划线
· 图片命名原则以图片英语字母为名。大小原则写同上。
例如：网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如：menu1_on.gif/menu1_off.gif
五. 其它文件命名规范
1.js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js
2.所有的CGI文件后缀为cgi
所有CGI程序的配置文件为config.cgi
----------------------------------------------------------------------------------------------------
网站目录设置规范
目录建立的原则：以最少的层次提供最清晰简便的访问结构。
根目录。
根目录指DNS域名服务器指向的索引文件的存放目录。
服务器的ftp上传目录默认为html
根目录文件
根目录只允许存放index.html和main.html文件，以及其他必须的系统文件。
每个语言版本存放于独立的目录。已有版本语言设置为：
简体中文 \gb
繁体中文 \big5
英 语 \en
日 语 \jp
每个主要功能(主菜单)建立一个相应的独立目录。
根目录下的images为存放公用图片目录，每个目录下私有图片存放于各自独立images目录.
例如：\menu1\images
\menu2\images
所有的js文件存放在根目录下统一目录\script
所有的CSS文件存放在根目录下的style目录
所有的CGI程序存放在根目录并列目录\cgi_bin目录
（以上只是规范，不必拘泥一格，创新，再创新！）
网站建设尺寸规范
· 页面标准按800*600分辨率制作，实际尺寸为778*434px
页面长度原则上不超过3屏，宽度不超过1屏
· 每个标准页面为A4幅面大小，即8.5X11英寸
· 全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px
另外120*90，120*60也是小图标的标准尺寸
· 每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K
-------------------------------------------------------------------------
网站LOGO设计规范
LOGO的应用一直是CIS导入的基础和最直接的表现形式，其重要性是不言而喻
的，网络标识的设计尤其如此。
一、标识的职能：
作为独特的传媒符号，标识（LOGO）一直成为传播特殊信息的视觉文化语言。具信，最早的符合CIS精神的标识实例，是2433年前陪葬我国楚地的曾侯乙的一只戟上的"曾"字型图标。无论从古时繁复的欧式徽标、中式龙文，到现代洗练的抽象纹 样、简单字标等都是在实现着标识被标识体的目的，即：
通过对标识的识别、区别、引发联想、增强记忆，促进被标识体与其对象的沟通 与交流，从而树立并保持对被标识体的认知、认同，达到高效提高认知度、美誉度的 效果。作为时代的前卫，网络LOGO的设计，更应遵循CIS的整体规律并有所突破。
二、网络LOGO设计的基本应用原理：
在网络LOGO设计中极为强调统一的原则。统一并不是反复某一种设计原理，应该是将其他的任何设计原理如：主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等设计人员所熟知的各种原理，正确地应用于设计的完整表现。统一也可解释为，共通以上所述各原理，而更高、更概括、更 综合的原理。
构成LOGO要素的各部分，一般都具有一种共通性及差异性，这个差异性又称为 独特性，或叫做变化，而统一是将多样性提炼为一个主要表现体，称为多样统一的原 理。统一在各部分之中的要素中，有一个大小、材质、位置等具有支配全体的作用的
要素，被称为支配。精确把握对象的多样统一并突出支配性要素，是设计网络LOGO 必备技术因素。
网络LOGO所强调的辨别性及独特性，导致相关图案字体的设计也要和被标识体 的性质有适当的关联，并具备类似风格的造型。
记得最近EASTECHO的网友论坛重新开张之时，就有小魔女对论坛的LOGO表
示了异议，一个简单印刷字体的LOGO与浪子固有的独特风格、精益求精的品质有较 大背离，并与整个网站LOGO缺乏联系，从而产生认知的歧义。不过作为充斥英文LOGO 的浪子网站，做了中文LOGO尝试，算个突破吧。
网络LOGO设计更应注重是一种对事物张力的把握，在浓缩了文化、背景、对象、理念及各种设计原理的基调上，实现对象最冲动的视觉体现。也可以理解为一种最受制约的冲动，在任何方面的张力不足的情况下，精心设计的LOGO常会因为不理解、不认同、不现实、不前卫、不艺术、不朴实等相互矛盾的理由而被用户拒绝或为受众排斥、遗忘。所以恰到好处的理解用户及LOGO的应用对象，是少做无用功的不二法门。不考虑国情和用户的认识水平，对自身设计能力估计不足都是要不得的。在国内给哪个卖计算机的老板设计个$300万的朗讯红圈LOGO，很容易被看作是骗钱的。
三、网络LOGO的表现形式：
作为具有传媒特性的LOGO，为了在最有效的空间内实现所有的视觉识别功能， 一般是通过特示图案及特示文字的组合，达到对被标识体的出示、说明、沟通、交流 从而引导受众的兴趣、达到增强美誉、记忆等目的。
表现形式的组合方式一般分为特示图案，特示字体，合成字体。
1、特示图案：
属于表象符号，独特、醒目、图案本身易被区分、记忆，通过隐寓、联想、概括、抽象等绘画表现方法表现被标识体，对其理念的表达概括而形象，但与被标识体关联性不够直接，受众容易记忆图案本身，但对被标识体的关系的认知需要相对较曲折的 过程，但一旦建立联系，印象较深刻，对被标识体记忆相对持久。
所以对持久记忆要求高时应设计良好的特示图案形象，较好的设计如苹果公司的牙印苹果，对图案LOGO的面向推广的各种要素都把握的恰到好处，另外一些情况下，希望在较短期限内建立形象的，还应该设计相应的吉祥物，以类似苹果这样耳熟能详 的概念，强化沟通和理解。
在现代精神快餐的时代，朗讯的红圈也在成为时尚。不过这类设计在国内还只有 设计公司的网站才能接收吧，但有线电视的一个最新的影视综艺节目的LOGO就出现 了螺旋型的朗讯红圈，可叹借鉴时大胆有余，创意不足了。
2、特示文字：属于表意符号。在沟通与传播活动中，反复使用的被标识体的名称或是其产品名，用一种文字形态加以统一。涵义明确、直接，与被标识体的联系密切，易于被理解，认知，对所表达的理念也具有说明的作用，但因为文字本身的相似性易 模糊受众对标识本身的记忆，从而对被标识体的长久记忆发生弱化。
所以特示文字，一般作为特示图案的补充，要求选择的字体应与整体风格一致， 应尽可能做全新的区别性创作。
完整的LOGO设计，尤其是有中国特色的LOGO设计，在国际化的要求下，一
般都应考虑至少有中英文双语的形式，要考虑中英文字的比例，搭配、一般要有图案中文、图案英文、图案中英文、及单独的图案、中文、英文的组合形式。有的还要考虑繁体、其他特定语言版本等。另外还要兼顾标识或文字展开后的应用是否美观，这 一点对背景等的制作十分必要，有利于追求符号扩张的效果。
闪客帝国及其前身的边城浪子LOGO，都有着极好的设计，但都没有考虑中文， 不过浪子好象一直对汉字的表现力如极小字体的缺乏、特性字体缺少等颇不以为然， 也许导致他怠于思考对中文的设计。这对面向国内网友的网站LOGO，不能不说是一 种遗憾吧。
3、合成文字:
是一种表象表意的综合，指文字与图案结合的设计，兼具文字与图案的属性，但都导致相关属性的影响力相对弱化，为了不同的对象取向，制作偏图案或偏文字的 LOGO，会在表达时产生较大的差异。如只对印刷字体做简单修饰，或把文字变成一 种装饰造型让大家去猜。其综合功能为：
a.能够直接将被标识体的印象，透过文字造型让读者理解；
b.造型后的文字，较易于使观者留下深刻印象与记忆；
四、网络LOGO的设计
古代皇家的纹章，有条件通过反复的识别性展示使受众了解其蕴涵的身份、地位、等级等属性，可以被设计的极尽繁复，但现代人对简洁、明快、流畅、瞬间印象的诉求，影响到标识的设计越来越追求一种独特的、高度的洗练，一些已在用户群中产生了一定印象的公司、团体为了强化受众的区别性记忆及持续的品牌忠诚，通过设计更独特、更易被理解的图案来强化对既有理念的认同。一些老牌公司就在积极更新标识， 可口可乐的标识就曾几易其稿。
而一些追求受众快速认知的群体，就会强化对文字表达直接性的需求，通过采用 文字特征明显的合成文字来表现，并通过现代媒体的大量反复来强化、保持易被模糊 的记忆。如INTEL的E字简单位移构成的LOGO形式。
网络LOGO的设计中，大量的采用合成文字的设计方式，如YAHOO，AMAZON
等的文字LOGO和国内几乎所有ISP，这一方面是网页寸屏寸金的制约，要求LOGO
的尺寸要尽可能的小；另一方面是由于这些网站建设之初，一般缺乏优秀的形象设计师的参与，决策者多数为技术类人员，对直截了当、简洁明快有种直觉式的追求；而最主要的是网络的特性决定了仅靠对LOGO产生短暂清晰的记忆，通过低成本大量反复浏览，既可产生需要图形保持提升的那部分印象记忆。所以网络LOGO对于合成文 字的追求已渐成网络LOGO的一种事实规范。
随着管理人员、设计人员，策划人员的介入网络，更加高效的LOGO设计亦得到良好的探索。特别是一些设计网站对LOGO设计做了很多有意义的尝试。如针对网站LOGO的数字特性探索LOGO的3D、动态表现方式等，其中比较共识的做法是，为 保护LOGO作为整体形象的代表，只宜于在LOGO整体不做缺损性变形的条件下做动态变化，即只成比例放大、缩小、移动等，而不宜做翻滚、倾斜等变化，以保证对被标识体的严肃性的尊重,另外对既有LOGO制作3D的网络LOGO，已经成为越来越 普遍网络标识制作方案了。
五、网络LOGO的规范
设计LOGO时，面向应用的各种条件作出相应规范，对指导网站的整体建设有着极现实的意义。具体须规范LOGO的标准色、设计可能被应用的恰当的背景配色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸，为LOGO制订一些特定条件下的配色，辅助色带等方便在制作BANNER等场合的应用。另外应注意文字与图案边缘应清晰，字与图案不宜相交叠。另外还可考虑LOGO竖排效果，考虑作 为背景时的排列方式等。
一个网络LOGO不应只考虑在设计师高分辨屏幕上的显示效果，应该考虑到网站 整体发展到一个高度时相应推广活动所要求的效果，使其在应用于各种媒体时，也能 发挥充分的视觉效果；同时应使用能够给予多数观众好感而受欢迎的造型。
所以应考虑到LOGO在传真、报纸、杂志等纸介质上的单色效果、反白效果、在 织物上的纺织效果、在车体上的油漆效果，制作徽章时的金属效果、墙面立体的造型 效果等。
8848网站的LOGO就因为忽略了字体与背景的合理搭配，圈住4字的圈成了8的 背景，使其在网上彩色下能辨认的标识在报纸上做广告时糊涂一片，这样的设计与其 努力上市的定位相去甚远”\'_~~~~~~~
比较简单的办法之一是把标识处理成黑白，能正确良好表达LOGO涵义的即为合格。
---------------------------------------------------------------------------------------------------
网站文件命名规范
· 文件命名的原则：以最少的字母达到最容易理解的意义。
· 索引文件统一使用index.html文件名(小写)
index.html文件统一作为"桥页"，不制作具体内容，仅仅作为跳转页和meta标签页。主内容页为main.html
· 按菜单名的英语翻译取单一单词为名称。例如：
关于我们 \aboutus
信息反馈 \feedback
产 品 \product
所有单英文单词文件名都必须为小写，所有组合英文单词文件名第二个起第一个字母大写；
所有文件名字母间连线都为下划线
· 图片命名原则以图片英语字母为名。大小原则写同上。
例如：网站标志的图片为logo.gif
鼠标感应效果图片命名规范为"图片名+_+on/off"。
例如：menu1_on.gif/menu1_off.gif
五. 其它文件命名规范
1.js的命名原则以功能的英语单词为名。
例如：广告条的js文件名为:ad.js
2.所有的CGI文件后缀为cgi
所有CGI程序的配置文件为config.cgi
----------------------------------------------------------------------------------------------------
网站目录设置规范
目录建立的原则：以最少的层次提供最清晰简便的访问结构。
根目录。
根目录指DNS域名服务器指向的索引文件的存放目录。
服务器的ftp上传目录默认为html
根目录文件
根目录只允许存放index.html和main.html文件，以及其他必须的系统文件。
每个语言版本存放于独立的目录。已有版本语言设置为：
简体中文 \gb
繁体中文 \big5
英 语 \en
日 语 \jp
每个主要功能(主菜单)建立一个相应的独立目录。
根目录下的images为存放公用图片目录，每个目录下私有图片存放于各自独立images目录.
例如：\menu1\images
\menu2\images
所有的js文件存放在根目录下统一目录\script
所有的CSS文件存放在根目录下的style目录
所有的CGI程序存放在根目录并列目录\cgi_bin目录
（以上只是规范，不必拘泥一格，创新，再创新！）
