網(wǎng)站規(guī)范

 

--------------------------------------------------------------------------------
 
時(shí)間：2002-10-6 13:08:45 閱讀1573次 
   
網(wǎng)站尺寸規(guī)范//網(wǎng)站LOGO設(shè)計(jì)規(guī)范//網(wǎng)站文件命名規(guī)范//網(wǎng)站目錄設(shè)置規(guī)范

網(wǎng)站建設(shè)尺寸規(guī)范 

·        頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作，實(shí)際尺寸為778*434px 
頁(yè)面長(zhǎng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏 
·        每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小，即8.5X11英寸 
·        全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 
另外120*90，120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸 
·        每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K，全尺寸banner不超過(guò)14K 
------------------------------------------------------------------------------------------------------ 

網(wǎng)站LOGO設(shè)計(jì)規(guī)范 

LOGO的應(yīng)用一直是CIS導(dǎo)入的基礎(chǔ)和最直接的表現(xiàn)形式，其重要性是不言而喻 
的，網(wǎng)絡(luò)標(biāo)識(shí)的設(shè)計(jì)尤其如此。 
一、標(biāo)識(shí)的職能： 
　　作為獨(dú)特的傳媒符號(hào)，標(biāo)識(shí)（LOGO）一直成為傳播特殊信息的視覺(jué)文化語(yǔ)言。 
具信，最早的符合CIS精神的標(biāo)識(shí)實(shí)例，是2433年前陪葬我國(guó)楚地的曾侯乙的一只 
戟上的"曾"字型圖標(biāo)。無(wú)論從古時(shí)繁復(fù)的歐式徽標(biāo)、中式龍文，到現(xiàn)代洗練的抽象紋 
樣、簡(jiǎn)單字標(biāo)等都是在實(shí)現(xiàn)著標(biāo)識(shí)被標(biāo)識(shí)體的目的，即： 
　　通過(guò)對(duì)標(biāo)識(shí)的識(shí)別、區(qū)別、引發(fā)聯(lián)想、增強(qiáng)記憶，促進(jìn)被標(biāo)識(shí)體與其對(duì)象的溝通 
與交流，從而樹(shù)立并保持對(duì)被標(biāo)識(shí)體的認(rèn)知、認(rèn)同，達(dá)到高效提高認(rèn)知度、美譽(yù)度的 
效果。作為時(shí)代的前衛(wèi)，網(wǎng)絡(luò)LOGO的設(shè)計(jì)，更應(yīng)遵循CIS的整體規(guī)律并有所突破。 
二、網(wǎng)絡(luò)LOGO設(shè)計(jì)的基本應(yīng)用原理： 
　　在網(wǎng)絡(luò)LOGO設(shè)計(jì)中極為強(qiáng)調(diào)統(tǒng)一的原則。統(tǒng)一并不是反復(fù)某一種設(shè)計(jì)原理，應(yīng) 
該是將其他的任何設(shè)計(jì)原理如：主導(dǎo)性、從屬性、相互關(guān)系、均衡、比例、反復(fù)、反 
襯、律動(dòng)、對(duì)稱、對(duì)比、借用、調(diào)和、變異等設(shè)計(jì)人員所熟知的各種原理，正確地應(yīng) 
用于設(shè)計(jì)的完整表現(xiàn)。統(tǒng)一也可解釋為，共通以上所述各原理，而更高、更概括、更 
綜合的原理。 
　　構(gòu)成LOGO要素的各部分，一般都具有一種共通性及差異性，這個(gè)差異性又稱為 
獨(dú)特性，或叫做變化，而統(tǒng)一是將多樣性提煉為一個(gè)主要表現(xiàn)體，稱為多樣統(tǒng)一的原 
理。統(tǒng)一在各部分之中的要素中，有一個(gè)大小、材質(zhì)、位置等具有支配全體的作用的 
要素，被稱為支配。精確把握對(duì)象的多樣統(tǒng)一并突出支配性要素，是設(shè)計(jì)網(wǎng)絡(luò)LOGO 
必備技術(shù)因素。 
　　網(wǎng)絡(luò)LOGO所強(qiáng)調(diào)的辨別性及獨(dú)特性，導(dǎo)致相關(guān)圖案字體的設(shè)計(jì)也要和被標(biāo)識(shí)體 
的性質(zhì)有適當(dāng)?shù)年P(guān)聯(lián)，并具備類似風(fēng)格的造型。 
　　記得最近EASTECHO的網(wǎng)友論壇重新開(kāi)張之時(shí)，就有小魔女對(duì)論壇的LOGO表 
示了異議，一個(gè)簡(jiǎn)單印刷字體的LOGO與浪子固有的獨(dú)特風(fēng)格、精益求精的品質(zhì)有較 
大背離，并與整個(gè)網(wǎng)站LOGO缺乏聯(lián)系，從而產(chǎn)生認(rèn)知的歧義。不過(guò)作為充斥英文LOGO 
的浪子網(wǎng)站，做了中文LOGO嘗試，算個(gè)突破吧。 
　　網(wǎng)絡(luò)LOGO設(shè)計(jì)更應(yīng)注重是一種對(duì)事物張力的把握，在濃縮了文化、背景、對(duì)象、 
理念及各種設(shè)計(jì)原理的基調(diào)上，實(shí)現(xiàn)對(duì)象最沖動(dòng)的視覺(jué)體現(xiàn)。也可以理解為一種最受 
制約的沖動(dòng)，在任何方面的張力不足的情況下，精心設(shè)計(jì)的LOGO常會(huì)因?yàn)椴焕斫狻?
不認(rèn)同、不現(xiàn)實(shí)、不前衛(wèi)、不藝術(shù)、不樸實(shí)等相互矛盾的理由而被用戶拒絕或?yàn)槭鼙?
排斥、遺忘。所以恰到好處的理解用戶及LOGO的應(yīng)用對(duì)象，是少做無(wú)用功的不二法 
門。不考慮國(guó)情和用戶的認(rèn)識(shí)水平，對(duì)自身設(shè)計(jì)能力估計(jì)不足都是要不得的。在國(guó)內(nèi) 
給哪個(gè)賣計(jì)算機(jī)的老板設(shè)計(jì)個(gè)$300萬(wàn)的朗訊紅圈LOGO，很容易被看作是騙錢的。 
三、網(wǎng)絡(luò)LOGO的表現(xiàn)形式： 
　　作為具有傳媒特性的LOGO，為了在最有效的空間內(nèi)實(shí)現(xiàn)所有的視覺(jué)識(shí)別功能， 
一般是通過(guò)特示圖案及特示文字的組合，達(dá)到對(duì)被標(biāo)識(shí)體的出示、說(shuō)明、溝通、交流 
從而引導(dǎo)受眾的興趣、達(dá)到增強(qiáng)美譽(yù)、記憶等目的。 
　　表現(xiàn)形式的組合方式一般分為特示圖案，特示字體，合成字體。 
　　1、特示圖案： 
　　屬于表象符號(hào)，獨(dú)特、醒目、圖案本身易被區(qū)分、記憶，通過(guò)隱寓、聯(lián)想、概括、 
抽象等繪畫(huà)表現(xiàn)方法表現(xiàn)被標(biāo)識(shí)體，對(duì)其理念的表達(dá)概括而形象，但與被標(biāo)識(shí)體關(guān)聯(lián) 
性不夠直接，受眾容易記憶圖案本身，但對(duì)被標(biāo)識(shí)體的關(guān)系的認(rèn)知需要相對(duì)較曲折的 
過(guò)程，但一旦建立聯(lián)系，印象較深刻，對(duì)被標(biāo)識(shí)體記憶相對(duì)持久。 
　　所以對(duì)持久記憶要求高時(shí)應(yīng)設(shè)計(jì)良好的特示圖案形象，較好的設(shè)計(jì)如蘋(píng)果公司的 
牙印蘋(píng)果，對(duì)圖案LOGO的面向推廣的各種要素都把握的恰到好處，另外一些情況下， 
希望在較短期限內(nèi)建立形象的，還應(yīng)該設(shè)計(jì)相應(yīng)的吉祥物，以類似蘋(píng)果這樣耳熟能詳 
的概念，強(qiáng)化溝通和理解。 
　　在現(xiàn)代精神快餐的時(shí)代，朗訊的紅圈也在成為時(shí)尚。不過(guò)這類設(shè)計(jì)在國(guó)內(nèi)還只有 
設(shè)計(jì)公司的網(wǎng)站才能接收吧，但有線電視的一個(gè)最新的影視綜藝節(jié)目的LOGO就出現(xiàn) 
了螺旋型的朗訊紅圈，可嘆借鑒時(shí)大膽有余，創(chuàng)意不足了。 
　　2、特示文字：屬于表意符號(hào)。在溝通與傳播活動(dòng)中，反復(fù)使用的被標(biāo)識(shí)體的名稱 
或是其產(chǎn)品名，用一種文字形態(tài)加以統(tǒng)一。涵義明確、直接，與被標(biāo)識(shí)體的聯(lián)系密切， 
易于被理解，認(rèn)知，對(duì)所表達(dá)的理念也具有說(shuō)明的作用，但因?yàn)槲淖直旧淼南嗨菩砸?
模糊受眾對(duì)標(biāo)識(shí)本身的記憶，從而對(duì)被標(biāo)識(shí)體的長(zhǎng)久記憶發(fā)生弱化。 
　　所以特示文字，一般作為特示圖案的補(bǔ)充，要求選擇的字體應(yīng)與整體風(fēng)格一致， 
應(yīng)盡可能做全新的區(qū)別性創(chuàng)作。 
　　完整的LOGO設(shè)計(jì)，尤其是有中國(guó)特色的LOGO設(shè)計(jì)，在國(guó)際化的要求下，一 
般都應(yīng)考慮至少有中英文雙語(yǔ)的形式，要考慮中英文字的比例，搭配、一般要有圖案 
中文、圖案英文、圖案中英文、及單獨(dú)的圖案、中文、英文的組合形式。有的還要考 
慮繁體、其他特定語(yǔ)言版本等。另外還要兼顧標(biāo)識(shí)或文字展開(kāi)后的應(yīng)用是否美觀，這 
一點(diǎn)對(duì)背景等的制作十分必要，有利于追求符號(hào)擴(kuò)張的效果。 
　　閃客帝國(guó)及其前身的邊城浪子LOGO，都有著極好的設(shè)計(jì)，但都沒(méi)有考慮中文， 
不過(guò)浪子好象一直對(duì)漢字的表現(xiàn)力如極小字體的缺乏、特性字體缺少等頗不以為然， 
也許導(dǎo)致他怠于思考對(duì)中文的設(shè)計(jì)。這對(duì)面向國(guó)內(nèi)網(wǎng)友的網(wǎng)站LOGO，不能不說(shuō)是一 
種遺憾吧。 
　　3、合成文字: 
　　是一種表象表意的綜合，指文字與圖案結(jié)合的設(shè)計(jì)，兼具文字與圖案的屬性，但 
都導(dǎo)致相關(guān)屬性的影響力相對(duì)弱化，為了不同的對(duì)象取向，制作偏圖案或偏文字的 
LOGO，會(huì)在表達(dá)時(shí)產(chǎn)生較大的差異。如只對(duì)印刷字體做簡(jiǎn)單修飾，或把文字變成一 
種裝飾造型讓大家去猜。其綜合功能為： 
　　a.能夠直接將被標(biāo)識(shí)體的印象，透過(guò)文字造型讓讀者理解； 
　　b.造型后的文字，較易于使觀者留下深刻印象與記憶； 
四、網(wǎng)絡(luò)LOGO的設(shè)計(jì) 
　　古代皇家的紋章，有條件通過(guò)反復(fù)的識(shí)別性展示使受眾了解其蘊(yùn)涵的身份、地位、 
等級(jí)等屬性，可以被設(shè)計(jì)的極盡繁復(fù)，但現(xiàn)代人對(duì)簡(jiǎn)潔、明快、流暢、瞬間印象的訴 
求，影響到標(biāo)識(shí)的設(shè)計(jì)越來(lái)越追求一種獨(dú)特的、高度的洗練，一些已在用戶群中產(chǎn)生 
了一定印象的公司、團(tuán)體為了強(qiáng)化受眾的區(qū)別性記憶及持續(xù)的品牌忠誠(chéng)，通過(guò)設(shè)計(jì)更 
獨(dú)特、更易被理解的圖案來(lái)強(qiáng)化對(duì)既有理念的認(rèn)同。一些老牌公司就在積極更新標(biāo)識(shí)， 
可口可樂(lè)的標(biāo)識(shí)就曾幾易其稿。 
　　而一些追求受眾快速認(rèn)知的群體，就會(huì)強(qiáng)化對(duì)文字表達(dá)直接性的需求，通過(guò)采用 
文字特征明顯的合成文字來(lái)表現(xiàn)，并通過(guò)現(xiàn)代媒體的大量反復(fù)來(lái)強(qiáng)化、保持易被模糊 
的記憶。如INTEL的E字簡(jiǎn)單位移構(gòu)成的LOGO形式。 
　　網(wǎng)絡(luò)LOGO的設(shè)計(jì)中，大量的采用合成文字的設(shè)計(jì)方式，如YAHOO，AMAZON 
等的文字LOGO和國(guó)內(nèi)幾乎所有ISP，這一方面是網(wǎng)頁(yè)寸屏寸金的制約，要求LOGO 
的尺寸要盡可能的小；另一方面是由于這些網(wǎng)站建設(shè)之初，一般缺乏優(yōu)秀的形象設(shè)計(jì) 
師的參與，決策者多數(shù)為技術(shù)類人員，對(duì)直截了當(dāng)、簡(jiǎn)潔明快有種直覺(jué)式的追求；而 
最主要的是網(wǎng)絡(luò)的特性決定了僅靠對(duì)LOGO產(chǎn)生短暫清晰的記憶，通過(guò)低成本大量反 
復(fù)瀏覽，既可產(chǎn)生需要圖形保持提升的那部分印象記憶。所以網(wǎng)絡(luò)LOGO對(duì)于合成文 
字的追求已漸成網(wǎng)絡(luò)LOGO的一種事實(shí)規(guī)范。 
　　隨著管理人員、設(shè)計(jì)人員，策劃人員的介入網(wǎng)絡(luò)，更加高效的LOGO設(shè)計(jì)亦得到 
良好的探索。特別是一些設(shè)計(jì)網(wǎng)站對(duì)LOGO設(shè)計(jì)做了很多有意義的嘗試。如針對(duì)網(wǎng)站 
LOGO的數(shù)字特性探索LOGO的3D、動(dòng)態(tài)表現(xiàn)方式等，其中比較共識(shí)的做法是，為 
保護(hù)LOGO作為整體形象的代表，只宜于在LOGO整體不做缺損性變形的條件下做 
動(dòng)態(tài)變化，即只成比例放大、縮小、移動(dòng)等，而不宜做翻滾、傾斜等變化，以保證對(duì) 
被標(biāo)識(shí)體的嚴(yán)肅性的尊重,另外對(duì)既有LOGO制作3D的網(wǎng)絡(luò)LOGO，已經(jīng)成為越來(lái)越 
普遍網(wǎng)絡(luò)標(biāo)識(shí)制作方案了。 
五、網(wǎng)絡(luò)LOGO的規(guī)范 
　　設(shè)計(jì)LOGO時(shí)，面向應(yīng)用的各種條件作出相應(yīng)規(guī)范，對(duì)指導(dǎo)網(wǎng)站的整體建設(shè)有著 
極現(xiàn)實(shí)的意義。具體須規(guī)范LOGO的標(biāo)準(zhǔn)色、設(shè)計(jì)可能被應(yīng)用的恰當(dāng)?shù)谋尘芭渖w系、 
反白、在清晰表現(xiàn)LOGO的前提下制訂LOGO最小的顯示尺寸，為L(zhǎng)OGO制訂一些 
特定條件下的配色，輔助色帶等方便在制作BANNER等場(chǎng)合的應(yīng)用。另外應(yīng)注意文 
字與圖案邊緣應(yīng)清晰，字與圖案不宜相交疊。另外還可考慮LOGO豎排效果，考慮作 
為背景時(shí)的排列方式等。 
　　一個(gè)網(wǎng)絡(luò)LOGO不應(yīng)只考慮在設(shè)計(jì)師高分辨屏幕上的顯示效果，應(yīng)該考慮到網(wǎng)站 
整體發(fā)展到一個(gè)高度時(shí)相應(yīng)推廣活動(dòng)所要求的效果，使其在應(yīng)用于各種媒體時(shí)，也能 
發(fā)揮充分的視覺(jué)效果；同時(shí)應(yīng)使用能夠給予多數(shù)觀眾好感而受歡迎的造型。 
　　所以應(yīng)考慮到LOGO在傳真、報(bào)紙、雜志等紙介質(zhì)上的單色效果、反白效果、在 
織物上的紡織效果、在車體上的油漆效果，制作徽章時(shí)的金屬效果、墻面立體的造型 
效果等。 
　　8848網(wǎng)站的LOGO就因?yàn)楹雎粤俗煮w與背景的合理搭配，圈住4字的圈成了8的 
背景，使其在網(wǎng)上彩色下能辨認(rèn)的標(biāo)識(shí)在報(bào)紙上做廣告時(shí)糊涂一片，這樣的設(shè)計(jì)與其 
努力上市的定位相去甚遠(yuǎn)”\'_~~~~~~~ 
　　比較簡(jiǎn)單的辦法之一是把標(biāo)識(shí)處理成黑白，能正確良好表達(dá)LOGO涵義的即為合 
格。 
--------------------------------------------------------------------------------------------------- 
網(wǎng)站文件命名規(guī)范 

