Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì)

1、南陽理工學(xué)院成人教育學(xué)院本科畢業(yè)設(shè)計(jì)（論文）（計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)）Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì)專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 學(xué) 生 姓 名： 指 導(dǎo) 教 師（職稱）： 完 成 日 期： 2015年5月 南陽理工學(xué)院成人教育學(xué)院畢業(yè)論文（設(shè)計(jì)）選題表年級(jí)： 2008級(jí) 層次：專升本 姓 名學(xué)號(hào)專業(yè)計(jì)算機(jī)科學(xué)與技術(shù)工作單位南陽理工學(xué)院現(xiàn)任工作通訊地址南陽市長(zhǎng)江路80號(hào)郵政編碼473004聯(lián)系電話在單位所做技術(shù)業(yè)務(wù)工作入學(xué)前入學(xué)后南陽理工學(xué)院你擬選論文題目及論文提綱是什么？論文題目為：Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì)論文提綱為：一、UI的簡(jiǎn)介、發(fā)展及現(xiàn)狀 二、軟件界面設(shè)計(jì)基礎(chǔ) 三、軟件系統(tǒng)UI設(shè)

2、計(jì)標(biāo)記語言 四、Phpcms內(nèi)部管理系統(tǒng)的構(gòu)架函授教學(xué)輔導(dǎo)站： 2015年 4 月 6 日3南陽理工學(xué)院成人教育學(xué)院畢業(yè) 論文(設(shè)計(jì))任務(wù)書 函授教學(xué)輔導(dǎo)站： 年級(jí)： 2008級(jí) 層次： 專升本 學(xué)生姓名： 專 業(yè)： 計(jì)算機(jī)科學(xué)與技術(shù) 指導(dǎo)教師： 工作單位： 南陽理工學(xué)院 設(shè)計(jì)(論文)題目: Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì) 設(shè)計(jì)（論文）主要內(nèi)容： Phpcms內(nèi)部管理系統(tǒng)的UI設(shè)計(jì)流程以及有關(guān)UI設(shè)計(jì)的實(shí)習(xí)經(jīng)驗(yàn)總結(jié)要求完成的主要任務(wù): Phpcms內(nèi)部管理系統(tǒng)建設(shè)指導(dǎo)教師簽名： 函授教學(xué)輔導(dǎo)站負(fù)責(zé)人簽名： 函授教學(xué)輔導(dǎo)站蓋章 年 月 日Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì) 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)摘

3、要軟件設(shè)計(jì)可分為兩個(gè)部分:編碼設(shè)計(jì)與UE設(shè)計(jì)。編碼設(shè)計(jì)大家都很熟悉，但是UI設(shè)計(jì)還是一個(gè)很陌生的詞，即使一些專門從事網(wǎng)站與多媒休設(shè)計(jì)的人也不完全理解UI的意思。UI的本意是用戶界面.是英文User和interface的編寫。從字面上看是用戶與界面2個(gè)組成部分，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。界面設(shè)計(jì)不是單純的美術(shù)繪面，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶面設(shè)計(jì)，是建立在科學(xué)性之上的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)界面的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開發(fā)組領(lǐng)導(dǎo)的意見也不是項(xiàng)目成員投票的結(jié)果，面是終端用戶的感受。本文結(jié)合Phpcms內(nèi)部管理系統(tǒng)實(shí)例研究如何設(shè)計(jì)高用戶體驗(yàn)的軟件UI，并對(duì)軟件界面的設(shè)計(jì)原

4、則、方法、及過程進(jìn)行分析。關(guān)鍵詞UI；界面設(shè)計(jì)；后臺(tái)管理系統(tǒng)目 錄1、緒論.51.1UI簡(jiǎn)介 52、UI設(shè)計(jì)現(xiàn)狀5 2.1軟件開發(fā)業(yè)的界面設(shè)計(jì)現(xiàn)狀5 2.2Phpcms內(nèi)部系統(tǒng)軟件開發(fā)在UI方面的現(xiàn)狀及缺點(diǎn)63、軟件界面設(shè)計(jì)基礎(chǔ)6 3.1軟件界面設(shè)計(jì)的前期準(zhǔn)備工作.6 3.2軟件界面設(shè)計(jì)的原則.73.3軟件界面的規(guī)劃.83.4色彩.154、Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì)語言簡(jiǎn)介.16 4.1 HTML語言.16 4.2基于HTML的UI設(shè)計(jì)過程. 185、Phpcms內(nèi)部管理系統(tǒng)的構(gòu)架. 195.1登錄模塊. 195.2首頁模塊. 205.3管理模塊. 20結(jié)束語22參考文獻(xiàn)23致謝241緒

