【正文】 藏起來，需要的時(shí)候又可以打開。27． 系統(tǒng)所有的功能項(xiàng)都應(yīng)該在菜單中有對(duì)應(yīng)的菜單命令。28． 右鍵上下文菜單采用與菜單相同的準(zhǔn)則。29． 上下文菜單中的命令應(yīng)該與當(dāng)前操作環(huán)境或狀態(tài)密切相關(guān)。30． 上下文菜單中允許有不直接出現(xiàn)在菜單中的命令。但該命令應(yīng)該是某個(gè)菜單的一個(gè)部分，可以在某個(gè)菜單中找到該功能命令。（3）菜單位置細(xì)則1． 菜單通常采用“常用－主要－次要－工具－幫助”的位置排列，符合流行的Windows風(fēng)格。2． 菜單命令在使用時(shí)如果有先后順序，應(yīng)該按使用先后次序排列。3． 沒有順序要求的菜單項(xiàng)按使用頻率和重要性排列，常用的菜單排列在前面，不常用的靠后放置；重要的放在開頭，次要的放在后邊。4． 下拉菜單要根據(jù)菜單的含義進(jìn)行分組，組與組之間有明顯的分隔形式要，比如用橫線隔開。5． 下級(jí)菜單對(duì)于上級(jí)菜單應(yīng)該有隸屬關(guān)系。6． 廣而淺的菜單樹優(yōu)先于窄而淺的菜單樹。7． 如果菜單選項(xiàng)較多，應(yīng)該采用加長(zhǎng)主菜單的長(zhǎng)度而減少子菜單深度的原則排列。（二）按鈕的規(guī)劃（1）按鈕的字體和大小。按鈕的字體在應(yīng)用軟件中多用宋體，但是具體情況應(yīng)該根據(jù)該軟件界面的整體風(fēng)格來定。比如界面的風(fēng)格比較古典，這時(shí)則可以采用隸書的字體。按鈕的字號(hào)要看按鈕的大小來確定。字的高度為按鈕高度的1/2—1/3為佳，同樣，字的寬度為按鈕寬度的1/2—1/3比較好看。（2）按鈕的顏色。按鈕的顏色最好與整個(gè)界面的主色調(diào)統(tǒng)一。按鈕的顏色不宜用和界面主色調(diào)不一致的色彩。如圖1。（圖1）但是，設(shè)計(jì)是靈活的，并不是說按鈕的顏色一定要與主色調(diào)一模一樣，也并不是說按鈕的顏色一定要與主色調(diào)相同，一切都要視具體設(shè)計(jì)情況與設(shè)計(jì)者的設(shè)計(jì)思路來看。（3）按鈕的風(fēng)格。在應(yīng)用軟件中，比較流行的按鈕風(fēng)格有APPLE公司的水晶按鈕， WIN XP風(fēng)格的按鈕以及像素按鈕。（圖2）按鈕的風(fēng)格取決于整個(gè)軟件界面的風(fēng)格，兩者的風(fēng)格應(yīng)該和諧統(tǒng)一。（三）文字的規(guī)劃文字是軟件界面的主體，也是傳達(dá)信息的主要工具。因此，文字的規(guī)劃絕對(duì)不可以馬虎。軟件文字的字號(hào)一般為宋體，大小為5號(hào)。宋體顯得比較嚴(yán)肅認(rèn)真，讓用戶在心理上覺得可靠，這對(duì)應(yīng)用軟件來說非常重要。（四）圖案的規(guī)劃圖案的規(guī)劃是界面設(shè)計(jì)的重點(diǎn)，也是最難的地方。它實(shí)質(zhì)上是對(duì)軟件產(chǎn)品進(jìn)行藝術(shù)包裝。在這個(gè)階段，設(shè)計(jì)人員需要充分發(fā)揮自身的藝術(shù)設(shè)計(jì)能力。（1）圖案的選擇圖案須和軟件的主題有關(guān)聯(lián)，要能反應(yīng)出軟件的相關(guān)信息，因?yàn)檫@些圖案就是對(duì)軟件的高度抽象化，它要既能讓人覺得賞心悅目，又能體現(xiàn)軟件的宗旨。比如一個(gè)電力系統(tǒng)的軟件，對(duì)它進(jìn)行圖案的設(shè)計(jì)時(shí)，就應(yīng)該選擇與電力相關(guān)的圖案。如圖3。（圖3）軟件界面左方是個(gè)高壓電網(wǎng)的圖案，讓人一看了，就知道這個(gè)軟件的性質(zhì)，就知道它是一個(gè)與電力系統(tǒng)有關(guān)的軟件，這樣，這個(gè)圖案就起到了畫龍點(diǎn)睛的作用。同樣，一個(gè)圖書管理系統(tǒng)的軟件，就要在界面上顯示與圖書類有關(guān)的東西，不能天南地北，不著邊際的選擇圖案。如下面兩幅圖，我們來比較一下兩者。（圖4）（圖5）兩幅圖都是為圖書管理系統(tǒng)做的界面，但是圖4的圖案選擇的是用一幅翻開的書的圖案和一個(gè)顯示器的圖案。書很明顯的表示了該軟件的功能與書籍有關(guān)，而顯示器則增加了一些現(xiàn)代的感覺，使整個(gè)畫面看起來不至于過于休閑，顯示器中是堆成山的書和一幢建筑，這正好顯示了該軟件與圖書館的功能類似，它是現(xiàn)實(shí)中的圖書館在電腦中的表現(xiàn)。畫面看起來寧靜而不呆板。而現(xiàn)在來看看圖5的軟件界面設(shè)計(jì)圖。左邊的小狗讓人第一眼看去，以為這個(gè)軟件是個(gè)與寵物有關(guān)的，而再看軟件的名字，則讓人哭笑不得。整個(gè)界面看起來不倫不類，這個(gè)界面設(shè)計(jì)就是完全失敗的。因此，圖案的選擇和設(shè)計(jì)非常關(guān)鍵，它決定著整個(gè)軟件包裝的成敗。（2）圖案的處理圖案的處理和圖案的選擇一樣重要。任何設(shè)計(jì)都沒有現(xiàn)成的圖案，設(shè)計(jì)一個(gè)圖案，需要在各個(gè)圖片上選取自己所需要的部分，或者自己用畫圖軟件去畫出自己需要的效果。這個(gè)過程是需要時(shí)間最長(zhǎng)的，也是需要反復(fù)斟酌和推敲的。這個(gè)階段，也許會(huì)推翻很多過去的方案，它是一個(gè)不斷對(duì)界面重新進(jìn)行藝術(shù)設(shè)計(jì)和完善的過程，因此，在著手設(shè)計(jì)前，最好能準(zhǔn)備幾套不同的設(shè)計(jì)方案，以便在這個(gè)階段能有多種選擇，而從中選擇一個(gè)最好的方案。準(zhǔn)備好需要進(jìn)行處理的圖案后，需要把這些圖案柔和起來形成一個(gè)和諧的整體，或者需要對(duì)圖片進(jìn)行處理，使其具有更豐富，更立體化的效果，要去其粗，取其精，使其能更好的體現(xiàn)軟件的主題。如下面的圖6。（圖6）圖6是未經(jīng)過處理的圖做的圖書管理系統(tǒng)軟件的界面。可以看到圖上有一杯咖啡和一盤面包，雖然從色彩上來說，這幅圖更加豐富，但是，咖啡和面包和圖書管理系統(tǒng)沒有關(guān)系，它們的出現(xiàn)只會(huì)讓人覺得奇怪，整個(gè)圖案看起來也過于休閑，與軟件的主題相去甚遠(yuǎn)，那這幅圖的選擇也就失敗了。但是這個(gè)圖中的書報(bào)卻是做這個(gè)軟件界面所需要的，因此，取其書報(bào)的部分，而將其他的部分隱去，突出書的重點(diǎn)，那這幅圖又變得可用了。任何設(shè)計(jì)都是如此，有時(shí)候需要從很多幅不同的圖上選取部分來綜合，這些工作則需要設(shè)計(jì)人員有豐富的聯(lián)想和熟練的技術(shù)。也可以自己去拍照，以使設(shè)計(jì)更加漂亮，更符合自己的心意。（3）圖案的其他設(shè)計(jì)效果。選擇好了圖案，并將其處理成了一個(gè)可用的整體，圖案規(guī)劃的工作卻仍然沒有完成。一張單一的圖，看起來是平面的，這樣，就無法突出重點(diǎn)，圖案也沒有層次，讓人在視覺上沒有遠(yuǎn)近之分，因此，還需要對(duì)圖案進(jìn)行修飾和潤(rùn)色。如圖7和圖8。（圖7）（圖8）兩幅都是為種質(zhì)資源庫做的軟件界面設(shè)計(jì)。首先來觀察圖7。圖案的選擇是中國(guó)的地圖作為前景，而用連綿的崇山峻嶺的圖片來作為背景。圖案的選擇沒有問題，而圖案的處理也已經(jīng)完成，中國(guó)地圖經(jīng)過處理，采用黃色和藍(lán)色來突出西南這塊地方，表示了該軟件面向的范圍是中國(guó)西南地區(qū)。然而，整個(gè)畫面看起來的感覺是將一幅圖壓在了一塊玻璃下面，平淡而沒有重點(diǎn)。地圖左方的空間過于空，讓人覺得左輕右重，界面看起來空洞。這時(shí)，就需要對(duì)它進(jìn)行修飾，讓它更豐富，有輕有重，讓人看起來不那么無味。再來看圖8。可以看到，中國(guó)地圖的邊緣加上了光圈，使它看起來有立體的感覺，同時(shí)，邊緣的柔和讓整個(gè)畫面看起來也更柔和。背景圖片的左上方加了一點(diǎn)紅色，相比較前一幅圖，這幅圖則更朦朧，更有美感，而且畫面的顏色也不像前一幅圖一般清淡，它更鮮亮。而在左方，加上了幾種動(dòng)植物的圖片，這些圖片讓界面看起來豐富了不少，而且反應(yīng)了該軟件的主題—野生動(dòng)植物保護(hù)。同樣，對(duì)標(biāo)題字和左下的字也進(jìn)行了修飾，畫面看起來就和諧多了。比較圖6和圖4，也可以發(fā)現(xiàn)，圖案修飾的重要性。圖6只是一張整齊的圖片，基本上沒有修飾。這個(gè)界面看起來更像是一個(gè)相框，把圖片框是里面，讓人覺得狹隘，沒有可發(fā)展的思維余地。比圖4，在圖4中，書頁超出了框的范圍，延伸到外面，而且書頁有好幾個(gè)影子，這樣，看起來，畫面就馬上立體許多，整個(gè)界面的構(gòu)圖看起來也更漂亮。（四）圖標(biāo)的規(guī)劃。圖標(biāo)是每個(gè)軟件界面中必不可少的一部分。它的比例雖小，但是卻一點(diǎn)馬虎不得，一個(gè)優(yōu)秀的軟件界面，小小的圖標(biāo)，往往能起到畫龍點(diǎn)睛的作用，成為一個(gè)亮點(diǎn)。然而，圖標(biāo)的設(shè)計(jì)，也需要注意以下幾點(diǎn)：（1）形象的一致性。這和軟件風(fēng)格的一致性原則一樣，風(fēng)格雜亂的圖標(biāo)讓人覺得界面很亂。（2）形象的可識(shí)別性。圖標(biāo)的設(shè)計(jì)要符合一般的識(shí)別規(guī)律，設(shè)計(jì)的時(shí)候可以參考同類軟件或權(quán)威軟件的類似圖標(biāo)。（3）大小。不論多么高深的畫功，都要注意，圖標(biāo)受到大小的限制，這也就決定了圖標(biāo)的內(nèi)容不可過多。圖標(biāo)須簡(jiǎn)潔、明快的表達(dá)其內(nèi)容。 （圖9）如圖9。目前，網(wǎng)絡(luò)上有很多現(xiàn)成的圖標(biāo)，各種類型和樣式，因此，不是特別需要的話，可以去網(wǎng)上下載合適的圖標(biāo)，從而省去設(shè)計(jì)制作圖標(biāo)的時(shí)間。色彩是藝術(shù)表現(xiàn)的要素之一。在進(jìn)行設(shè)計(jì)時(shí)，要根據(jù)和諧、均衡和重點(diǎn)突出的原則，將不同的色彩進(jìn)行組合．搭配來構(gòu)成美麗的頁面。 根據(jù)色彩對(duì)人們心理的影響，合理地加以運(yùn)用。（一）色彩的感情會(huì)因其色相、明度、彩度的不同，表現(xiàn)不同的色彩感覺。我們面對(duì)這些色彩也會(huì)產(chǎn)生不同的心理影響。按照色彩的記憶性原則，一般暖色較冷色的記憶性強(qiáng)；色彩還具有聯(lián)想與象征的物質(zhì)，如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出售冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色，使人心理上感覺涼爽一些。（二）冷色與暖色藍(lán)色、藍(lán)綠、藍(lán)紫等色，予人涼爽的感覺，稱為冷色。而紅、橙、黃等予人溫暖的感覺，稱為暖色。明度高的色彩較涼爽，明度低的色彩較溫暖。如圖10和圖11。 冷色調(diào)（圖10） 暖色調(diào)（圖11）（三）色彩的運(yùn)用由于國(guó)家和種族．宗教和信仰的不同， 以及生活的地理位置．文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異。如：兒童喜歡對(duì)比強(qiáng)烈．個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮主要用戶群的背景和構(gòu)成。如：流行音樂軟件的面向用戶群大多是年輕人，宜采用鮮亮的顏色，來體現(xiàn)年輕和活力；而冠心病調(diào)查軟件的用戶群一般是中老年人，則應(yīng)采用柔和的顏色，讓用戶覺得寧靜平和。色彩的搭配具有極強(qiáng)的目的性，是一個(gè)非常具體的、創(chuàng)造性的審美過程。黑、白、灰最能體現(xiàn)優(yōu)雅、理性、高貴、神秘類型的氣質(zhì)，將此三色藝術(shù)化搭配，簡(jiǎn)單中蘊(yùn)藏著無窮變化，更具意想不到的驚人效果。常用的多色相配色以少量色種為基礎(chǔ)，按“大統(tǒng)一協(xié)調(diào)、小對(duì)比”的規(guī)則配色。以相同或相近色相加、以明度和純度的變化體現(xiàn)區(qū)別的弱對(duì)比配色系列，具有統(tǒng)一協(xié)調(diào)、柔和素雅的效果，但缺少動(dòng)感，易顯得單調(diào)平淡。中對(duì)比配色系列和強(qiáng)對(duì)比色系列的共同點(diǎn)是具有不同程度的鮮明醒目、興奮熱烈的視覺效果，但也不易統(tǒng)一協(xié)調(diào)，容易引起視覺疲勞。色彩高明度格調(diào)的作品會(huì)形成優(yōu)雅明亮的氛圍，具輕松溫和明快的效果；中明度格調(diào)的作品中，中明度、高純度的配色飽滿有力，中明度、中純度的配色則顯得含蓄莊重；低明度格調(diào)的作品具有沉靜莊重、嚴(yán)肅憂郁、文弱內(nèi)向等效果。色彩純度越高，顏色越鮮艷華麗，效果越活躍熱烈；純度越低，色彩越灰暗迷朦，效果越樸素沉靜，甚至有軟弱內(nèi)向的感覺。一般而言，高明度和純度的色彩體現(xiàn)暖、輕、動(dòng)、近、大、興奮、華麗等情感效應(yīng)；反之，則體現(xiàn)出冷、重、靜、遠(yuǎn)、小、沉靜、質(zhì)樸等情感效應(yīng)。在形象設(shè)計(jì)中，要充分利用色彩的情感效應(yīng)來調(diào)節(jié)改善視覺效果和展現(xiàn)人物個(gè)性；利用膨脹收縮、遠(yuǎn)近大小等錯(cuò)覺來調(diào)整體型、臉型的輪廊以掩飾人物形象的缺陷，突出其優(yōu)美之處。如下圖的軟件截圖。（圖12）（圖13）（圖14）上面三幅圖為同一個(gè)軟件的界面，但是顏色各不相同。圖12是軟件的初始顏色。藍(lán)色是冷色調(diào)，該軟件作為一款播放器，有種平靜，酷的感覺。而圖13的紫色則給人一中詭異不感覺，覺得很不舒服，比較刺眼。圖14則是采用紅色這個(gè)暖色調(diào)做主色調(diào)，第一眼看上去，就覺得心緒不寧，讓人心浮氣躁，而且容易讓人視覺疲勞。第四章 聯(lián)信永益SPM Html語言 Html語言特點(diǎn)HTML（HyperTextMarkupLanguage）即超文本標(biāo)記語言，是WWW的描述語言。html 是在 sgml 定義下的一個(gè)描述性語言，或可說 html 是 sgml 的一個(gè)應(yīng)用程式，html 不是程式語言，它只是標(biāo)示語言。設(shè)計(jì)HTML語言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個(gè)圖標(biāo)，Internet就會(huì)馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺(tái)電腦中。 HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動(dòng)畫、聲音、表格、鏈接等。HTML的結(jié)構(gòu)包括頭部（Head）、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。 另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡(jiǎn)單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語言寫的頁面. 也許你聽說過許多可以編輯網(wǎng)頁的軟件,事實(shí)上,你不需要用任何專門的軟件來建立HTML頁面；你所需要的只是一個(gè)文字處理器（如Microsoft Word\記事本\寫字板等等）以及HTML的工作常識(shí)。其實(shí)你很快就會(huì)發(fā)現(xiàn),基礎(chǔ)的HTML語言簡(jiǎn)直容易死了。 HTML只不過是組合成一個(gè)文本文件的一系列標(biāo)簽。它們很樂隊(duì)的指揮,告訴樂手們哪里需要停頓,哪里需要激昂. ， HTML超文本文檔分文檔頭和文檔體兩部分，在文檔頭里，對(duì)這個(gè)文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。 　　下面是一個(gè)最基本的html文檔的代碼:1－ 　　HTML 開始標(biāo)簽 　　HEAD 　　TITLE 一個(gè)簡(jiǎn)單的HTML示例 /TITLE | 頭部標(biāo)簽 　　/HEAD 　　BODY 　　CENTER | 　　H1歡迎光臨我的主頁/H1 | 　　BR | 　　H