直播中
網(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)度原則上不超過3屏,寬度不超過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é)不超過60K,全尺寸banner不超過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)一直成為傳播特殊信息的視覺文化語言.具信,最早的符合CIS精神的標(biāo)識(shí)實(shí)例,是2433年前陪葬我國(guó)楚地的曾侯乙的一只戟上的\"曾\"字型圖標(biāo)。無論從古時(shí)繁復(fù)的歐式徽標(biāo)、中式龍文,到現(xiàn)代洗練的抽象紋樣、簡(jiǎn)單字標(biāo)等都是在實(shí)現(xiàn)著標(biāo)識(shí)被標(biāo)識(shí)體的目的,即:
通過對(duì)標(biāo)識(shí)的識(shí)別、區(qū)別、引發(fā)聯(lián)想、增強(qiáng)記憶,促進(jìn)被標(biāo)識(shí)體與其對(duì)象的溝通與交流,從而樹立并保持對(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)友論壇重新開張之時(shí),就有小魔女對(duì)論壇的LOGO表示了異議,一個(gè)簡(jiǎn)單印刷字體的LOGO與浪子固有的獨(dú)特風(fēng)格、精益求精的品質(zhì)有較大背離,并與整個(gè)網(wǎng)站LOGO缺乏聯(lián)系,從而產(chǎn)生認(rèn)知的歧義。不過作為充斥英文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)的視覺體現(xiàn)。也可以理解為一種最受制約的沖動(dòng),在任何方面的張力不足的情況下,精心設(shè)計(jì)的LOGO常會(huì)因?yàn)椴焕斫狻⒉徽J(rèn)同、不現(xiàn)實(shí)、不前衛(wèi)、不藝術(shù)、不樸實(shí)等相互矛盾的理由而被用戶拒絕或?yàn)槭鼙娕懦?、遺忘。所以恰到好處的理解用戶及LOGO的應(yīng)用對(duì)象,是少做無用功的不二法門。不考慮國(guó)情和用戶的認(rèn)識(shí)水平,對(duì)自身設(shè)計(jì)能力估計(jì)不足都是要不得的。在國(guó)內(nèi)給哪個(gè)賣計(jì)算機(jī)的老板設(shè)計(jì)個(gè)$300萬的朗訊紅圈LOGO,很容易被看作是騙錢的。
三、網(wǎng)絡(luò)LOGO的表現(xiàn)形式:
作為具有傳媒特性的LOGO,為了在最有效的空間內(nèi)實(shí)現(xiàn)所有的視覺識(shí)別功能,一般是通過特示圖案及特示文字的組合,達(dá)到對(duì)被標(biāo)識(shí)體的出示、說明、溝通、交流從而引導(dǎo)受眾的興趣、達(dá)到增強(qiáng)美譽(yù)、記憶等目的。
表現(xiàn)形式的組合方式一般分為特示圖案,特示字體,合成字體。
1、特示圖案:
屬于表象符號(hào),獨(dú)特、醒目、圖案本身易被區(qū)分、記憶,通過隱寓、聯(lián)想、概括、抽象等繪畫表現(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ì)較曲折的過程,但一旦建立聯(lián)系,印象較深刻,對(duì)被標(biāo)識(shí)體記憶相對(duì)持久。
所以對(duì)持久記憶要求高時(shí)應(yīng)設(shè)計(jì)良好的特示圖案形象,較好的設(shè)計(jì)如蘋果公司的牙印蘋果,對(duì)圖案LOGO的面向推廣的各種要素都把握的恰到好處,另外一些情況下,希望在較短期限內(nèi)建立形象的,還應(yīng)該設(shè)計(jì)相應(yīng)的吉祥物,以類似蘋果這樣耳熟能詳?shù)母拍?,?qiáng)化溝通和理解。
在現(xiàn)代精神快餐的時(shí)代,朗訊的紅圈也在成為時(shí)尚。不過這類設(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á)的理念也具有說明的作用,但因?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)考慮至少有中英文雙語的形式,要考慮中英文字的比例,搭配、一般要有圖案中文、圖案英文、圖案中英文、及單獨(dú)的圖案、中文、英文的組合形式。有的還要考慮繁體、其他特定語言版本等。另外還要兼顧標(biāo)識(shí)或文字展開后的應(yīng)用是否美觀,這一點(diǎn)對(duì)背景等的制作十分必要,有利于追求符號(hào)擴(kuò)張的效果。
閃客帝國(guó)及其前身的邊城浪子LOGO,都有著極好的設(shè)計(jì),但都沒有考慮中文,不過浪子好象一直對(duì)漢字的表現(xiàn)力如極小字體的缺乏、特性字體缺少等頗不以為然,也許導(dǎo)致他怠于思考對(duì)中文的設(shè)計(jì)。這對(duì)面向國(guó)內(nèi)網(wǎng)友的網(wǎng)站LOGO,不能不說是一種遺憾吧。
3、合成文字:
是一種表象表意的綜合,指文字與圖案結(jié)合的設(shè)計(jì),兼具文字與圖案的屬性,但都導(dǎo)致相關(guān)屬性的影響力相對(duì)弱化,為了不同的對(duì)象取向,制作偏圖案或偏文字的LOGO,會(huì)在表達(dá)時(shí)產(chǎn)生較大的差異。如只對(duì)印刷字體做簡(jiǎn)單修飾,或把文字變成一種裝飾造型讓大家去猜。其綜合功能為:
a.能夠直接將被標(biāo)識(shí)體的印象,透過文字造型讓讀者理解;
b.造型后的文字,較易于使觀者留下深刻印象與記憶;
四、網(wǎng)絡(luò)LOGO的設(shè)計(jì)
古代皇家的紋章,有條件通過反復(fù)的識(shí)別性展示使受眾了解其蘊(yùn)涵的身份、地位、等級(jí)等屬性,可以被設(shè)計(jì)的極盡繁復(fù),但現(xiàn)代人對(duì)簡(jiǎn)潔、明快、流暢、瞬間印象的訴求,影響到標(biāo)識(shí)的設(shè)計(jì)越來越追求一種獨(dú)特的、高度的洗練,一些已在用戶群中產(chǎn)生了一定印象的公司、團(tuán)體為了強(qiáng)化受眾的區(qū)別性記憶及持續(xù)的品牌忠誠(chéng),通過設(shè)計(jì)更獨(dú)特、更易被理解的圖案來強(qiáng)化對(duì)既有理念的認(rèn)同。一些老牌公司就在積極更新標(biāo)識(shí),可口可樂的標(biāo)識(shí)就曾幾易其稿。
而一些追求受眾快速認(rèn)知的群體,就會(huì)強(qiáng)化對(duì)文字表達(dá)直接性的需求,通過采用文字特征明顯的合成文字來表現(xiàn),并通過現(xiàn)代媒體的大量反復(fù)來強(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)潔明快有種直覺式的追求;而最主要的是網(wǎng)絡(luò)的特性決定了僅靠對(duì)LOGO產(chǎn)生短暫清晰的記憶,通過低成本大量反復(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)成為越來越普遍網(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ā)揮充分的視覺效果;同時(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文件名(小寫)
index.html文件統(tǒng)一作為\"橋頁(yè)\",不制作具體內(nèi)容,僅僅作為跳轉(zhuǎn)頁(yè)和meta標(biāo)簽頁(yè)。主內(nèi)容頁(yè)為main.html
· 按菜單名的英語翻譯取單一單詞為名稱。例如:
關(guān)于我們 \\aboutus
信息反饋 \\feedback
產(chǎn) 品 \\product
所有單英文單詞文件名都必須為小寫,所有組合英文單詞文件名第二個(gè)起第一個(gè)字母大寫;
所有文件名字母間連線都為下劃線
· 圖片命名原則以圖片英語字母為名。大小原則寫同上。
例如:網(wǎng)站標(biāo)志的圖片為logo.gif
鼠標(biāo)感應(yīng)效果圖片命名規(guī)范為\"圖片名+_+on/off\"。
例如:menu1_on.gif/menu1_off.gif
五. 其它文件命名規(guī)范
1.js的命名原則以功能的英語單詞為名。
例如:廣告條的js文件名為:ad.js
2.所有的CGI文件后綴為cgi
所有CGI程序的配置文件為config.cgi
------------------------------------------------------------------------------------------------
網(wǎng)站目錄設(shè)置規(guī)范
目錄建立的原則:以最少的層次提供最清晰簡(jiǎn)便的訪問結(jié)構(gòu)。
根目錄。
根目錄指DNS域名服務(wù)器指向的索引文件的存放目錄。
服務(wù)器的ftp上傳目錄默認(rèn)為html
根目錄文件
根目錄只允許存放index.html和main.html文件,以及其他必須的系統(tǒng)文件。
每個(gè)語言版本存放于獨(dú)立的目錄。已有版本語言設(shè)置為:
簡(jiǎn)體中文 \\gb
繁體中文 \\big5
英 語 \\en
日 語 \\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)新?。?BR>