5、論1.1UI簡(jiǎn)介現(xiàn)今隨著計(jì)算機(jī)硬件的飛速發(fā)展，過去的軟件程序已經(jīng)不能適應(yīng)用戶的要求。軟件產(chǎn)品在激烈的市場(chǎng)競(jìng)爭(zhēng)中，僅僅有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的，不足以戰(zhàn)勝?gòu)?qiáng)勁的對(duì)手。幸運(yùn)的是在國(guó)內(nèi)一些高瞻遠(yuǎn)矚的民族企業(yè)已經(jīng)開始意識(shí)到UI給軟件產(chǎn)品帶來的巨大賣點(diǎn)了，例如金山公司的影霸、詞霸、毒霸、網(wǎng)標(biāo)，由于重視UI的開發(fā)與地位.才便得金山產(chǎn)品在同類軟件產(chǎn)品中首屈一指。聯(lián)想軟件的UI部門積極開展用戶研究與使用性測(cè)試，將易用與美觀相結(jié)合，推出的雙模式電腦、幸福系列等成功UI范例.為聯(lián)想贏得全球消費(fèi)PC第三的稱號(hào)等等.實(shí)踐證明，各商家只要在產(chǎn)品美觀和易用設(shè)計(jì)方面很小投入，將會(huì)有很大產(chǎn)出。其投入產(chǎn)出比，要比在功能領(lǐng)先性開

6、發(fā)上的投入人得多。GUI(Graphical User Interface)是一種結(jié)合計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)、行為學(xué)，及各商業(yè)領(lǐng)城需求分析的人機(jī)系統(tǒng)工程，強(qiáng)調(diào)人一機(jī)一環(huán)境三者作為一個(gè)系統(tǒng)進(jìn)行總體設(shè)計(jì)。對(duì)大多數(shù)人來說，用戶界面就是軟件本身.所以，掌握用戶界面設(shè)計(jì)的技巧與技術(shù)是讓軟件走向市場(chǎng)的最直觀因素.界面是一個(gè)窗口。界面設(shè)計(jì)是開發(fā)中最重要的方面，并將涉及到整個(gè)開發(fā)隊(duì)伍。對(duì)于應(yīng)用軟件來說，一個(gè)基本現(xiàn)實(shí)就是:用戶界面是面向用戶的。用戶需要的是開發(fā)者開發(fā)的應(yīng)用軟件滿足其需求，并且易于使用，用戶界面走到今天直是千錘百煉，要做到易用就更是難上加難.太多的開發(fā)者自以為是藝術(shù)天才，他們不去盡力遵循用戶界面

7、設(shè)計(jì)標(biāo)準(zhǔn)，或花精力使得產(chǎn)品好用；相反，他們錯(cuò)誤地認(rèn)為編寫更靈巧的代碼或是使用一套確實(shí)有趣的顏色方案才是重要的事。Constantine(1995)指出，好的用戶界面使得人們不用閱讀用戶手冊(cè)或接受培訓(xùn)就能使用應(yīng)用軟件.對(duì)于軟件公司來說，軟件產(chǎn)品就是他們的商品，面軟件界面就是他們產(chǎn)品的外觀，界面的美觀與否，直接關(guān)系到了軟件產(chǎn)品的營(yíng)銷成敗。2 UI設(shè)計(jì)現(xiàn)狀2.1軟件開發(fā)業(yè)的界面設(shè)計(jì)現(xiàn)狀人機(jī)交互和計(jì)算機(jī)用戶界面剛剛走過基于字符方式的命令語言式界面.目前正處于圖形用戶界面時(shí)代.用戶界面(User Interface)是當(dāng)前用戶界面的主流.廣泛應(yīng)用于各檔臺(tái)式微機(jī)和圖形工作站。當(dāng)前各類圖形用戶界面的共同特點(diǎn)

8、是以窗口管理系鍵盤和鼠標(biāo)器作為輸入設(shè)備。窗口管理系統(tǒng)除基于可重疊多窗口管理技術(shù)外，廣泛采用的另一核心技術(shù)是事件驅(qū)動(dòng)(Event-Driven)技術(shù)。圖形用戶界面和人機(jī)交互過程極大地依賴視覺和手動(dòng)控制的參與.因此具有強(qiáng)烈的直接操作特點(diǎn)。在用戶把軟件買回去后，他們和企業(yè)的聯(lián)系.以及該企業(yè)形象在客戶眼中的表現(xiàn)，很大一部分是通過軟件的界面來傳達(dá)的，美觀友好的用戶界面對(duì)于宜傳企業(yè)文化，給客戶灌輸企業(yè)理念.甚至于對(duì)企業(yè)的宣傳運(yùn)作都將是非常有益的，美觀的界面都會(huì)給客戶以信心和良好的印象?？v觀國(guó)際相關(guān)產(chǎn)業(yè)在圖形化用戶界面設(shè)計(jì)方面的發(fā)展現(xiàn)狀.許多國(guó)際知名公司早己意識(shí)到UI在產(chǎn)品方面產(chǎn)生的強(qiáng)大增值功能。以及帶動(dòng)的

