網站設計規範

網站尺寸規範//網站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目錄

（以上隻是規範，不必拘泥一格，創新，再創新！）