人機介面的定義

From Wiki的定義

人機互動（英文：Human–Computer Interaction 或 Human–Machine Interaction，簡稱HCI或HMI），是門研究系統與用戶之間的互動關係的學問。系統可以是各種各樣的機器，也可以是計算機化的系統和軟體。人機互動界面通常是指用戶可見的部分。用戶通過人機互動界面與系統交流，並進行操作。小如收音機的播放按鍵，大至飛機上的儀錶板、或是發電廠的控制室。

人機互動界面的設計要包含用戶對系統的理解（即心智模型），那是為了系統的可用性或者用戶友好性。

人機界面或人機互動界面（Human–Computer Interface或Human–Machine Interface）大量運用在工業與商業上，簡單的區分為「輸入」（Input）與「輸出」（Ouput）兩種，輸入指的是由人來進行機械或設備的操作，如把手、開關、門、指令 (命令)的下達或保養維護等，而輸出指的是由機械或設備發出來的通知，如故障、警告、操作說明提示等，好的人機介面會幫助使用者更簡單、更正確、更迅速的操作機械，也能使機械發揮最大的效能並延長使用壽命，而目前市面上所指的人機介面則多界狹義的指在軟體人性化的操作介面上。

「互動」（Interaction）至少包括兩個要素，一個是「使用者」（User），一個是「系統」（System）。

Norman的互動模式

在人機互動的領域裡，Norman的互動模式或許是最有影響力的一種模式了，Norman的互動模式被區分成兩個主要的階段：「執行」（Execution）和「評估」（Evaluation），還可以進一步被區分成七個部份：

1. 訂立目標
2. 組成意圖
3. 標明行動順序
4. 執行
5. 觀察系統
6. 詮釋系統狀態
7. 評估

其實以電腦而言，電腦互動主要意義是以使用者為考量，而不是從設計者的「概念模型」（Conceptual Models）去切入，如何讓使用者能控制系統的順序、速度，怎麼注意資訊，都是人機互動中所關心的。人機互動的關鍵在於使用者瞭解了電腦能替我們做些什麼，及如何處理資訊，我們就可將大部份時間放在「人」的身上，而不是技術領域，所以一個成功的互動係指人們告訴電腦如何去工作，而不是在技術上打轉。

電腦界面的設計不光是單向的，而是設計者必須重視使用者的回饋（feedback），並且進行調整，運用適當的設計，比如美工圖案選單或是簡易的操作，讓使用者可以輕鬆的滿足自己的需求，有效率的執行工作，才能讓機器發揮最大的功能。

設計者或其他相關工程人員，所共同設計的操作介面稱為概念模型。使用者並無法直接與「設計者」（Designer）進行對話，也鮮少透過說明書準確而有效地了解設計者的概念；透過與「介面」（Interface）的互動，進而對該設計產品的功能及操作所形成的了解，則稱為使用者對於該產品所形成的「心智模型」（User Mental Model）。一般而言，使用者的心智模型是在使用中自然逐步形成的，同時，藉由與「系統」（System）不斷地互動，使用者會不斷修正其心智模型。如果到了最後，使用者的心智模型與設計師的概念模型能一致或相當接近，那麼，介面設計就算是相當成功了。

概念模型可分為依據「活動」（Activities）所設計或「物件」（Object）所設計的兩種導向。想要設計出具有「使用性」（Usability）的介面，必須要了解活動的類型，以及人們在目前的工具中發生了什麼問題。

根據活動所設計的概念模型可分為四類:

1. 指令型（Instructing） 一個指令一個動作，簡單有效率，例如DOS作業系統及word。
2. 對話型（Conversing） 系統與使用者進行對話，雙向互動，但容易發生系統誤解使用者的狀況，或是造成電話語音系統單向互動的問題。
3. 操作導航型（Manipulating & Navigating） 讓使用者用最自然的直覺去操作介面，如蘋果開創的圖形化作業系統，還有電腦輔助設計系統都屬此類型的設計。
4. 搜尋瀏覽型（Exploring & Browsing） 使用者依此系統搜尋資訊，如google等搜尋引擎及入口網站。

影像分類 - 點陣圖與向量圖

電腦上的圖像可以分成點陣圖跟向量圖兩類。在表現濃度及色彩的精細漸次變化上（例如相片或點陣繪圖影像中），點陣影像是最佳選擇。而對於文字，特別是小字，或不論縮放比例為何都必須線條清晰之鮮明的圖像（如商標），向量圖像則是最佳的選擇。

甲、點陣圖 (bitmap或raster)：

Photoshop與其他繪圖及影像編輯程式，都能產生點陣影像（也稱為「點陣化影像」）。點陣影像利用一格格稱為「像素」（Pixel）的小方塊來呈現影像。這些小方格是影像中最小的單位，每個像素都指定有一特定位置及顏色數值。處理點陣影像時，您編輯的是像素，而非物件或形狀。

點陣影像與解析度（Resolution）有關，換句話說，它以固定數量的像素來表現其影像資料。解析度，指的是單位長度上像素的數目，單位可分「像素／英吋」或是「像素／公分」（pixels/inch；pixels/cm）。解析度的設定是決定列印品質的重要因素，高解析度的影像運用較多的像素，所以可呈現出比低解析度影像更細膩的色調變化，相對的檔案體積也更大。所以，若在螢幕上以高倍率放大檢視，或以太小的解析度列印時，點陣影像可能會遺失細節並產生鋸齒，如下圖：