9、巨大市場(chǎng)價(jià)值，因此在公司內(nèi)部設(shè)立了相關(guān)部門專門從事UI的研究與設(shè)計(jì)，同業(yè)間也成立了若干機(jī)構(gòu)，以互相交流UI設(shè)計(jì)理論與經(jīng)驗(yàn)為目的。我們可以清楚地看到.微軟公司對(duì)軟件界面設(shè)計(jì)的重視。仔細(xì)將WIN2000與WIN98和WIN95以及NT4. 0相比是否驚嘆他界面的美觀性與易用性？而WINDOWS XP系統(tǒng)，則更在其界面的美觀性和簡(jiǎn)潔性上下了大功夫.簡(jiǎn)單大方的界面讓使用者的心情也大為舒暢！金山公司的金山詞霸就是國(guó)內(nèi)軟件成功的例子了，從金山詞霸3.0到金山詞霸2001的變化堪稱經(jīng)典.著名的網(wǎng)頁動(dòng)畫制作軟件Flash從3.0到4.0，僅僅修改了圖標(biāo)和窗體，立即大為增色.現(xiàn)今世界上成功的軟件公司部非常重視軟

10、件界面的美化設(shè)計(jì)，因?yàn)樗麄兩羁痰刂溃诩ち业氖袌?chǎng)競(jìng)爭(zhēng)中，僅僅有強(qiáng)大的功能是遠(yuǎn)遠(yuǎn)不夠的。設(shè)計(jì)良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)的操作，起到向?qū)У淖饔茫瑫r(shí)界面如同人的面孔，具有吸引用戶的直接優(yōu)勢(shì).設(shè)計(jì)合理的界面能給用戶帶來輕松愉悅的感受和成功的感覺，相反由于界面設(shè)計(jì)的失敗，讓用戶有挫敗感，再實(shí)用強(qiáng)大的功能都可能在用戶的畏懼中付諸東流。國(guó)內(nèi)軟件業(yè)在軟件產(chǎn)品的人機(jī)交互界面設(shè)計(jì)水平發(fā)展上日顯滯后，這對(duì)于提高產(chǎn)業(yè)綜合素質(zhì)，提升與國(guó)際同等業(yè)者的競(jìng)爭(zhēng)能力等等方面無疑起了制約的作用。2.2 Phpcms內(nèi)部管理系統(tǒng)軟件開發(fā)在UI方面的現(xiàn)狀及缺點(diǎn)Phpcms的軟件開發(fā)存在著目前國(guó)內(nèi)軟件開發(fā)業(yè)的通病，界面設(shè)計(jì)很

11、粗糙。由于大部分的界面均由軟件開發(fā)人員設(shè)計(jì)，并沒有專門的界面處理人員.同時(shí)，開發(fā)人員也把精力重點(diǎn)放在對(duì)軟件性能的學(xué)習(xí)和實(shí)現(xiàn)上，沒有多余的精力來仔細(xì)的處理界面.這也就形成了其開發(fā)的軟件在功能上比較強(qiáng).但是在人機(jī)交互方面糟糕.用戶經(jīng)常會(huì)遭遇面對(duì)一堆輸入框和幾個(gè)窗口，卻無從下手，不知道如何進(jìn)行操作的尷尬局面。于是軟件開發(fā)人員經(jīng)?；ㄙM(fèi)好多時(shí)間去寫如何使用軟件的用戶指南文檔，但是往往事倍功半。與其這樣，還不如稍微花點(diǎn)時(shí)間在圖形界面設(shè)計(jì)上.簡(jiǎn)單大方的界面能自然的引導(dǎo)用戶，突山重點(diǎn)，從而讓用戶能在最短的時(shí)間內(nèi)熟悉該軟件，而且找到自己想要使用的東西。隨著客戶對(duì)軟件界面的高度重視，網(wǎng)頁設(shè)計(jì)的概念也輻射到了軟件界

12、面設(shè)計(jì)，軟件的界面設(shè)計(jì)也逐漸受到了大家的重視。軟件開發(fā)期待著界面設(shè)計(jì)的蘇醒.第三章軟件界面設(shè)計(jì)基礎(chǔ)3.1軟件界面設(shè)計(jì)的前期準(zhǔn)備工作(一)確定軟件的主題.不管要設(shè)計(jì)什么東西，設(shè)計(jì)前就應(yīng)該先確立好設(shè)計(jì)的主題.而軟件的主題的確與軟件的功能與目的有關(guān).比如一個(gè)圖書管理系統(tǒng)的軟件.其主題就是“圖書管理，.遠(yuǎn)程教育系統(tǒng)的主題就是遠(yuǎn)程教育”。于是軟件界面的設(shè)計(jì)就要圍繞著主題來進(jìn)行，讓用戶一看軟件的界面就知道這個(gè)軟件是做什么的，不能軟件的界面與軟件的主題相差十萬八千里，例如一個(gè)電腦硬件管理系統(tǒng)軟件的界面上盡是和電腦無關(guān)的東西.比如花草，山水，這樣，就不能反應(yīng)該軟件的主題與功能，讓人丈二和尚摸不著頭腦，這樣.這

