設(shè)計-UI界面設(shè)計.doc

設(shè)計-UI界面設(shè)計.doc

ID:60903455

大?。?3.38 KB

頁數(shù):15頁

時間:2020-02-03

設(shè)計-UI界面設(shè)計.doc_第1頁
設(shè)計-UI界面設(shè)計.doc_第2頁
設(shè)計-UI界面設(shè)計.doc_第3頁
設(shè)計-UI界面設(shè)計.doc_第4頁
設(shè)計-UI界面設(shè)計.doc_第5頁
資源描述:

《設(shè)計-UI界面設(shè)計.doc》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫

1、窗口基本原則:設(shè)置和環(huán)境本文為基于窗口的用戶界面的剖析提供了概述?;诖翱诘挠脩艚缑娣譃槿舾纱翱?。窗口可以在窗口中移動、彼此堆疊和圖標(biāo)化。一個系統(tǒng)通常有一個主窗口,和若干輔助窗口。主窗口處理與用戶的主要交互,并通常包含任意數(shù)目的對象。輔助窗口用來支持與主窗口的交互,方法是提供關(guān)于主窗口的對象的詳細(xì)信息與對這些對象的操作。主窗口主窗口經(jīng)常包含與用戶交互的任意數(shù)目個對象。用戶通常與系統(tǒng)交互的方式是,首先選擇一個或若干對象(例如,通過單擊它們),然后選擇一項對所有選定對象執(zhí)行的操作(例如,使用菜單)。常見的操作有剪

2、切、復(fù)制、粘貼、刪除和查看屬性。主窗口通常包含一個菜單欄,用戶可以從中選擇操作。用戶也可以通過彈出菜單(右鍵單擊對象本身)和直接操縱(單擊并拖動對象)選擇操作。由于對象的總數(shù)可能不適合主窗口,用戶常常可以使用滾動條在對象之間滾動,或調(diào)整窗口大小。此外,主窗口常??梢苑殖啥鄠€窗格(定義窗口的子區(qū)域),用戶也可以調(diào)整窗格的大小。組合用戶界面中的組合對象是在視覺上由其他對象組合而成的對象。例如,段落是字符的組合,復(fù)雜繪圖對象是多個簡單繪圖對象的組合。輔助窗口輔助窗口用來支持主窗口,方法是提供關(guān)于主窗口對象的詳細(xì)信息

3、(例如屬性)和對這些對象的操作。在主窗口中一般僅顯示這些對象的幾個屬性。一個對象的屬性可以通過打開一個顯示該對象所有屬性的屬性窗口(是一個輔助窗口)來查看。用戶常常可以通過諸如切換按鈕、單選按鈕、標(biāo)尺、組合框和文本字段之類的控件來更改這些屬性。請注意在主窗口和輔助窗口之間有一條細(xì)線(有時非常不自然),它們可以顯示相同級別的復(fù)雜性。不過,主窗口和輔助窗口之間的兩個主要區(qū)別卻是:·主窗口通常被視為對應(yīng)用程序更重要,因為它們需要提供廣泛的可用性。因此,開發(fā)工作傾向于更專注于主窗口?!ぽo助窗口經(jīng)常通過在主窗口中導(dǎo)航而

4、顯示,反之不然。除了屬性窗口,還有其他類型的輔助窗口,例如對話框、消息框、調(diào)色板和彈出窗口。許多應(yīng)用程序是基于文件的。用戶可以對一個文件對象使用打開操作(例如,雙擊文件夾中的一個文件)而啟動這些應(yīng)用程序。它們的主窗口顯示該文件中存儲的對象。對文件的常見操作有保存、另存為、打開和新建,通??梢酝ㄟ^主窗口中的文件菜單來選擇它們。主窗口通常也可以顯示多個文件(也稱為“多文檔界面”或MDI),從而允許用戶在不同文件之間切換。可視元素可以使用的主窗口的關(guān)鍵是當(dāng)可視化包含的對象及其屬性時使用可視元素。顯示比標(biāo)識所需的屬性

5、更多的屬性的優(yōu)點是:·用戶避免窗口導(dǎo)航開銷,因為您減少了(當(dāng)用戶需要看到在主窗口中顯示的一個屬性時)必須顯示的窗口數(shù)。·用戶可以同時看到(不同對象的)不同方面,這通常對于比較和開始識別模式很有用。正確地使用可視元素可以鼓勵用戶對他們的工作產(chǎn)生一種全新的熟悉感覺??梢曉赜校骸の恢谩ご笮 ば螤睢ゎ伾@些元素在下面顯示。但是,當(dāng)設(shè)計對象的可視化時,要注意可用的屏幕面積。嘗試使開發(fā)屏幕面積時的開銷盡可能小,并考慮使用若干可視元素是否值得額外耗用屏幕面積??赡芟蛴脩籼峁┮粋€名稱列表更好,因為該用戶實際需要的是看到盡可

6、能多的對象。請注意使用這些可視元素(或擴展它們)以能夠唯一標(biāo)識對象很重要。還要注意,可視元素可以與時間元素結(jié)合使用,例如,可通過移動對象(它們的位置隨時間變化而更改),或者通過更改對象的形狀或顏色(它們的狀態(tài)隨時間變化而更改)來實現(xiàn)。位置位置可以表現(xiàn)的最直接方面是現(xiàn)實世界的位置。示例有:·地理信息系統(tǒng)(GIS),顯示一個地圖,其中您可以在與對象在現(xiàn)實世界中相同的經(jīng)緯度上表現(xiàn)對象?!び嬎銠C輔助設(shè)計(CAD)程序,完全按照它們現(xiàn)實世界的坐標(biāo)表現(xiàn)對象及其環(huán)境?!に娂此茫╓YSIWYG)編輯器,在窗口中顯示對象(

7、字符)的位置與在紙張打印輸出中將顯示它們的位置完全相同。有時,比較適合顯示現(xiàn)實世界大?。ɡ?,CAD程序和WYSIWYG編輯器),有時不適合;例如,當(dāng)對象的大小比對象之間的距離小得多的時候。例如,想像一下我們有一個航班訂票系統(tǒng),用戶必須在其中輸入目的地。對于此,一個可能的表示法是顯示一個包含不同機場的地圖(其中一個機場是一個對象)。很自然,由于機場的現(xiàn)實世界大小是不相干的(以及太小看不見),所有機場都顯示為具有相同大小的圖標(biāo)。此示例還說明了可以使用現(xiàn)實世界的位置,即使它們不相干,只要它們幫助用戶標(biāo)識這些對象。

8、在該示例中,用戶不需要知道機場的位置。但是,如果用戶熟悉地理,在地圖上找到目的地比在列表中要容易一些。您也可以使用位置代表“虛擬的”現(xiàn)實世界位置。例如,想像一個家庭購物系統(tǒng),其中用戶可以從不同的商店買東西。對于此,一個可能的表示法是顯示一個放置了不同商店的(虛擬)商場的示意圖(其中一家商店是一個對象)。此示意圖與這些商店的現(xiàn)實位置無關(guān)-它只利用用戶的空間記憶:記住坐標(biāo)位置比記住列表或?qū)哟谓Y(jié)構(gòu)中的項要

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯(lián)系客服處理。