【正文】 ，而軟件界面就是他們產(chǎn)品的外觀，界面的美觀與否，直接關(guān)系到了軟件產(chǎn)品的營(yíng)銷成敗。當(dāng)前各類圖形用戶界面的共同特點(diǎn)是以窗口管理系統(tǒng)為核心，使用鍵盤和鼠標(biāo)器作為輸入設(shè)備?？v觀國(guó)際相關(guān)產(chǎn)業(yè)在圖形化用戶界面設(shè)計(jì)方面的發(fā)展現(xiàn)狀，許多國(guó)際知名公司早己意識(shí)到UI在產(chǎn)品方面產(chǎn)生的強(qiáng)大增值功能，以及帶動(dòng)的巨大市場(chǎng)價(jià)值，因此在公司內(nèi)部設(shè)立了相關(guān)部門專門從事UI的研究與設(shè)計(jì)，同業(yè)間也成立了若干機(jī)構(gòu)，以互相交流UI設(shè)計(jì)理論與經(jīng)驗(yàn)為目的?，F(xiàn)今世界上成功的軟件公司都非常重視軟件界面的美化設(shè)計(jì)，因?yàn)樗麄兩羁痰刂?，在激烈的市?chǎng)競(jìng)爭(zhēng)中，僅僅有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的。聯(lián)信永益的軟件開發(fā)存在著目前國(guó)內(nèi)軟件開發(fā)業(yè)的通病，就是界面設(shè)計(jì)很粗糙。隨著客戶對(duì)軟件界面的高度重視，網(wǎng)頁(yè)設(shè)計(jì)的概念也輻射到了軟件界面設(shè)計(jì)，軟件的界面設(shè)計(jì)也逐漸受到了大家的重視。而軟件的主題的確立則與軟件的功能與目的有關(guān)。 1：軟件設(shè)計(jì)前期，美工參與需求了解，分析同類軟件界面有缺點(diǎn)，提出主色調(diào)、典型界面風(fēng)格、以及構(gòu)思整個(gè)美術(shù)包裝等。4：任務(wù)分析。這時(shí)，在著手進(jìn)行軟件界面設(shè)計(jì)前，須在心里大致有個(gè)譜，對(duì)要設(shè)計(jì)的軟件的功能有了解，同時(shí)對(duì)該軟件的界面設(shè)計(jì)有成形的構(gòu)想。無論是控件使用，提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)，做到真正的一致。界面設(shè)計(jì)最重要的就是遵循美學(xué)上的原則——簡(jiǎn)潔與明了。（三）從用戶的觀點(diǎn)考慮。人類的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。保證界面的協(xié)調(diào)性。同時(shí)，背景圖案和顏色的設(shè)計(jì)要幫助排列，甚至有時(shí)候作為分隔符，讓界面看上去和諧美麗。（一）菜單的規(guī)劃（1）菜單設(shè)計(jì)的原則。4． 菜單命名要與同一界面上的其他按鈕易于區(qū)分，含義不能雷同。8． 主菜單的寬度要接近，每個(gè)菜單的字?jǐn)?shù)能相同最好。4． 菜單前的圖標(biāo)不宜太大，與字的高度保持一致最好。8． 盡可能從用戶角度設(shè)計(jì)菜單的語義系統(tǒng)。12． 在同一菜單中避免使用多個(gè)相同功能的菜單項(xiàng)。16． 不要在同一菜單層次上應(yīng)用相同或相似的詞匯。20． 允許跳轉(zhuǎn)到前層的菜單和主菜單。24． 在當(dāng)前狀態(tài)下，對(duì)與正在進(jìn)行的操作無關(guān)的菜單命令要用加以屏蔽處理，如變灰，但應(yīng)該還可見。27． 系統(tǒng)所有的功能項(xiàng)都應(yīng)該在菜單中有對(duì)應(yīng)的菜單命令。但該命令應(yīng)該是某個(gè)菜單的一個(gè)部分，可以在某個(gè)菜單中找到該功能命令。4． 下拉菜單要根據(jù)菜單的含義進(jìn)行分組，組與組之間有明顯的分隔形式要，比如用橫線隔開。（二）按鈕的規(guī)劃（1）按鈕的字體和大小。字的高度為按鈕高度的1/2—1/3為佳，同樣，字的寬度為按鈕寬度的1/2—1/3比較好看。如圖1。（圖2）按鈕的風(fēng)格取決于整個(gè)軟件界面的風(fēng)格，兩者的風(fēng)格應(yīng)該和諧統(tǒng)一。宋體顯得比較嚴(yán)肅認(rèn)真，讓用戶在心理上覺得可靠，這對(duì)應(yīng)用軟件來說非常重要。（1）圖案的選擇圖案須和軟件的主題有關(guān)聯(lián)，要能反應(yīng)出軟件的相關(guān)信息，因?yàn)檫@些圖案就是對(duì)軟件的高度抽象化，它要既能讓人覺得賞心悅目，又能體現(xiàn)軟件的宗旨。同樣，一個(gè)圖書管理系統(tǒng)的軟件，就要在界面上顯示與圖書類有關(guān)的東西，不能天南地北，不著邊際的選擇圖案。畫面看起來寧?kù)o而不呆板。因此，圖案的選擇和設(shè)計(jì)非常關(guān)鍵，它決定著整個(gè)軟件包裝的成敗。這個(gè)階段，也許會(huì)推翻很多過去的方案，它是一個(gè)不斷對(duì)界面重新進(jìn)行藝術(shù)設(shè)計(jì)和完善的過程，因此，在著手設(shè)計(jì)前，最好能準(zhǔn)備幾套不同的設(shè)計(jì)方案，以便在這個(gè)階段能有多種選擇，而從中選擇一個(gè)最好的方案。可以看到圖上有一杯咖啡和一盤面包，雖然從色彩上來說，這幅圖更加豐富，但是，咖啡和面包和圖書管理系統(tǒng)沒有關(guān)系，它們的出現(xiàn)只會(huì)讓人覺得奇怪，整個(gè)圖案看起來也過于休閑，與軟件的主題相去甚遠(yuǎn)，那這幅圖的選擇也就失敗了。（3）圖案的其他設(shè)計(jì)效果。（圖7）（圖8）兩幅都是為種質(zhì)資源庫(kù)做的軟件界面設(shè)計(jì)。然而，整個(gè)畫面看起來的感覺是將一幅圖壓在了一塊玻璃下面，平淡而沒有重點(diǎn)?？梢钥吹?，中國(guó)地圖的邊緣加上了光圈，使它看起來有立體的感覺，同時(shí)，邊緣的柔和讓整個(gè)畫面看起來也更柔和。比較圖6和圖4，也可以發(fā)現(xiàn)，圖案修飾的重要性。（四）圖標(biāo)的規(guī)劃。這和軟件風(fēng)格的一致性原則一樣，風(fēng)格雜亂的圖標(biāo)讓人覺得界面很亂。不論多么高深的畫功，都要注意，圖標(biāo)受到大小的限制，這也就決定了圖標(biāo)的內(nèi)容不可過多。色彩是藝術(shù)表現(xiàn)的要素之一。我們面對(duì)這些色彩也會(huì)產(chǎn)生不同的心理影響。而紅、橙、黃等予人溫暖的感覺，稱為暖色。如：兒童喜歡對(duì)比強(qiáng)烈．個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色；生活在鬧市中的人喜歡淡雅的顏色；生活在“沙漠”中的人喜歡綠色。黑、白、灰最能體現(xiàn)優(yōu)雅、理性、高貴、神秘類型的氣質(zhì)，將此三色藝術(shù)化搭配，簡(jiǎn)單中蘊(yùn)藏著無窮變化，更具意想不到的驚人效果。色彩高明度格調(diào)的作品會(huì)形成優(yōu)雅明亮的氛圍，具輕松溫和明快的效果；中明度格調(diào)的作品中，中明度、高純度的配色飽滿有力，中明度、中純度的配色則顯得含蓄莊重；低明度格調(diào)的作品具有沉靜莊重、嚴(yán)肅憂郁、文弱內(nèi)向等效果。如下圖的軟件截圖。而圖13的紫色則給人一中詭異不感覺，覺得很不舒服，比較刺眼。設(shè)計(jì)HTML語言的目的是為了能把存放在一臺(tái)電腦中的文本或圖形與另一臺(tái)電腦中的文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦上還是在網(wǎng)絡(luò)的其它電腦上。 另外，HTML是網(wǎng)絡(luò)的通用語言,一種簡(jiǎn)單、通用的全置標(biāo)記語言。 HTML只不過是組合成一個(gè)文本文件的一系列標(biāo)簽。 HEAD/HEAD是HTML文檔的頭部標(biāo)簽, 在瀏覽器窗口中，頭部信息是不被顯示在正文中的,在此標(biāo)簽中可以插入其它標(biāo)記, 用以說明文件的標(biāo)題和整個(gè)文件的一些公共屬性。 Html的發(fā)展歷史HTML是萬維網(wǎng)文檔發(fā)布和瀏覽的基本格式。HTML的設(shè)計(jì)者是這樣考慮的：HTML格式將允許科學(xué)家們透明地共享網(wǎng)絡(luò)上的信息，即使這些科學(xué)家使用的計(jì)算機(jī)差別很大。 精確的結(jié)構(gòu)化文檔。SGML的標(biāo)準(zhǔn)化水平也確保了它長(zhǎng)久的生命力，這意味著采用SGML格式的文檔在相當(dāng)長(zhǎng)的時(shí)間里不需要重新構(gòu)建。每個(gè)讀者都以一種對(duì)其計(jì)算機(jī)有利的方式定義章節(jié)標(biāo)題的外表，相應(yīng)地，并以這種風(fēng)格來規(guī)范所有的文本。SGML的一大優(yōu)點(diǎn)是它的靈活性。 二. HTML的演變 自1989年以來，HTML及萬維網(wǎng)的使用和發(fā)展有了巨大的變化。有些增加部分設(shè)計(jì)得很糟，很多甚至不遵從SGML規(guī)范。標(biāo)準(zhǔn)化之后，HTML就可以被安全地?cái)U(kuò)展到將來的各個(gè)級(jí)別的版本，從而利用了SGML的實(shí)質(zhì)性能和它的格式化結(jié)構(gòu)。更加明確了文檔的結(jié)構(gòu)和表現(xiàn)形式上的區(qū)別，以鼓勵(lì)使用格式表（style sheet）來取代使用元素和屬性進(jìn)行表現(xiàn)的方式 。在文本描述的標(biāo)記中包含對(duì)象?？梢詫⑻娲鷪D像的文本包括在圖像元素（IMG element）中，也可以將圖像映射（image map）包含到區(qū)域元素中（area element）。更多的表格屬性，包括Caption、Column groups和方便的非可視信息（nonvisual reading）的表現(xiàn)機(jī)制。就需要站點(diǎn)進(jìn)行網(wǎng)頁(yè)文件管理。 修改控件的Css樣式。（圖19） Javascript語言 Javascript語言簡(jiǎn)介和特點(diǎn)Internet的迅猛發(fā)展，特別是WWW的日益普及很大程度上得益于網(wǎng)絡(luò)上的超媒體信息。 Java語言以及另外一此腳木語言( Script)的出現(xiàn)滿足了服務(wù)方和用戶方的這種要求。JavaScript是種基于對(duì)象的腳本語言，使用它可以開發(fā)Internet客戶端的應(yīng)用程序。早期稱之為L(zhǎng)iveScript,后來為了利用Java的功能同時(shí)借用它的流行性，把它改名為JavaScript1 ．JavaScript是一種腳本語言腳本是種能夠完成某些特殊功能的小“程序”。 Netscape Navigator 2?；趯?duì)象的語言也是一種面向?qū)ο笳Z言，但它本身已具有創(chuàng)建完成的對(duì)象。也就是說，它不能將數(shù)據(jù)存儲(chǔ)在Web服務(wù)器或用戶的計(jì)算機(jī)上，更不能對(duì)用戶文件進(jìn)行修改或刪除操作5. JavaScript是與平臺(tái)無關(guān)的語言對(duì)于一般的計(jì)算機(jī)程序，它們的運(yùn)行與平臺(tái)有關(guān)。然而重要的是，為了使用這些l具，您需要購(gòu)買相應(yīng)的開發(fā)環(huán)境，而且這些工具往往并不便宜。1．瀏覽器相關(guān)的局限性目前，上有很多瀏覽器，如Netscape, Explorer, Mosaic, Hot Java等，但并不是每種瀏覽器都支持JavaScript。通過Random Number Generation〔隨機(jī)數(shù)據(jù)生成），可以使用JavaScript創(chuàng)建一個(gè)卡片游戲。它有權(quán)訪問的惟一信息就是它所嵌入的那一個(gè)Web主頁(yè)中的信息2) JavaScript不能打開、讀、寫、保存Web服務(wù)器上的文件盡管您可以使用它來提交HTML命令，但HTML命令也不能打開那些文件3) JavaScript不可能用來編寫破壞計(jì)算機(jī)上任何資源的“病毒”。聯(lián)信永益SPM 登錄模塊首頁(yè)模塊管理空間模塊信息空間模塊下載空間模塊項(xiàng)目管理模塊部門管理模塊域賬戶管理模塊會(huì)議紀(jì)要管理模塊項(xiàng)目匯總模塊部門匯總模塊（圖20） 用戶必須擁有聯(lián)信永益公司長(zhǎng)沙分公司的域賬戶，輸入正確的域用戶名和密碼進(jìn)行登錄。在下次登錄時(shí)，系統(tǒng)跳過登錄界面，直接進(jìn)入首頁(yè)。點(diǎn)擊【切換用戶】鏈接，鏈接到登錄頁(yè)面，用戶可使用另外的域賬戶進(jìn)行登錄?！緲?gòu)建列表】主要用于查看項(xiàng)目在TFS上已構(gòu)建信息?！緯?huì)議紀(jì)要管理】中包含【會(huì)議紀(jì)要?jiǎng)?chuàng)建】和【會(huì)議紀(jì)要審核】。【部門匯總】展示聯(lián)信永益長(zhǎng)沙分公司所有的部門，點(diǎn)擊可以查看當(dāng)前選擇部門的詳情。 碼：/div div class=subLogin_2_2input id=txtPassWrod type=password class=inputText //div /div /div div style=margintop: 10px。 style=border:0px //a /div div class=subLogin_2_button ButtonMargin style=marginleft:100px a href= img alt=取消登錄 src=../Images/。 margintop: 15px。 [a href=mailto:137568671聯(lián)系我們|/a a href=javascript:show_help()。 margintop: 14px。 marginleft:auto。amp。amp。 width:100%。 fontsize:13px。 height:auto。 borderbottom:dashed 1px ccc th序號(hào)/th th姓名/th th職務(wù)/th th狀態(tài)/th th曾參與項(xiàng)目數(shù)/th th當(dāng)前參與項(xiàng)目數(shù)/th th不在項(xiàng)目中的天數(shù)/th th操作/th /tr trtd1/td td楊靜/td td實(shí)習(xí)UI設(shè)計(jì)師/td td在項(xiàng)目中/td td5個(gè)/td td4個(gè)/td td0天/td tda href= style=color:005ba8取消收藏/a/td /tr /table /div /div /div div style=border: 1px solid adadad。 float:right div class=Title_Back div class=Title_Back_img/div div class=Title_Back_Text日程/div /div div class=Nav_body img alt= src=../Images/ / /div /div div style=border: 1px solid adadad。 float:right div class