13、個(gè)軟件的界面就是失敗的。(二)美工作為界面美化的主要人員，不但擁有藝術(shù)設(shè)計(jì)、包裝設(shè)計(jì)的才能，還應(yīng)該穿插整個(gè)項(xiàng)目，給界面程序設(shè)計(jì)人員提出系統(tǒng)參考意見，1.軟件設(shè)計(jì)前期，美工參與需求了解，分析同類軟件界面優(yōu)缺點(diǎn)，提出主色調(diào)、典型界面風(fēng)格、以及構(gòu)思整個(gè)美術(shù)包裝等。2.界面原型設(shè)計(jì)過程中，與開發(fā)人員共同修改、商榷最終表現(xiàn)樣式，以及確立UI標(biāo)準(zhǔn)。3.用戶調(diào)研。擬定需求，初步建立界面原型.4.任務(wù)分析。根據(jù)任務(wù)的復(fù)雜性、難易程度等，詳細(xì)分解任務(wù)動(dòng)作，進(jìn)行合理分工，確定適合于用戶的交互方式。5.程序開發(fā)過程中，提供標(biāo)準(zhǔn)風(fēng)格的資源文件(icon. cur.bmp德)，并總結(jié)出統(tǒng)一風(fēng)格的資源的設(shè)計(jì)過程.形成規(guī)范

14、文檔。 （三)確定界面根據(jù)用戶的自身特性.以及系統(tǒng)任務(wù)、環(huán)境、成本/效益，確定何為適合的界面類型. 這時(shí)，在著手進(jìn)行軟件界面設(shè)計(jì)前，須在心里大致有個(gè)譜，對(duì)要設(shè)計(jì)的軟件的功能有了解，同時(shí)對(duì)該軟件的界面設(shè)計(jì)有成形的構(gòu)想。3.2軟件界面設(shè)計(jì)的原則 （一）一致性原則要求軟件的概念模式、顯示方式等的一致性，在類似的情況下具有一致的操作序列:如在提示、菜單和幫助中產(chǎn)生相同的術(shù)語;具體是指在不同的應(yīng)用系統(tǒng)中都具有相似的界面外觀，布局、相似的交互方式以及相似的信息顯示等。界面設(shè)計(jì)保持高度一致性，用戶不必進(jìn)行過多的學(xué)習(xí)就可以掌握其共性，還可以把局部的知識(shí)和經(jīng)驗(yàn)推廣使用到其他場(chǎng)合。人機(jī)界面設(shè)計(jì)的一致性要求對(duì)構(gòu)成易

15、學(xué)易用是極為重要的. 無論是控件使用.提示信息措辭，還是顏色、窗口布局風(fēng)格，遵循統(tǒng)一的標(biāo)準(zhǔn)做到真正的一致。這樣得到的好處:1、使用戶使用起來能夠建立起精確的心里模型，使用熟練了一個(gè)界面后，切換到另外一個(gè)界面勝夠很輕松的推測(cè)出各種功能，語句理解也不需要費(fèi)神2、降低培訓(xùn)、支持成本.支持人員不需要費(fèi)力逐個(gè)指導(dǎo)。3、給用戶統(tǒng)一感覺，不覺得混亂，心情愉快，支持度增加 (二)合理利用空間，保持界面的簡(jiǎn)潔。簡(jiǎn)單易用就是好.不要將界面設(shè)計(jì)的過于復(fù)雜，那樣會(huì)影響程序的快捷使用，人為降低了程序的運(yùn)行效率.界面設(shè)計(jì)最重要的就是遵循美學(xué)上的原則簡(jiǎn)潔與明了。一個(gè)軟件，特別是應(yīng)用軟件，其界面不需要很華麗。太過花哨的界面容

16、易讓人的眼睛疲憊，讓人心浮氣躁，把注意力過多的集中到花哨的圖案和顏色上，從而形響軟件的可信度以及實(shí)用性。因此，界面設(shè)計(jì)需在空間使用上，合理的布局和設(shè)計(jì)，在簡(jiǎn)潔的同時(shí)讓人的眼球得到藝術(shù)欣賞，并且能感覺放松，突出軟件的性能，使界面設(shè)計(jì)成為軟件性能一個(gè)出色的輔助項(xiàng)目但是卻不喧賓奪主，始終作為一個(gè)襯托.讓軟件界面更友好.更能為用戶所喜愛和接受。 (三)從用戶的觀點(diǎn)考慮. 一個(gè)軟件界面是用來方便用戶與軟件的交互的，因此，要從用戶的角度去考慮和設(shè)計(jì)軟件界面.想他們所想.做他們所做.并且界面中要使用能反應(yīng)用戶本身的語言.而不是設(shè)計(jì)者的語言以及使用習(xí)慣。(四)記憶負(fù)擔(dān)最小化。人腦不是電腦，在設(shè)計(jì)界面時(shí)必須要考

