移動辦公應用 人機互動

2021-07-11 20:59:52 字數 1469 閱讀 2044

人機互動(hci),是一門研究系統與使用者之間的互動關係的學問。人機互動介面的設計要包含使用者對系統的理解,那是為了系統的可用性或者使用者友好性。

在移動應用中,與人互動的機器從傳統電腦變為平板和手機等移動裝置,互動方式變為觸控螢幕,這必然要求人機互動發生相應的改變。

現在的移動裝置都採用觸控螢幕,這不僅帶來了許多機遇,也存在諸多制約。我們在通過它們瀏覽內容的同時,也在與內容進行互動。這迫使設計師開始對人體工程學、手勢操作、過渡特效,以及針對移動端的互動模式進行思考。

由於在設計移動應用時涉及人體工程學,這要求我們要關注裝置的尺寸以及觸控螢幕的實際問題。例如,使用者握持裝置和觸控螢幕的方式,直接影響到使用者能否輕鬆觸控到螢幕的某一區域。

除了顯示內容以外,觸控螢幕的每一部分都能被用於實現任何功能,這讓手勢操作成為移動互動設計的重要構成元素。所有觸屏作業系統都採用了該操作,包括android、ios、windows 8。

在應用切換於不同顯示狀態時,過渡效果可以讓這個過程顯得更加平滑。更多情況下,過渡效果便於使用者撤銷操作,並防止使用者在切換介面過程中「找不著北」。

material design是谷歌推出了全新的設計語言。谷歌表示,這種設計語言旨在為手機、平板電腦、台式電腦和「其他平台」提供更一致、更廣泛的「外觀和感覺」。

material design語言的一些重要功能包括系統字型roboto的公升級版本,同時顏色更鮮豔,動畫效果更突出。杜拉特還簡要談到了新框架的一些變化——這個新框架也在 google.com/design 公開發布。谷歌的想法是讓谷歌平台上的開發者掌握這個新框架,從而讓所有應用就有統一的外觀,就像是蘋果向開發者提出的設計原則一樣。谷歌還基於這種新的設計語言對本公司旗艦應用進行了重新設計,包括安卓和網頁端的gmail和calendar。大家可能還會記得,看到過有關這些變動的文章, 有些部落格 已經掌握了外洩截圖,顯示經過了重新設計的gmail,介面更乾淨、更簡約。在安卓平台上,這種新介面被稱為material,支援各種新動畫效果,具有內建的實時ui陰影,以及可在不同螢幕之間切換的hero元素。

material環境是乙個3d環境,並以垂直裝置方向為z軸,每個material元素在z軸上佔據一定的位置並有1dp厚度的標準。

在material環境中,虛擬的光線照射使場景中的物件投射出陰影,主光源投射出乙個定向的陰影,而環境光從各個角度投射出連貫又柔和的陰影。material環境中的所有陰影都是由這兩種光投射產生的,陰影是光線照射不到的地方,因為各個元素在z軸上佔據了不同大小的位置遮擋住了這些光線。

material design 中的物件與現實生活中的物件具有相似的性質。在現實生活中,不同物件可以被堆積或貼上起來,但是不能彼此交叉。物件自身塑造了自己的陰影並返回自己的光影。

依據這些性質所構造出來的空間模型對於使用者來說是非常熟悉的,這一模型也可以被長期應用於移動應用當中。支撐這一空間模型的正是「高度」(elevation)和「光影」(shadows)這兩個概念。

為移動而設計:互動設計篇

人機互動

material design

material design 中文版

人機互動 移動介面比較舉例

移動介面比較舉例 蘋果手機 安卓手機 windows phone手機在移動介面設計要素上的區別 導航欄學習強國介面流暢 欄目清晰 操作便捷,主題色彩充滿愛國黨性色彩內容豐富 形式新穎 有學習動力 不乏味是許多使用者的回饋。積分制激發使用者積極性,當你學習了最上面的積分會增加。優點內容豐富,介面清晰,...

人機互動模擬題

1.人機互動學是乙個重要的學科分支,如果要有效地設計人機互動的產品和服務,遵循十項準則是什麼 1確實理解計算機和裝置的任務流程,避免引入不必要的流程 2確定目標使用者的屬性和能力,充分考慮人與人之間的區別 3充分利用人和工具各自在完成任務時的擅長之處,達到完美平衡 4為所有可能從中受益的使用者群體進...

人機互動筆記2

樣式優先順序 id高於class 標籤內樣式高於標籤外樣式 class有兩個屬性的話,後邊的覆蓋前邊的樣式 charset utf 8 css練習title rel stylesheet type text css href css mycss.css type text css pdiv p1.p...