理想的解析度的設定需依據工作內容調整：
◎網頁設計-- 072 pixels/inch (dpi)
◎報紙排版-- 150 pixels/inch (dpi)
◎平面設計-- 300 pixels/inch (dpi)

乙、向量圖 (vector)：

以「向量」定義之直線及曲線所組成，這類圖形使用數學運算式來描述組成影像的目標位置和特性（譬如形狀、弧度、線條和色彩等）。由於圖形是以數學運算式來表示，所以這類圖形的優點是圖形可以輕易被放大、縮小、旋轉而絲毫不影響到原有的畫質與檔案大小，缺點則是圖形靠數學運算式成形，所以無法表現出圖像裡豐富細膩的質感與色彩變化，如下圖。

設計學派

此文章整理了一些不同風格的設計

◎巴洛克藝術：

風格是承襲自文藝復興末期的矯飾主義，著重在強烈感情的表現，而不像鼎盛期文藝復興以前那樣的嚴肅、含蓄。此時強調流動感、戲劇性、誇張性等特點，常採用富於動態感的造型要素，如曲線、斜線等。其風格趨向，多少也反映了當時歐洲的動盪局勢、不安而豐裕的現實景象。

◎野獸派：

1905年的秋季沙龍，入選五位新派畫家作品，展期間和文藝復興的手法完成雕刻同一室展出，批評家稱這些雕像為「被野獸包圍的多那太羅」，「野獸派」名稱由此來。特點為用明亮而強烈的純粹色，很少描寫陰影。使用對比色相鄰使畫面看來震動，用同樣強烈的對比色，整個畫面看起來更明亮。

◎達達主義

是一種反藝術的運動，為何叫達達主義呢？只是他們隨便在雜誌上找了個字，就叫作"達達派"了。1917年杜象把男生用的小便池簽了個名，放到展覽會上展出，取名叫做"泉"因為對第一次世界大戰時，反對戰爭，對社會的墮落的一種反諷與否定。你說,小便盆可以是藝術品嗎?不過說來奇怪，因為杜象很有名，連這件小便盆也聲名大噪了!

◎超現實主義：

超現實主義的藝術家除了受到達達主義的影響外，奧地利學者弗洛伊德
（Sigmund Freud l856-1939）的「精神分析學說」也是很重要的影響：主張透過
作品將夢的世界和潛意識的世界呈現出來，因此在他們的作品中充滿了奇幻、詭
異、夢境般的情景，常將不相干的事物加以並列在一起，構成了一個超越現實的
幻象。

◎印象派：

光線在物體上的變化，陰影下的微妙色彩，是印象派畫家所要表現的主題。印象派把「光」當唯一真實的對象，不知不覺中把「形象」破壞。剩下是畫家視覺的主觀性。具代表性的觀念 :
1. 以光譜色(分析太陽光後得的七色)作畫。
2. 在畫布上將補色並置，在觀者的眼中自動調色，增加畫面的彩度和明度。
3. 否定固有色，不用黑色和深咖啡色。
4. 不用線條畫輪廓，認為陰影是有顏色的，只是彩度、明度較低。

◎後現代主義：

將純粹的形式和結構打破，滲入各類型媒體，產生多元指向性的後現代藝術

◎普普風：

普普藝術（Pop Art )，最早是由一群英國年輕藝術家所提出，之後才於美國發揚光大。普普一詞來自於英文的「大眾化」（Popular )，意指流行、通俗藝術，其實就是以生活為出發點，將日常生活的原貌融入藝術當中。舉凡拼貼、花朵、漩渦、圓圈等都是象徵普普藝術的圖像，而鮮豔對比的色彩，也堪稱普普風的表現手法。

◎嘻哈風：

「台灣嘻哈風」是屬於十五到廿出頭、「七年級」年輕人的次文化，他們伴隨著媒體傳遞的美國黑人嘻哈文化訊息長大，慢慢吸收、茁壯，但他們不盲從，反倒開發出屬於台灣味的風格，將黑人街頭中的音樂、舞蹈等元素轉化，融入歌仔戲等台灣傳統文化元素，呈現青少年次文化另一個特殊風貌。

這群青少年中，有人剃個大光頭，穿著汗衫，展現身上「豐富」的刺青，眼神帶著凶氣，甚是嚇人；有的則穿著上面有「籃球之神」喬丹等籃球巨星姓名的寬大ＮＢＡ運動服，腳上穿著大號滑板鞋，頭上綁著頭巾或斜戴帽子，一群人的感覺就是很「街頭」。

◎蒙太奇：

什麼是蒙太奇？電影大師愛森斯坦解釋：蒙太奇是一種剪接技巧，「透過不同鏡頭的組合，彼此撞擊，產生衝突，來製造出新的意念」斯科特-馬特爾 30年來，運用經典的蒙太奇（照片合成）技術創造了一個屬於自己的獨特世界，一個近乎完美的世界。那些非同凡響的照片把各種圖像剪接到一起，有的結合甚至違反了某些物理學原則。馬特爾自己將其稱之為「超理性照片」，它們充滿詩意而發人遐思，具有很強的挑戰性和啟發性。