17、慮人類人腦處理信息的限度。人類的短期記憶極不穩(wěn)定、有限，24小時(shí)內(nèi)存在25%的遺忘率。所以對(duì)用戶來說，瀏覽信息要比記憶更容易。一個(gè)畫面的信息量不可過于復(fù)雜和龐大。（五）清楚，和諧的排列。保證界面的協(xié)調(diào)性?？丶[放位置要合理、均衡，讓人便于瀏覽和使用。不要給人們帶來“前重后輕、左寬右窄”的不良感覺。要將重要的控件擺放在明顯位置，這樣才能突出重點(diǎn)。此外，一定要符合人們的日常便用習(xí)慣.同時(shí)，背景圖案和顏色的設(shè)計(jì)要幫助排列，甚至有時(shí)候作為分隔符，讓界面看上去和諧美麗.3.3軟件界面的規(guī)劃3.3.1登陸界面的規(guī)劃應(yīng)用軟件的登陸窗口一般只有輸入用戶名、密碼的內(nèi)容，所以不宜過大，大小大概為屏幕的1/4，太人

18、給人一種畫面太空曠的感覺.太小則給人以擁擠的感覺。位置為居中。這樣讓用戶把注意力自然的集中到窗口上，且符合般用戶的使用習(xí)慣。3.3.2應(yīng)用界面的規(guī)劃 (一)菜單的規(guī)劃(1)菜單設(shè)計(jì)的原則 1.菜單、按鈕名稱,應(yīng)該易懂、用詞準(zhǔn)確，摒棄模棱兩可的字眼。 2.菜單的命名要直觀，含義清晰，不可有二義性. 3.菜單命名最好能望文知意，理想的情況是用戶不用查閱摺助就能知道該命令的功能。并能進(jìn)行相關(guān)的正確操作。 4.菜單命名要與同一界面上的其他按鈕易于區(qū)分，含義不能雷同。 5.菜單的字體、大小通常為宋體、五號(hào)。 6.菜單中的命令長(zhǎng)度一般為2-5個(gè)字符。 7.菜單的命令格式一般為“動(dòng)詞+名詞”，即“操作方法+

19、操作對(duì)象”，或者為“名詞+名詞.，即“所有者+屬性”等等。 8.主菜單的寬度要接近，每個(gè)菜單的字?jǐn)?shù)能相同最好。(2)菜單組織 1.菜單的形式有下列幾種:下拉式菜單，線狀序列菜單，樹狀結(jié)構(gòu)菜單，選項(xiàng)式菜單，彈出式菜單. 2.菜單可以是文字式.圖標(biāo)式成圖標(biāo)文字混合式。 3.主菜單為單排布置。 4.菜單前的圖標(biāo)不宜太人，與字的高度保持一致最好。 5.菜單和工具條要有清楚的界限，菜單要求凸出顯示，這樣在移走工具條時(shí)仍有立體感. 6如果該命令菜單會(huì)引出一個(gè)對(duì)話框，則該菜單后面應(yīng)該加省略號(hào).，表示需要用戶提供更多的信息才能使用該菜單命令.7.如果該菜單是一個(gè)級(jí)聯(lián)菜單，即其下還有子菜單，則菜單標(biāo)題后面應(yīng)該有

20、向右的箭頭.8.盡可能從用戶角度設(shè)計(jì)菜單的語義系統(tǒng)。9.專業(yè)性強(qiáng)的軟件要使用相關(guān)的專業(yè)術(shù)語.通用性界面則提倡使用通用性眼。10.按照邏輯功能來將菜單命令分組。11.在下拉菜單中用分隔線將功能更相關(guān)的項(xiàng)目分組排列，完成相同或相近功能的菜單命令放在同一位置。12.在同一菜單中避免使用多個(gè)相同功能的菜單項(xiàng)。 13.避免使用沒有下拉項(xiàng)的菜單項(xiàng)，因?yàn)楣铝⒌牟藛雾?xiàng)和按鈕沒什么區(qū)別。14.當(dāng)子菜單的劃分有多個(gè)標(biāo)準(zhǔn)時(shí)，應(yīng)該采用同一個(gè)標(biāo)準(zhǔn)，不能多個(gè)標(biāo)準(zhǔn)共用。15.子菜單在語義邏輯上不應(yīng)該同屬于幾個(gè)主菜單。16.不要在同菜單層次上應(yīng)用相同或相似的詞匯。17.下拉式菜單深度一般要求最多控制在三層以內(nèi)。18.菜單前的

21、圖標(biāo)能直觀的代表要完成的操作。19.當(dāng)菜單是層次的，則應(yīng)該是循環(huán)式的網(wǎng)絡(luò)結(jié)構(gòu)，用戶能從上一級(jí)菜單到下一級(jí)菜單.也能從下一級(jí)菜單返回到上一級(jí)菜單.切忌采用非循環(huán)的結(jié)構(gòu)。20.允許跳轉(zhuǎn)到前層的菜單和主菜單。21.常用菜單要有命令快捷方式，不常用的可以沒有快捷健。22.應(yīng)該在所有子菜單中都提供訪問健(菜單項(xiàng)中帶有下劃線的字毋，稱為菜單的訪問健).23.正在起作用的命令菜單應(yīng)該在菜單的表現(xiàn)形式上有所不間.如菜單下凹或菜單前打勾等。 24.在當(dāng)前狀態(tài)下.對(duì)與正在進(jìn)行的操作無關(guān)的菜單命令要用加以屏蔽處理如變灰但應(yīng)該還可見。25.對(duì)于在當(dāng)前位置或狀態(tài)下始終用不到的命令，在界面上應(yīng)該完全屏蔽.即不可見，如果采

