页面标准及网站LOGO设计规范：尺寸、分辨率、字节要求

hwyzw

    页面设计遵循800*600的分辨率规范，而实际呈现的尺寸则是778像素宽和434像素高。

    页面长度原则上不超过3屏，宽度不超过1屏

    · 每个标准页面为A4幅面大小，即8.5X11英寸

    全尺寸的尺寸为468像素乘以60像素，半尺寸则是234像素乘以60像素，而小尺寸则为88像素乘以31像素。

    另外120*90，120*60也是小图标的标准尺寸

    每个非首页的静态网页所包含的图片，其字节大小不得超出60K，而图片的全尺寸大小则不得超过14K。

    禁止擅自更改专业术语，确保内容的一致性，不得随意增删关键信息。

    网站LOGO设计规范

    LOGO的运用始终是导入CIS的核心要素，同时也是其最直观的体现方式，其重要性显而易见。

    的，网络标识的设计尤其如此。

    一、标识的职能：

    标识（LOGO）作为一种独特的传媒符号，始终充当着传递特定信息的视觉文化语言。据信，距今2433年前，我国楚地陪葬的曾侯乙墓中，一只戟上的“曾”字型图案，是首个符合企业形象识别系统（CIS）理念的标识实例。从古至今，无论是繁复的欧式徽标、中式龙纹，还是现代简约的抽象图案、简洁的文字标识，它们都在致力于达成标识与其所代表实体之间的关联，即：

    识别与区分标识、激发联想、强化记忆，这些方式有助于加强被标识物与其实体之间的沟通与互动，进而巩固并深化对其的认知和认同，实现认知度和美誉度的显著提升。在网络LOGO的设计领域，作为时代的先锋，设计师们更应遵循CIS的普遍原则，并在其中寻求创新与突破。

    二、网络LOGO设计的基本应用原理：

    在网络LOGO设计领域，统一性原则被高度重视。这种统一并非简单地对某一设计理念进行重复，而是要求设计师将诸如主导性、从属性、相互关系、均衡、比例、反复、反衬、律动、对称、对比、借用、调和、变异等众多设计原理，恰当地融入设计的整体呈现之中。统一可以视为对上述各个原理的概括性表述，同时它也代表了一种更为高级、更为全面、更为综合的原理。

    LOGO的各个组成部分通常既体现了一种共性，又展现出各自的特性，这种特性也被称作独特性，或者说是变化。而统一则是指将这种多样性凝结成一个核心的表现形式，这就是所谓的多样统一原则。在这个原则中，各个部分中存在一些关键要素，它们在大小、材质、位置等方面对整体具有决定性的影响。

    要素，被誉为核心。准确捕捉对象的丰富统一性，并凸显核心要素，是设计网络标志不可或缺的技术要求。

    网络标识的显著特征及其独树一帜的风格，要求设计中的图案与字体必须与被标识对象的特性相契合，同时展现出与之相仿的审美风格。

    在网友论坛重新启动之际，便有小魔女对论坛的标志提出了……

    提出了不同意见，该LOGO采用了一种简单的印刷字体，与浪子品牌一贯追求的独特风格和追求卓越的品质存在较大差距，且与网站整体LOGO的统一性不够，导致观者产生理解上的困惑。然而，在以英文LOGO为主的浪子网站上，尝试设计中文LOGO，这算是一种创新尝试吧。

    网络标志的设计更需重视对事物之间相互作用的掌控，它需在融合文化内涵、背景信息、设计对象、核心理念以及众多设计原则的基础上，呈现出对象最为强烈和鲜明的视觉形象。这种冲动往往受到诸多限制，一旦在某个领域缺乏足够的张力，精心设计的标志很可能会因为种种相互矛盾的原因，诸如缺乏理解、不被认同、不符合实际、不够前卫、缺乏艺术感、不够朴实等，而被用户拒绝或被受众忽视、遗忘。因此，准确把握用户需求以及标志的应用目标，是避免无效努力的关键途径。若忽视国情与用户认知，对自身设计技能评估过低亦非明智之举。在我国，若为任何一家售卖计算机的商家设计价值300万的朗讯红圈LOGO，极易给人留下欺诈的印象。

    三、网络LOGO的表现形式：

    LOGO作为具备传媒特征的标识，通常为了在有限的空间内充分发挥视觉识别的作用，往往采用特定图案与文字的结合方式，以此来展示、解释、沟通和交流被标识对象，进而激发受众的兴趣，提升其知名度和易于记忆的效果。

    表现形式的组合方式一般分为特示图案，特示字体，合成字体。

    1、特示图案：

    这类符号属于外在表征，具有个性鲜明、易于辨认和记忆的特点；图案易于区分，通过隐喻、联想、归纳、提炼等绘画技巧来展现被标识对象的内涵，对理念的表达既形象又概括。然而，与被标识对象之间的联系并非直接，观众更容易记住图案本身。要理解被标识对象之间的关系，需经历一段较为曲折的认知过程。但一旦建立起联系，印象会非常深刻，对被标识对象的记忆也会相对持久。

    因此，在需要高度持久记忆的情况下，应精心设计特色鲜明的图案形象；例如，苹果公司的咬痕苹果设计，对图案LOGO推广的各个要素处理得十分得体。而在某些情境下，若希望在较短时间内塑造形象，则应考虑设计相应的吉祥物；这样的吉祥物，可以借鉴苹果这样的知名概念，从而加强沟通与理解。

    在当今追求快速消费精神产品的时代，朗讯的标志性红圈设计亦逐渐流行起来。然而，在国内，这种设计似乎仅限于设计公司的网站应用。遗憾的是，即便如此，有线电视最新推出的影视综艺节目LOGO也采用了螺旋状的朗讯红圈，令人惋惜的是，在借鉴的过程中，大胆有余而创新不足。

    特示文字，作为一种表意符号，在沟通与传播过程中，频繁出现的被标识对象名称或产品名称，通过统一的文字形式进行呈现。其意义明确、直接，与被标识对象紧密相连，便于理解和认知，同时还能对所传达的理念进行阐释。然而，由于文字本身具有相似性，容易导致受众对标识的记忆模糊，进而削弱对被标识对象的长期记忆。

    因此，特示文字通常用作特示图案的辅助说明，所选字体需与整体设计风格相协调，并力求在创新中展现出独特的辨识度。

   

    个优秀的LOGO设计，尤其是在满足国际化标准的同时，必须充分展现中国文化的独特魅力。

    一般而言，设计时需至少包含中英文两种语言版本，同时需关注中英文字的比例分配，以及搭配方式。通常，图案设计应包括纯中文、纯英文、中英文结合以及单独的图案、文字和英文的组合。此外，还需考虑繁体字以及其他特定语言的版本。同时，还需注意标识或文字展开后的美观性，这对于背景等元素的制作至关重要，有助于实现符号的扩展效果。

    闪客帝国及其前身边城浪子的标志设计颇具匠心，然而在设计过程中似乎并未充分考虑中文元素。浪子似乎对汉字在极小字体下的表现力以及特性字体的缺失持有不同意见，这或许使得他在中文设计方面显得不够积极。对于面向国内网友的网站来说，这样的LOGO设计不能不让人感到些许遗憾。

    3、合成文字:

    这是一种融合了文字和图案的视觉表达形式，涉及将文字与图案相结合的设计手法。这种设计既保留了文字的属性，又融入了图案的特点，然而，两者在影响力上均有所减弱。根据不同的目标受众，设计时可能会倾向于强调图案或文字，从而在传达信息时产生显著的不同。例如，仅仅对印刷字体进行简单的装饰，或者将文字设计成一种装饰性的造型，让观众去猜测其含义。这种综合性的设计功能包括：

    a.能够直接将被标识体的印象，透过文字造型让读者理解；

    b.造型后的文字，较易于使观者留下深刻印象与记忆；

    四、网络LOGO的设计

    古时皇室所用的徽章，若有机会通过反复展示，能让观者知晓其代表的身份、地位与等级等特质，设计上可以极为复杂。然而，现代人在审美上更倾向于简洁、明快、流畅和易于记忆的视觉感受，这一趋势促使标识设计趋向于独特且高度精炼。一些在消费者心中已形成印象的公司和团体，为了加深公众对品牌的辨识度和保持忠诚度，通过设计更加独特、易于理解的形象图案，来加强公众对品牌理念的认同。诸多传统企业正致力于对品牌形象进行革新，其中可口可乐的标志更是经历了多次修改。

    一些热衷于让受众迅速理解的群体，往往更加注重文字表达的直接性，他们倾向于使用特征鲜明的合成文字来呈现信息，同时借助现代媒体的广泛传播和重复播放，以强化并维持那些容易模糊的记忆。例如，INTEL品牌的LOGO就是通过E字简单位移这一独特设计来实现的。

    在网络LOGO的设计过程中，广泛运用了合成文字的创意手法，诸如YAHOO等。

    等的设计标志以及国内绝大多数互联网服务提供商，这既是因为网页上每一寸空间都极具价值，同时也对LOGO的设计提出了严格的要求。

    其尺寸力求最小化；此外，这些网站在创建初期普遍缺少杰出形象设计师的加盟，决策层主要由技术人员构成，他们对于直接明了、简洁流畅的风格有着一种天然的偏好；最关键的是，网络的特性使得仅仅依靠对LOGO的短暂而清晰的记忆，通过低成本的大规模重复浏览，便能够形成需要图形持续强化印象的那部分记忆。因此，网络标志对于合成文字的推崇已逐渐演变为网络标志领域的一项实际准则。

    管理人员、设计人员以及策划人员的加入网络，使得LOGO设计得以更高效地探索。尤其是某些设计网站，在LOGO设计领域进行了众多富有成效的尝试。对于网站标志的数字特性研究，涉及对标志的3D效果和动态展示形式的探索。其中，多数人认同的做法是，为了维护标志作为整体形象的象征，动态调整时应避免对标志整体造成破坏性变形。这意味着，动态变化仅限于比例上的放大、缩小或移动等，而不应包括翻滚、倾斜等动作。这样做是为了保持对被标识对象的庄重性的尊重。此外，将现有的标志制作成3D网络标志，已经成为一种越来越常见的网络标识制作方法。

    五、网络LOGO的规范

    在LOGO设计过程中，需遵循针对不同应用场景设定的规范，这对指导网站的整体构建具有极其重要的实际价值。具体而言，需对LOGO的标准色彩进行规定，确定设计时可能遇到的适宜背景色彩搭配，考虑反白效果，同时确保在清晰展示LOGO的基础上，设定其最小显示尺寸。此外，还需为LOGO在不同条件下制定配色方案，以及辅助色带等，以便于制作过程中的应用。此外，还需关注文字与图案的边界要分明，确保文字与图案之间不发生重叠。同时，不妨考虑将LOGO设计为竖直排列的形式，并思考其在作为背景时的布局方式。

    设计网络LOGO时，不能仅着眼于设计师高分辨率屏幕上的呈现，还需考虑到网站发展到一定阶段时，相应推广活动所需的效果。这样，LOGO在应用于不同媒体时，才能展现出良好的视觉效果；此外，还应采用能够赢得多数观众喜爱和认可的造型。

    因此，需充分考虑LOGO在传真、报纸、杂志等纸质媒介上的单色呈现、反光效果，以及其在织物上的织造纹理、车身上的涂装质感，制作徽章时的金属光泽，以及墙面立体造型所带来的视觉效果等多方面因素。

    8848网站的标志设计由于未充分考虑字体与背景的协调性，导致“8848”四个字中的圈形部分误变成了数字“8”的形状，这种在网络上色彩鲜艳、易于辨识的标识，在报纸广告中却变得模糊不清，与网站积极寻求上市的定位形成了鲜明对比。

    将标识转换为黑白形式是一种相对简便的方法，只要这样处理后，LOGO的核心意义能够得到准确且恰当的传达，便可以视为符合标准。

    严禁对专业术语进行篡改，确保内容准确无误，同时维护术语的权威性和规范性。

    网站文件命名规范

    · 文件命名的原则：以最少的字母达到最容易理解的意义。

    · 索引文件统一使用index.html文件名(小写)

    index.html文件被设定为“桥页”，其功能仅限于充当跳转页面和承载meta标签的页面，不包含具体内容。与之相对，主内容则由main.html文件呈现。

    · 按菜单名的英语翻译取单一单词为名称。例如：

    关于我们 \

    信息反馈 \

    产 品 \

    所有包含单个英文单词的文件名应当采用小写字母书写，而对于由多个英文单词组成的文件名，则应从第二个单词开始，将每个单词的首字母大写。

    所有文件名字母间连线都为下划线

   

    · 图片命名原则以图片英语字母为名。大小原则写同上。

    例如：网站标志的图片为logo.gif

    鼠标感应效果图片命名规范为"图片名+_+on/off"。

    例如：.gif/.gif

    五. 其它文件命名规范

    1.js的命名原则以功能的英语单词为名。

    例如：广告条的js文件名为:ad.js

    2.所有的CGI文件后缀为cgi

    所有CGI程序的配置文件为.cgi

    禁止擅自对专有名词进行修改，确保内容的一致性和准确性，不得随意更改原文中的关键信息。

    网站目录设置规范

    目录建立的原则：以最少的层次提供最清晰简便的访问结构。

    根目录。

    根目录指DNS域名服务器指向的索引文件的存放目录。

    服务器的ftp上传目录默认为html

    根目录文件

    根目录下仅能存放index.html以及main.html这两个文件，同时还包括那些不可或缺的系统文件。

    每个语言版本存放于独立的目录。已有版本语言设置为：

    简体中文 \gb

    繁体中文 \big5

    英 语 \en

    日 语 \jp

    每个主要功能(主菜单)建立一个相应的独立目录。

    根目录内设有公共图片存储区域，而各个独立目录则分别用于存放各自的私有图片。

    例如：\menu1\

    \menu2\

    所有的js文件存放在根目录下统一目录\

    所有的CSS文件存放在根目录下的style目录

    所有的CGI程序存放在根目录并列目录\目录

    （以上只是规范，不必拘泥一格，创新，再创新！）