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

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

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

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

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

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

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

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

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

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