22、用動(dòng)態(tài)加載方式(即只有需要的菜單才顯示)最好。26.動(dòng)態(tài)加載方式的菜單只顯示最近用過的菜單命令，久未運(yùn)用的菜單將會(huì)自動(dòng)隱藏起來，需要的時(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.沒有

23、順序要求的菜單項(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為佳，同樣.字的

24、寬度為按鈕寬度的1/2-1/3比較好看。 （2）按鈕的顏色 按鈕的顏色最好與整個(gè)界面的主色調(diào)統(tǒng)一。按鈕的顏色不宜用和界面主色調(diào)不一致的色彩。如圖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)格的按鈕以及像素按鈕。 按鈕的風(fēng)格取決于整個(gè)軟件界面的風(fēng)格，兩者的風(fēng)格應(yīng)該和諧統(tǒng)一。(三)文字的規(guī)劃 文字是軟件界面的主體，也是傳達(dá)信息的主要工具.因此，文字的規(guī)劃絕對(duì)不可以馬虎。軟件文字的字號(hào)一般為宋體.大小為

25、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.軟件界面左方是個(gè)高壓電網(wǎng)的圖案，讓人一看了，就知道這個(gè)軟件的性質(zhì)，就知道它是一個(gè)與電力系統(tǒng)有關(guān)的軟件，這樣，這個(gè)圖案就起到了畫龍點(diǎn)睛的作用。同

26、樣，一個(gè)圖書管理系統(tǒng)的軟件，就要在界面上顯示與圖書類有關(guān)的東西，不能天南地北.不著邊際的選擇圖案。如下面兩幅用，我們來比較一下兩者.兩幅圖都是為圖書管理系統(tǒng)做的界面，但是圖4的圖案選擇的是用一幅翻開的書的圖案和一個(gè)顯示器的圖案。書很明顯的表示了該軟件的功能與書籍有關(guān).而顯示器則增加了一些現(xiàn)代的感覺，使整個(gè)畫面看起來不至于過于休閑，顯示器中是堆成山的書和一幢建筑，這正好顯示了該軟件與圖書館的功能類似，它是現(xiàn)實(shí)中的圖書館在電腦中的表現(xiàn)。畫面看起來寧?kù)o面不呆板。現(xiàn)在來看看圖5的軟件界面設(shè)計(jì)圖。左邊的小狗讓人第一眼看去，以為這個(gè)軟件是個(gè)與寵物有關(guān)的，而再看軟件的名字，則讓人哭笑不得，整個(gè)界面看起來不倫

27、不類，這個(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ì)界面重?cái)噙M(jìn)行藝術(shù)設(shè)計(jì)和完善的過程，因此，在著手設(shè)計(jì)前，最好能準(zhǔn)備幾套不同的設(shè)計(jì)方案，以便在這個(gè)階段能有多種選擇，而從中選擇一個(gè)最好的方案。準(zhǔn)備好需要進(jìn)行處理的圖案后，需要把這些圖案柔和起來形成一個(gè)和諧的整體，或者需要對(duì)圖片進(jìn)行處理，使

28、其具有更豐富，更立體化的效果，要去其粗，取其精，使其能更好的體現(xiàn)軟件的主題。如下面的圖6.圖6是未經(jīng)過處理的圖做的用書管理系統(tǒng)軟件的界面?？梢钥吹綀D上有一杯咖啡和一盤面包，雖然從色彩上來說，這幅圖更加豐富.但是咖啡和面包和圖書管理系統(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ù)。也可以自己去拍照。以

29、使設(shè)計(jì)更加漂亮，更符合自己的心意。(3)圖案的其他設(shè)計(jì)效果.選擇好了圖案，并將其處理成了一個(gè)可用的整體，圖案規(guī)劃的工作卻仍然沒有完成.一張單一的圖，看起來是平面的，這樣，就無法突山重點(diǎn).圖案也沒有層次.讓人在視覺上沒有遠(yuǎn)近之分，因此，還需要對(duì)圖案進(jìn)行修飾和潤(rùn)色。如圖7和圖8.兩幅圖是為種質(zhì)資源庫(kù)做的軟件界面設(shè)計(jì)。首先來觀察圖7.圖案的選擇是中國(guó)的地圖作為前景，而用連綿的崇山峻嶺的圖片來作為背景。圖案的選擇沒有問題.而圖案的處理也已經(jīng)完成.中國(guó)地圖經(jīng)過處理，采用黃色和藍(lán)色來突出西南這塊地方，表示了該軟件面向的范圍是中國(guó)西南地區(qū)。然而，整個(gè)畫面看起來的感覺是將一幅圖壓在一塊玻璃下面.平淡而沒有重點(diǎn)

