#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
#p#副標(biāo)題#e#
在開發(fā)過程中定位網(wǎng)絡(luò)軟件的文件是一件很簡單的事情(當(dāng)您對設(shè)計(jì)和管理還很熟悉的時(shí)候)，但是當(dāng)部署了幾個(gè)月之后再來查看這個(gè)應(yīng)用軟件就沒有這么容易了。盡管編寫得很好的文檔對這種情況會(huì)有所幫助，但對于網(wǎng)站文件的良好組織和合理的命名規(guī)范更是一件無價(jià)之寶。
一切都在名字中
我曾經(jīng)和一位開發(fā)者合作開發(fā)網(wǎng)絡(luò)應(yīng)用軟件，他喜歡用含糊的名字命名文件，比如a.html和x1.html，他的想法基于工作的安全，他認(rèn)為只要他出現(xiàn)就可以解釋這些神秘名字的文件信息，不錯(cuò)，這對他來講確實(shí)沒問題，但是另外一位同時(shí)卻因?yàn)檫@些混亂而含糊的名稱而深陷泥沼。
文件
為網(wǎng)絡(luò)應(yīng)用軟件的相關(guān)資源使用一致的清晰的命名規(guī)范可以為開發(fā)者提供線索，以下是一些命名文件的規(guī)則:
文件名中不要有空格，雖然這不會(huì)影響網(wǎng)站的功能(空格會(huì)變?yōu)?20)，但是含有這種符號的文件名容易引起混淆;
避免使用特殊字符，比如&、#和?等，如果它們被錯(cuò)誤地理解可能會(huì)導(dǎo)致網(wǎng)絡(luò)服務(wù)器的故障;
很多網(wǎng)站使用連字符”-“或者下劃線”_”來替代空格，但是這很難被用戶記住;
基于UNIX的網(wǎng)絡(luò)平臺(tái)是區(qū)分大小寫的，所以在命名資源的時(shí)候要記住這一點(diǎn);
應(yīng)當(dāng)避免文件的擴(kuò)展名(.aspx, .php, .html, .gif,
etc.)，或者正確地映射為網(wǎng)絡(luò)服務(wù)器的MIME類型。
這些簡單的規(guī)則應(yīng)當(dāng)不難實(shí)現(xiàn)，但我相信您一定見到過忽視這些規(guī)則的網(wǎng)站，而且，我們也見到過很多網(wǎng)站使用的文件名很難記住，或者，使用的文件名根本就沒有任何意義。以下的這些例子說明了具備實(shí)意(或者易于記憶)的文件名:
網(wǎng)站通常將站點(diǎn)或公司的信息放在一個(gè)網(wǎng)頁中，該網(wǎng)頁通常命名為about.html(或者您的網(wǎng)絡(luò)平臺(tái)使用的擴(kuò)展名);
提供體育比賽成績的網(wǎng)站名稱就像記分板一樣易于記憶，一個(gè)例子是ESPN，該網(wǎng)站就采用了這種方法;
很多網(wǎng)絡(luò)平臺(tái)使用index.html或者default.html作為默認(rèn)的起始頁，例如ASP.NET使用default.aspx作為網(wǎng)站被訪問時(shí)的默認(rèn)首頁(如果沒有特別指定其他文件的話)。當(dāng)然，網(wǎng)絡(luò)服務(wù)器的設(shè)置通常被修改從而使用默認(rèn)值之外的文件，而且，每個(gè)子目錄依然使用該目錄中的默認(rèn)文件，因此要確保每個(gè)目錄中都包含了必需的文件。
此時(shí)，您可能在搖頭并咕噥著那些您無法控制的動(dòng)態(tài)文件名，通過內(nèi)容管理系統(tǒng)(CMS)或者其他的平臺(tái)比如Lotus
Domino生成的文件確實(shí)剝奪了您控制文件名的權(quán)利，所以您需要將精力集中在目錄和域名上。
目錄
另外一個(gè)與網(wǎng)站的文件相關(guān)的就是目錄了，請您千萬不要像有些開發(fā)人員一樣將所有的網(wǎng)站資源都放在根目錄下，沒有什么比在一個(gè)無窮無盡的文件列表中尋找一個(gè)文件更糟糕的事情了，網(wǎng)站資源應(yīng)當(dāng)通過合理的目錄結(jié)構(gòu)進(jìn)行管理。
和文件一樣，對目錄的命名也遵循文件名的命名規(guī)則，文件則通過目錄進(jìn)行分類，例如，所有的圖片文件都應(yīng)該放在一個(gè)圖片目錄中，而所有的腳本文件(JavaScript、VBScript等等)都應(yīng)該放在一個(gè)名為腳本的目錄中，如果網(wǎng)站有購物區(qū)，那么相關(guān)的文件都應(yīng)該放在名為店面(storefront)的目錄中。
在根目錄之下的子目錄也應(yīng)當(dāng)對相關(guān)文件進(jìn)行同樣的分類，比如剛才提到的店面目錄的例子，在該目錄中，可能就會(huì)包含一個(gè)圖片子目錄，而且，這個(gè)圖片目錄還可以進(jìn)一步細(xì)分為包含某些站點(diǎn)圖片的目錄和功能性的目錄。
域名
另外一個(gè)與網(wǎng)絡(luò)應(yīng)用軟件命名相關(guān)的就是域名了，畢竟，這兩個(gè)域名哪個(gè)更有意義?techrepublic.com.com還是tr.com?而且，網(wǎng)站不同的區(qū)域也可以通過域名來指定，例如下載區(qū)可以使用downloads.techrepublic.com.com，而評測區(qū)則使用reviews.techrepublic.com.com?？偠灾囊c(diǎn)就是要有意義同時(shí)讓用戶容易記住。
明智選擇
沒有任何事情比名字更重要，當(dāng)我在沒有任何目錄結(jié)構(gòu)或無數(shù)被命名為毫無意義的名稱的文件中尋找某個(gè)需要的信息時(shí)，我會(huì)不停地搔頭皮。請您記住這些命名的技巧，并將它們應(yīng)用在您下一個(gè)網(wǎng)絡(luò)開發(fā)項(xiàng)目中。
]]>我們在設(shè)計(jì)的運(yùn)用上重點(diǎn)在于創(chuàng)造一個(gè)沒有過的形態(tài)，把形體潤飾得協(xié)調(diào)美觀，它受社會(huì)的制約，重視地方特征。為了在設(shè)計(jì)中有效的使用色彩我們必須掌握一些色彩的基礎(chǔ)理論知識(shí)，結(jié)合自己的實(shí)際經(jīng)驗(yàn)，來營造我們的作品。同一色彩有數(shù)之不盡的應(yīng)用方法，并沒有非常機(jī)械的色彩調(diào)和的法則，在一定的原則下靠我們自己的眼睛和審美觀點(diǎn)來做出選擇。
色彩構(gòu)成（Interaction of color），可以理解為色彩的作用，是在色彩科學(xué)體系的基礎(chǔ)上，研究符合人們知覺和心理原則的配色。配色有三類要素：光學(xué)要素（明度、色相、純度），存在條件（面積、形狀、肌理、位置），心理因素（冷暖、進(jìn)退、輕重、軟硬、樸素華麗），設(shè)計(jì)的時(shí)候運(yùn)用邏輯思維選擇合適的色彩搭配，產(chǎn)生恰當(dāng)?shù)纳蕵?gòu)成。最優(yōu)秀的配色范本是自然界里的配色，我們觀察自然界里的配色，通過理性的提煉最終獲得我們所需要的東西。
色彩構(gòu)成并非是只能意會(huì)不能言傳的東西，它是有自己一套相關(guān)理論的，詳細(xì)的目前國內(nèi)相關(guān)書籍有《色彩設(shè)計(jì)大全》（日本色彩設(shè)計(jì)中心編），值得一看。說到色彩，不能不提到色立體，標(biāo)準(zhǔn)的色彩設(shè)計(jì)的定義顏色可以這樣表示（括號內(nèi)是window的顏色名稱）：h色相(色調(diào)) S:純度(飽和度) B:明度(亮度)，把這三個(gè)要素作成立體坐標(biāo)，就構(gòu)成色立體。
目前比較通用的色立體有三種：孟賽爾立體、奧斯特瓦德色立體、日本研究所的色立體，它們中應(yīng)用的最廣泛的是蒙塞爾色立體，我們所用的圖象編輯軟件顏色處理部分大多源自孟賽爾色立體的標(biāo)準(zhǔn)。下面我們簡單的介紹孟塞爾色立體的表色系，它根我們的設(shè)計(jì)工作最為相關(guān)。
色立體構(gòu)架示意
色相：在從紅到紫的光譜中，等間的選擇5個(gè)色，即紅（R）、黃（Y）、藍(lán)（B）、紫（P）。相鄰的兩個(gè)色相互混合又得到：橙（YR）、黃綠(GY)、藍(lán)綠(BG)、藍(lán)紫(PB)、紫紅（RP），從而構(gòu)成一個(gè)首位相交的環(huán)，被稱為孟賽爾色相環(huán).
孟賽爾色相環(huán)
明度：從黑到白中間增加9個(gè)均勻過渡的灰度階段，被稱為明度尺。
純度：在同等明度的條件下，從灰色到純色的變化。
色彩調(diào)和與色彩感覺
色彩調(diào)和是一個(gè)很復(fù)雜的問題，它還包括視覺的心理平衡，人們視覺習(xí)慣，社會(huì)因素等。各個(gè)領(lǐng)域根據(jù)自己行業(yè)經(jīng)驗(yàn)都有自己的色彩調(diào)和理論，不同行業(yè)之間的色彩調(diào)和理論是不同的。我們可以這樣來定義色彩調(diào)和：使對比的色彩成為不帶尖銳刺激的協(xié)調(diào)統(tǒng)一的組合，它的總體效果總是要與視覺心理相適應(yīng)，能滿足視覺的心理平衡，它不單單只是色與色之間的組合問題，還與面積，形狀，等色彩賦予對象有關(guān)。
色彩調(diào)和受有時(shí)間、區(qū)域和欣賞習(xí)慣有關(guān)。目前比較通用的色彩調(diào)和方式有2種：1、共性調(diào)和，2、面積調(diào)和，我們分開來討論這兩個(gè)方式在頁面中的應(yīng)用。
共性調(diào)和有三種不同的形式：
1、明度對比調(diào)和與色彩調(diào)和感覺；去除明度尺的上下兩端白（10）和黑（0），其余9個(gè)階段分成三個(gè)基調(diào)（1）、（2）、（3）低明度基調(diào)；（4）、（5）、（6）中明度基調(diào)；（7）、（8）、（9）高明度基調(diào)。
2-3種顏色，明度配色應(yīng)用：第一個(gè)字指明度的主調(diào)，顏色必須占構(gòu)圖的1/2以上（這一點(diǎn)在Web界面設(shè)計(jì)中有點(diǎn)特殊，主調(diào)的面積是一種視覺感覺上的面積，而不是實(shí)際的頁面面積。），屬于支配地位。
高長調(diào)：（8）、（9）、（1）明快；
高短調(diào)：（8）、（9）、（5）輕柔；
中長調(diào)：（5）、（9）、（1）強(qiáng)壯；
中短調(diào)：（5）、（7）、（3）沉悶；
低長調(diào)：（2）、（9）、（1）威嚴(yán)；
低短調(diào)：（2）、（5）、（1）憂郁；
中高短調(diào)：（5）、（9）、（7）希望；
中低短調(diào)：（5）、（3）、（1）低沉；
多種顏色連續(xù)對比的調(diào)式：不強(qiáng)調(diào)面積比，容易造成節(jié)奏。
高1/2明度列（5）以上，晨曦、朦朧；
低1/2明度列（5）以下，苦悶；
高3/4明度列（3）－（10）激昂、奮進(jìn)；
低3/4明度列（0）－（7）雄渾、有力；
全明度列（0）－（10）豐富、跳躍
明度的對比配色在頁面中我們可以經(jīng)?？吹剑覀儊砜纯聪旅娴捻撁?，如下圖中這個(gè)頁面給人什么感覺呢，明快，和諧。
主基調(diào)：■ #9CCE00 H：75 S：100 B：81 （8）
明度列：本出應(yīng)用了多種明度色彩，（*表現(xiàn)出這樣的感覺實(shí)際上還有其他方面的原因，我們這里只討論明度的原因）仔細(xì)觀察我們可以發(fā)現(xiàn)明度都在81－98之間，把一些小的差距忽略不計(jì)我們可以把它視為 （8）、（9）、（1）。那么在上表中我們可以找到：高長調(diào)：（8）、（9）、（1）明快，從上面列舉的例子可以很明顯的看出明度對比在頁面設(shè)計(jì)中的應(yīng)用。留心觀察，我們可以發(fā)現(xiàn)很多類似的例子，只是很多明度對比中還參雜著其他的因素不易察覺而已。
在設(shè)計(jì)網(wǎng)頁界面時(shí)，明度對比調(diào)和在很多情況下是不單獨(dú)存在的，它往往需要結(jié)合其他的調(diào)和方式，作為一種輔助的調(diào)和方式存在，單獨(dú)的明度對比調(diào)和的頁面它有一個(gè)很顯著的缺點(diǎn)，就是畫面沉悶。如果以明度對比調(diào)和作為主要調(diào)和方式的頁面需要在其他的輔助色的用色上多多考慮，如果輔助色能打破沉悶的感覺那么效果還是比較理想的。
明度對比調(diào)和的掌握，在最初我們可以做一些類似的明度對比的練習(xí)。在藝術(shù)教育課程里一般都采用水粉來繪制，其實(shí)同樣也可以用電腦來練習(xí)，培養(yǎng)色彩感覺。當(dāng)有一定基礎(chǔ)后結(jié)合其他構(gòu)成來練習(xí)。
色相對比調(diào)和與色彩調(diào)和感覺；色相對比以孟賽爾色相環(huán)為主。
兩個(gè)色相對比調(diào)和的取色方法和相應(yīng)的色彩感覺：
h : h 和諧，統(tǒng)一。
h : (h±1°;～30°;)類似，活潑。
h : (h±30°;~60°;)準(zhǔn)對比，生動(dòng)。
h : (h±120°;~150°;)對比，強(qiáng)烈。
h : (h±180°;)補(bǔ)色，刺激
在實(shí)際應(yīng)用的時(shí)候注意明度變化和兩個(gè)色彩的主次位置。還有的說法是把孟賽爾色相環(huán)已有的十個(gè)色相的基礎(chǔ)上平分為100份，那么在色環(huán)上就是100等分，用色環(huán)的間隔數(shù)來表示，本人認(rèn)為用角度的算法比較準(zhǔn)確。
多個(gè)色相對比調(diào)和的取色方法和相應(yīng)的色彩感覺：
色相環(huán)120度以內(nèi)：等差取色，如：n : (n+12) : (n+24) : (n+36)；等比，如：n : (n+13) : (n+25) : (n+37)?，F(xiàn)代感強(qiáng)等。
色相環(huán)180度以內(nèi)：等差取色，如：n : (n+20) : (n+40) : (n+60)；等比，如：n : (n+20) : (n+50)。強(qiáng)烈。
色相環(huán)380度以內(nèi)：等差取色，如：n : (n+30) : (n+60)；等比，如：n : (n+10) : (n+27.5) : (n+57.5)。刺激。
兩個(gè)同一色對比調(diào)和
主基調(diào)：■ # FF7318 H：24 S：91 B：100
■ # FF6300 H：24 S：100 B：100
兩個(gè)類似色對比調(diào)和
主基調(diào)：■ # FFCE00 H：48 S：100 B：100
■ #FFA000 H：38 S：100 B：100
兩個(gè)補(bǔ)色對比調(diào)和
主基調(diào)：■ # FFCE00 H：48 S：100 B：100
■ # 4273A5 H：210 S：60 B：60
多個(gè)色相對比調(diào)和
主基調(diào)：■ # 945A18 H：32 S：84 B：58
■ # 5A2F00 H：31 S：100 B：35
■ # 633100 H：30 S：100 B：39
■ # 401F00 H：29 S：100 B：25
色相對比調(diào)和只是幫助你最快的找到相匹配的顏色區(qū)域，最后效果還是要靠自己的顏色直覺。
在Web界面設(shè)計(jì)的時(shí)候，一般來說都是用純度比較高的顏色，不成文的規(guī)定純度為80～100，所以實(shí)際應(yīng)用中我們只需要調(diào)節(jié)明度的變化。自然能創(chuàng)造出比較好的色彩效果。
使用兩個(gè)同一色跟使用明度對比調(diào)和的注意事項(xiàng)是一樣的，兩個(gè)同一色構(gòu)成的畫面沒有力度，但是比較容易烘托表現(xiàn)主題，一般都是以背景的形式存在。
兩個(gè)類似色對比調(diào)和要注意與無彩色相結(jié)合，即黑和白，這樣的頁面會(huì)比較干凈、大眾化，門戶網(wǎng)站用色方式的較好選擇。
兩個(gè)補(bǔ)色對比調(diào)非常的容易樹立風(fēng)格，能給人留下強(qiáng)烈的映像，信息發(fā)布類商業(yè)站點(diǎn)的首選，既不失個(gè)性又比較容易讓人接受，大多作為主色調(diào)，結(jié)合明度對比調(diào)和類似色對比調(diào)和存在。
多個(gè)色相對比調(diào)和多用于Flash動(dòng)畫和頁面的制作，在純度高的情況下，它比較容易塑造出個(gè)性鮮明的形象。
色相對比調(diào)和的練習(xí)
純度對比調(diào)和。
純度對比調(diào)和的理論也有很多，但是大部分只能應(yīng)用在繪畫，工業(yè)造型等等行業(yè)，在Web界面設(shè)計(jì)中正真實(shí)用的只有1條：
黑、白、灰屬于無彩系，它們能與任何彩色搭配。純色與無彩系搭配的時(shí)候會(huì)使純色的鮮艷感增強(qiáng)，灰色與純色搭配會(huì)使灰色帶有顏色，當(dāng)灰色覆蓋面積較大時(shí)純色將比較容易形成調(diào)和。高明度的灰色（白）有輕快高雅的感覺，低明度的灰色（黑）可以產(chǎn)生穩(wěn)重。
Web界面設(shè)計(jì)中如果采用降低顏色的純度來產(chǎn)生調(diào)和是需要點(diǎn)勇氣的，按照現(xiàn)在的審美觀點(diǎn)，普遍地不能被接受，或許有待進(jìn)一步的探索和研究。
灰色與高純度黃色調(diào)和
黑色與中純度綠色調(diào)和
高明度的灰色調(diào)和
就目前關(guān)于共性調(diào)和所被接受的應(yīng)用大概就這些了。還有待大家共同研究開發(fā)。
面積調(diào)和的原則是：色彩面積的大小可以改變對比效果，對比色雙方面積越大，調(diào)和效果越弱；反之，雙方面積越小，調(diào)和效果越強(qiáng)。對比雙方面積均等，調(diào)和效果越弱；對比雙方面積相差越大；調(diào)和效果越強(qiáng)。只有恰當(dāng)?shù)拿娣e比才能取得最好的視覺平衡，形成最好的視覺效果。
在前人的探索中，總結(jié)出了相當(dāng)多的面積比的公式，對電腦設(shè)計(jì)來說有非常積極的作用。利用這些公式，我們可以大概的把握出顏色和面積的比例，作為一個(gè)重要的參考。
最早的計(jì)算公式是由詩人歌德以基本色相的光亮度為基準(zhǔn)，建立了一個(gè)簡單的比率：
黃 ：橙色 ：紅 ：紫 ：綠 ＝3 ：4 ：6 ：9 ：8 ：6
但是這個(gè)公式并沒有考慮明度和純度的變化所帶來的影響，再今天并不是很實(shí)用，孟賽爾在這個(gè)基礎(chǔ)上改良了這個(gè)公式：
A色相的明度×純度 B面積
————————– ＝ ——————–
B色相的明度×純度 A面積
這個(gè)公式可以幫我們解決因?yàn)槊鞫群图兌鹊淖兓a(chǎn)生的面積變化比，可以這樣概括“小面積用強(qiáng)色，大面積用弱色”。
根據(jù)本人的經(jīng)驗(yàn)上面的公式在Web界面設(shè)計(jì)中實(shí)用性并不是很強(qiáng)，應(yīng)為Web界面設(shè)計(jì)時(shí)使用的顏色純度都很高，基本上面積比就等于明度比，按照這個(gè)比例相當(dāng)多的情況是產(chǎn)生負(fù)作用。應(yīng)該視情況來具體應(yīng)用。
孟賽爾還有一套面積和色彩比率的算法，相比之下更科學(xué)、實(shí)用性更強(qiáng)，可以作為重要的參考依據(jù)：
在色立體中以明度軸上值為5的灰色為中心，兩個(gè)色或多個(gè)色的關(guān)系可以這樣表示??色彩的面積與該色彩到色立體的中心距離相等或程簡單的倍數(shù)時(shí)可以得到平衡的調(diào)和?？梢缘玫较旅娴墓?
S 1 R 1= S 2R 2
其中S表示面積，R表示該色到中心點(diǎn)的距離，R的值可以在相關(guān)的表中查到。
就目前的情況還沒有哪一個(gè)面積計(jì)算公式能確切的結(jié)合到Web界面設(shè)計(jì)實(shí)際應(yīng)用，更何況Web界面設(shè)計(jì)還要從商業(yè)來考慮，主要還是靠經(jīng)驗(yàn)，上面的公式只能一個(gè)參考性質(zhì)的，給大家研究提供一個(gè)基礎(chǔ)。
以上的理論都是前人研究成果，其中有很多可以利用，最重要的是要結(jié)合實(shí)際的經(jīng)驗(yàn)，創(chuàng)造一套自己的色彩理論，提高自身對色彩的把握能力，應(yīng)用到設(shè)計(jì)作品中去。