第五章 介面設計
1.使用者介面(第一版p58)
根據表現形式,使用者介面可以分為命令列介面、圖形介面和多通道使用者介面。
使用者輸入文字命令,系統以文字的形式表示對命令的相應。
第一代人機互動介面
又稱為wimp介面,由視窗window、圖示icon、選單menu、指點裝置pointing device形成桌面。
第二代人機互動介面
特點是以視窗管理系統為核心,使用鍵盤和滑鼠作為輸入裝置。視窗管理系統除基於可重疊多窗**術外,廣泛使用的是事件驅動技術。
進一步綜合採用視覺、語音、手勢等新的互動通道、裝置和技術。使使用者利用多個通道以自然、並行、協作的方式進行人機對話。
2.圖形使用者介面(第一版 p61)
(1)主要思想
定義:桌面隱喻是指在使用者介面中用人們熟悉的桌面上的圖例清楚地表示計算機可以處理的能力。
分類:直接隱喻:隱喻本身就帶有操縱的物件,如word繪圖工具中的圖示,每種圖示分別代表不同的圖形繪製操作
工具隱喻:代表所使用的工具,如用磁碟圖示隱喻存檔操作、用印表機圖示隱喻列印操作等,這種隱喻設計簡單、形象直觀,應用也最為普遍
過程隱喻:其通過描述操作的過程來暗示該操作,如word中的撤銷和恢復圖示
在wysiwyg互動介面中顯示的使用者互動行為與應用程式最終產生的結果是一致的。例如以粗體顯示的文字列印出來依舊是粗體顯示。
可以把操作的物件、屬性、關係顯示的表示出來,用光筆、滑鼠、觸控螢幕或資料手套等指點裝置直接從螢幕上獲取形象化命令與資料的過程。直接操縱的物件是命令、資料或是對資料的某種操作。
特點:直接操縱的物件是動作或資料的形象隱喻,形象隱喻應該與其實際內容相近,使使用者能通過螢幕上的隱喻直接想象或感知其內容。
用指點和選擇代替鍵盤輸入,操作簡便,速度快捷。
操作結果立即可見,使用者可以及時修正操作,逐步往正確的方向前進。
支援逆向操作,使用者在使用系統的過程中,不可避免地會出現一些操作錯誤,通過逆向操作,使用者可以很方便地恢復到出現錯誤之前的狀態。
借助物理的、空間的或形象的表示,而不是單純的文字或數字的表示。
不具備命令語言介面的某些優點,例如從使用者介面設計者角度看,設計圖形比較繁瑣,需進行大量的測試和實驗。
表示複雜語義、抽象語義比較困難。
(2)設計原則
ø 一般性原則
ø 顏色
ø 圖示
ø 按鈕
設計按鈕應具有互動性,具有3-6中狀態效果;屬於乙個群組的按鈕風格應該一致。
ø 螢幕布局
平衡原則、預期原則、經濟原則、順序原則、規則化
ø 選單介面
選單的結構:
單一選單:幾個選項中做出選擇
樹狀結構選單(最常見):把選項劃分為若干類,類似的選項組成一組,形成乙個樹狀結構。
ø 填表介面
填表輸入介面有以下的特點:
有明確的提示,使使用者可以不需要學習、訓練,也不必記憶有關的語義、語法規則;
充分地利用了螢幕空間;
充分利用上下文資訊,幫助使用者完成輸入。
《人機互動技術》 第八章 移動介面設計
第八章 移動介面設計 1.移動裝置及互動方式 第二版 p195 移動裝置終端 手機 pda 膝上型電腦以及各種特殊用途的移動裝置如車載電腦。基於可移動性 mobility 的考慮,目前移動互聯裝置以智慧型手機與掌上電腦為主。連線方式 無線區域網 無線都會網路 無線個域網 高速無線廣域網 衛星通訊。互...
遊戲人機互動介面的設計
遊戲人機互動介面設計的工作應該包括視角定義,介面設計,控制模式設計,音效設計等 常用的遊戲視角包括平面橫向視角,俯視角,斜視角,第一人稱視角,第三人稱視角以及全景視角。1.平面橫向視角。這類視角在傳統二維動作遊戲中非常常見。在很多休閒過關類遊戲中還是很常見 2.俯視角 俯視角由上向下觀察遊戲環境。使...
第五章網頁版式設計
5.1網頁版式設計的形式原理 重複與交錯,節奏與韻律,對比與均衡,對比與調和,比例與適度,變異與秩序,虛實與留白,力場與結構,統一與變化等形式美構成法則來規劃版面。5.2網頁版式設計的視覺因素 人的視線移動規律 1 人眼的視線沿水平方向運動比沿垂直方向運動快而且不易疲勞 2 視線的變化習慣於從左到右...