·        文件命名的原則：以最少的字母達(dá)到最容易理解的意義。 
·        索引文件統(tǒng)一使用index.html文件名(小寫(xiě)) 
index.html文件統(tǒng)一作為"橋頁(yè)"，不制作具體內(nèi)容，僅僅作為跳轉(zhuǎn)頁(yè)和meta標(biāo)簽頁(yè)。主內(nèi)容頁(yè)為main.html 
·        按菜單名的英語(yǔ)翻譯取單一單詞為名稱。例如： 
關(guān)于我們 \aboutus 
信息反饋 \feedback 
產(chǎn)    品 \product 
所有單英文單詞文件名都必須為小寫(xiě)，所有組合英文單詞文件名第二個(gè)起第一個(gè)字母大寫(xiě)； 
所有文件名字母間連線都為下劃線 
·        圖片命名原則以圖片英語(yǔ)字母為名。大小原則寫(xiě)同上。 
例如：網(wǎng)站標(biāo)志的圖片為logo.gif 
鼠標(biāo)感應(yīng)效果圖片命名規(guī)范為"圖片名+_+on/off"。 
例如：menu1_on.gif/menu1_off.gif 

五. 其它文件命名規(guī)范 
1.js的命名原則以功能的英語(yǔ)單詞為名。 
例如：廣告條的js文件名為:ad.js 
2.所有的CGI文件后綴為cgi 
所有CGI程序的配置文件為config.cgi 
---------------------------------------------------------------------------------------------------- 
網(wǎng)站目錄設(shè)置規(guī)范 

目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)。 
根目錄。 
根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。 
服務(wù)器的ftp上傳目錄默認(rèn)為html 
   
根目錄文件 
根目錄只允許存放index.html和main.html文件，以及其他必須的系統(tǒng)文件。 
   
每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄。已有版本語(yǔ)言設(shè)置為： 
簡(jiǎn)體中文 \gb 
繁體中文 \big5 
英 語(yǔ) \en 
日 語(yǔ) \jp 
每個(gè)主要功能(主菜單)建立一個(gè)相應(yīng)的獨(dú)立目錄。 
根目錄下的images為存放公用圖片目錄，每個(gè)目錄下私有圖片存放于各自獨(dú)立images目錄. 
例如：\menu1\images 
      \menu2\images 
所有的js文件存放在根目錄下統(tǒng)一目錄\script 
所有的CSS文件存放在根目錄下的style目錄 
所有的CGI程序存放在根目錄并列目錄\cgi_bin目錄 

（以上只是規(guī)范，不必拘泥一格，創(chuàng)新，再創(chuàng)新！）