iOS 7人機互動指南之UI設計基礎 1

2021-06-15 02:56:24 字數 2192 閱讀 3845

ios7表現了以下幾個主題:

clarity:各種尺寸的文字均非常易讀,icon精確清楚,裝飾物巧妙合適,以功能驅動設計。

depth:視覺富有層次,通過視覺的層次感和動畫來展現生命力,讓使用者感到愉悅。

ios 7的天氣應用                                    ios 6的天氣應用

自始至終都要時刻為挑戰慣例,質疑假定做準備,重點以內容和功能驅動每個設計。

尊重內容

儘管清新美觀的ui和流暢的動畫都是ios 7體驗的亮點,但使用者內容始終是核心。下面幾個辦法可以確保你的設計可以改善功能,尊重使用者的內容。

利用整塊螢幕

重新考慮使用insets 和可視的框架。同時,我們可以考慮讓內容延伸至螢幕的邊緣。系統天氣應用是這個方法的絕佳範例:用漂亮的全屏展示現在的天氣,直觀地向使用者傳遞了最重要的資訊。同時也有空間展示每小時的天氣資料。

重新考慮物理和現實的視覺指示。比如邊框、漸變以及陰影有時會加重ui的視覺效果,從而讓外在形式掩蓋了內容。相反,我們需要關注內容,讓ui作為輔助角色出現。

半透明的ui元素可以展示背景後邊的內容,半透明的設計可以幫助使用者了解到更多的內容。

指示要清晰

明晰的展示是確保內容至上的另一方法。以下是一些可以讓最重要的內容和功能清晰可見、易於互動的方法。

大量使用留白

讓顏色簡化ui。

用系統字型確保文字的易讀性。ios 7系統字型會自動調整文字的間距和行高,這樣文字會容易閱讀,使用者選擇的字型尺寸看上去也很棒。

使用無邊界線的按鈕

不再依靠邊框來表現可互動性,取而代之使用有藝術感的按鈕標題或者系統顏色來向使用者表示這些元素是可互動的。通訊錄的介面使用了系統的藍色來給使用者顯示互動資訊。

使用深度層次來進行交流

ios 7使用清晰,可以傳遞層次和位置的分層來展示內容,這樣可以幫助使用者理解螢幕上物體之間的關係。使用乙個半透明的背景,看上去像是漂浮在home屏上,這樣資料夾就能清楚地把內容和螢幕上的其他內容分隔開來。

使用者在使用reminders中的內容時,其他內容會以層次的形式展示在螢幕。如果使用者需要看到所有的專案,使用者可以展開相關的圖層。

在使用者瀏覽年、月、日的時候,日曆通過增強的轉場效果給使用者一種深度感。這裡是乙個滾動的year view ,使用者可以清楚明了地看清當天的日期,或是進行其他日曆任務操作。

當使用者選擇了乙個月份,year view 介面就會縮小遠離,而month view就會顯示出來。  

在使用者選擇日期的時候,month view也會出現上述轉場動畫。

2020 9 10人機互動理論一

備註 學習進度 人機互動是什麼 理論基礎 人機互動介面表示模型與設計方法 web設計 web介面的資訊互動模型和結構 移動介面設計 移動裝置便攜性 位置不固定性和計算能力有限等限制 移動計算 普適計算 認知與智慧型使用者介面 最終目標 使人機互動和人 人互動一樣自然 方便 重要問題 多通道互動技術 ...

Linux入門真經 006人機互動終端

計算機需要執行我們下達的各種指令和任務,然而,計算機只能看懂機器語言,而我們人類也只懂得人類的語言,這時候就需要有乙個介面,傳達我們下達的指令,並且使得機器能夠理解並執行。這樣一種介面就叫做終端 terminal 終端可以分為兩種 圖形使用者介面 gui 和命令列使用者介面 cli 比如windos...

iOS開發 ios7人機介面準則

中文版,使ios國內開發者可以快速上手。ios人機介面準則主要分為ui設計基礎 設計策略 ios技術 ui元素 圖示和影象設計等幾個大類,其中每個大類有細分為許多小節,對ios介面設計原則描述的非常詳盡。準則一開始就談到了ios7的設計主旨 對於 依從 這個主旨,準則舉了幾個實際設計的例子來闡述其表...