30、。地圖左方的空間過于空，讓人覺得左輕右重。界面看起來空洞。這時(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只是一張整齊的圖片，

31、基本上沒有修飾。這個(gè)界面看起來更像是一個(gè)相框，把圖片框在里面，讓人覺得狹隘，沒有可發(fā)展的思維余地。在圖4中.書頁超出了框的范圍.延伸到外面.而且書頁有好幾個(gè)影子.這樣.看起來.畫面就馬上立體許多，整個(gè)界面的構(gòu)圖看起來也更漂亮。（4）圖標(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)威軟件

32、的類似圖標(biāo). (3)大小。不論多么高深的畫功，都要注意。圖標(biāo)受到大小的限制，這也就決定了圖標(biāo)的內(nèi)容不可過多。圖標(biāo)須簡(jiǎn)潔、明快的表達(dá)其內(nèi)容。如圖9。目前，網(wǎng)絡(luò)上有很多現(xiàn)成的圖標(biāo)，各種類型和樣式.因此，不是特別需要的話，可以去網(wǎng)上下載合適的圖標(biāo)，從而省去設(shè)計(jì)制作圖標(biāo)的時(shí)間。 3.4色彩色彩是藝術(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)；

33、色彩還具有聯(lián)想與象征的物質(zhì).如紅色象征血、太陽；藍(lán)色象征大海、天空和水面等。所以設(shè)計(jì)出手冷食的虛擬店面，應(yīng)使用淡雅而沉靜的顏色.使人心理上感覺涼爽一些.（二）冷色與暖色 藍(lán)色、藍(lán)綠、藍(lán)縈等色，予人涼爽的感覺，稱為冷色.而紅、橙、黃等予人沮暖的感覺，稱為暖色。明度高的色彩較涼爽，明度低的色彩較溫暖.如圖10和圖11.（三）色彩的運(yùn)用由于國(guó)家和種族、宗教和信仰的不同，以及生活的地理位置、文化修養(yǎng)的差異等，不同的人群對(duì)色彩的喜惡程度有著很大的差異.如:兒童喜歡對(duì)比強(qiáng)烈、個(gè)性鮮明的純顏色；生活在草原上的人喜歡紅色。生活在鬧市中的人喜歡淡雅的順色;生活在“沙漠”中的人喜歡綠色。在設(shè)計(jì)中要考慮主要用戶群的

34、背景和構(gòu)成.如，流行音樂軟件的面向用戶群人多是年輕人.宜采用鮮亮的顏色。來體現(xiàn)年輕和活力；而冠心病調(diào)查軟件的用戶群般是中老年人，則應(yīng)采用柔和的顏色，讓用戶覺得寧?kù)o平和。色彩的搭配具有極強(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)是具有不問程度的鮮明醒目

35、、興奮熱烈的視覺效果，但也不易統(tǒng)一協(xié)調(diào)，容易引起視覺疲勞。色彩高明度格調(diào)的作品會(huì)形成優(yōu)雅明亮的氛圍，具輕松溫和明快的效果；中明度格調(diào)的作品中，中明度、高純度的配色飽滿有力.中明度、中純度的配色則顯得含蓄莊重；低明度格調(diào)的作品具有沉靜莊重、嚴(yán)肅優(yōu)郁、文弱內(nèi)向等效果。色彩純度越高.顏色越鮮艷華麗，效果越活躍熱烈.純度越低，色彩越灰暗迷朦.效果越樸素沉靜.甚至有軟弱內(nèi)向的感覺。4.Phpcms內(nèi)部管理系統(tǒng)UI設(shè)計(jì)Html語言簡(jiǎn)介4.1 Html語言特點(diǎn) HTML (HyperTe:tgark-upLanguage)即超文本標(biāo)記語言，是WWW的描述語吉。html是在sgml定義下的一個(gè)描述性語言，或可

36、說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)兩大部分，其中頭部描述瀏覽器器的信息.而主體則包含所要說明

37、的典體內(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ì)的指揮，告訴樂手們哪里需要停傾，哪里需要澎湃激昂

38、.一個(gè)HTML文檔是由一系列的元素和標(biāo)簽組成，元素名不區(qū)分大小寫.HTML用標(biāo)簽來規(guī)定元素的屬性和它在文件中的位里.HTML超文本文檔分文檔頭和文檔體兩部分.在文檔頭里，對(duì)這個(gè)文檔進(jìn)行了一些必要的定義，文檔體中才是要顯示的各種文檔信息。 下面是一個(gè)最基本的html文檔的代碼:1一1. html<HTML>開始標(biāo)簽<HEAD><TITLE>一個(gè)簡(jiǎn)單的HTML示例</TITLE>頭部標(biāo)簽</HEAD><BODY><H1>歡迎光臨我的主頁</H1><BR> <HR>文件主體<

39、FONT SIZE= 7 COLOR= red>這是我第一次做主頁!</FONT></BODY></HTML>結(jié)尾標(biāo)簽<HTML></HTML>在文檔的最外層，文檔中的所有文本和HTML標(biāo)簽都包含在其中.它表示該文檔是以超文本標(biāo)識(shí)語育(HTML)編寫的。事實(shí)上，現(xiàn)在常用的Web瀏覽器都可以自動(dòng)識(shí)別HTML文檔，并不要求有<HTML>標(biāo)簽.也不對(duì)該標(biāo)簽進(jìn)行任何操作，但是為了使HTML文檔能夠適應(yīng)不斷變化的Web瀏覽器，還是應(yīng)該養(yǎng)成不省略這對(duì)標(biāo)簽的良好習(xí)慣。<HEAD></HEAD>是HTML文檔

40、的頭部標(biāo)簽.在瀏覽器窗口中，頭部信息是不被顯示在正文中的.在此標(biāo)簽中可以抽入其它標(biāo)記，用以說明文件的標(biāo)題和整個(gè)文件的一些公共屬性。<title>和</title>是嵌套在<HEAD>頭部標(biāo)簽中的，標(biāo)簽之間的文本是文本標(biāo)題.它被顯示在瀏覽器窗口的標(biāo)題欄。<BODY> </BODY>標(biāo)記一般不省略，標(biāo)簽之間的文本是正文，是在瀏覽器要顯示的頁面內(nèi)容.上面的這幾對(duì)標(biāo)簽在文檔中都是唯一的，HEAD標(biāo)簽和BODY標(biāo)簽是嵌套在HTML標(biāo)簽中的.4.2基于HTML的UI設(shè)計(jì)過程用Dreameeaver CS5創(chuàng)建html界面的方法很簡(jiǎn)單，首先是在本地

41、新建站點(diǎn)，其次在用一些html標(biāo)簽放所需的控件，如命令按鈕、單選鈕，文本框、標(biāo)簽、圖片框等。然后針對(duì)每個(gè)控件設(shè)定特定的Css樣式來美化界面。最后制作好的界面在瀏覽器中預(yù)覽，做適當(dāng)調(diào)整即可。一般說來.用Dreamveaver CS5創(chuàng)建html界面時(shí).需要以下五步:1.建立網(wǎng)站站點(diǎn)在正式開始制作間頁之前.最好先定義一個(gè)新網(wǎng)站.這是為了更好地利用站點(diǎn)窗口對(duì)站點(diǎn)文件進(jìn)行管理.也可以盡可能的減少一些錯(cuò)誤的出現(xiàn)。如路徑、鏈接出錯(cuò)。1)首先打開Dreaoeaver CS5.2)點(diǎn)擊頂部菜單欄【站點(diǎn)】下拉菜單3)點(diǎn)擊新站點(diǎn)，出現(xiàn)如下對(duì)話框。4)按自己習(xí)慣填寫相關(guān)信息，點(diǎn)擊【保存】按鈕.2.控件添加1)新建h

42、tml文檔.如下圖所示2)在適當(dāng)?shù)奈恢锰砑涌丶?lt;li>標(biāo)簽，<div>標(biāo)簽等。3. div布局使用div確定標(biāo)簽的位置。4. css樣式確定修改控件的Css樣式，如 width, height，bodycolor等.5.頂覽，修改。5.Phpcms內(nèi)部管理系統(tǒng)的構(gòu)架5.1登錄模塊用戶必須擁有賬戶，輸入正確的用戶名和密碼進(jìn)行登錄。用戶名是分配的，不可修改的。密碼可以使用Phpcms管理系統(tǒng)進(jìn)行修改。登陸頁設(shè)有驗(yàn)證碼，放置惡意登陸。5.2首頁模塊 首頁頂部用于顯示當(dāng)前登錄的用戶，以及【會(huì)員中心】【搜索】【站點(diǎn)首頁】【退出】四個(gè)鏈接。內(nèi)部用于顯示當(dāng)前用戶的權(quán)限，登陸IP以

43、及Phpcms團(tuán)隊(duì)基本信息，以便于使用者遇到問題時(shí)聯(lián)系我們。5.3管理模塊管理模塊里面設(shè)置內(nèi)容管理、附件管理以及與內(nèi)容相關(guān)的設(shè)置。內(nèi)容里面主要為首頁添加信息、材料所用；附件管理用于管理上傳信息中的圖片、視頻、音頻、文檔等相關(guān)附件；設(shè)置里面分有欄目管理、模型管理、類別管理、推薦位管理，以方便用戶根據(jù)自己的喜好設(shè)置主頁模塊以及顯示方式。結(jié)束語縱觀國(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)為目的.比較成熟的商品化系統(tǒng)有Apple的Macintosh 、IBM的PM(Presentation Manager)、 Microsoft的Windows和運(yùn)行于Unix系統(tǒng)的X-Window、OpenLook和OSF/Motif等.我們可以清楚地看到.微軟公司對(duì)軟件界面設(shè)計(jì)的重視，仔細(xì)將WIN2000與WIN98和WIN95以及NT4.0相比是否驚嘆其界