一、遵循

設計為內(nèi)容服務，UI作為內(nèi)容支撐，可以幫助用戶更好地理解內(nèi)容并與之交互，且不會分散用戶對內(nèi)容本身注意力。以內(nèi)容為中心被反復強調(diào)，而平時設計師卻常常會因為過度追求美感而忽視這一點。

如何使設計遵從內(nèi)容，并突出內(nèi)容：

1、利用整個屏幕。

2、減少視覺修飾與擬物化設計使用。漸變和陰影有時會使UI變得厚重，影響用戶對內(nèi)容的關注。

3、使用半透明底板。半透明能使用戶看到更多的內(nèi)容，起到短暫的提示作用。

4、保證應用清晰度。

二、清晰

清晰在這里可以理解為：文字清晰易讀，圖標精確醒目，去除多余修飾，突出重點，以功能驅(qū)動設計。

如何提升應用清晰度：

1、大量留白。留白使內(nèi)容和功能更加醒目，并傳達出一種寧靜安詳?shù)囊曈X感受，更好的讓用戶聚焦和高效交互。

2、用顏色簡化UI。突出重點并暗示交互性。

3、使用系統(tǒng)字體確保易讀性。

4、使用無邊框的按鈕。在內(nèi)容區(qū)域中無邊框按鈕用文案、顏色及操作指引標題來傳達按鈕功能，激活態(tài)時高亮;在默認狀態(tài)下所有的按鈕都是無邊框的。

正確使用標準UI元素：

1、盡可能使用UIkit提供的標準UI元素，多使用標準元素而非自定義元素。

2、嚴格遵循每個UI元素的設計規(guī)范，當你應用中UI元素的外觀與功能都是用戶所熟悉的，他們可以很容易的根據(jù)先前的經(jīng)驗使用它，進而更好的使用你的應用。

3、避免不同版本iOS里的UI元素混用。

4、避免創(chuàng)造自定義UI元素來表現(xiàn)標準交互行為。

5、避免用系統(tǒng)自帶的按鈕和元素傳達其他含義。

在沉浸式體驗的應用中，創(chuàng)造全新的自定義UI是合理的。

使用布局來溝通。用布局告訴用戶什么是最重要的，以及事物之間的關聯(lián)。

使用戶集中注意在主要任務上：

屏幕上半部分放置主要內(nèi)容。遵循用戶從左到右的習慣，并從靠左側(cè)的屏幕開始。

視覺元素的大小和平衡向用戶展示相關屏顯的重要內(nèi)容。大控件比小控件更容易在出現(xiàn)時被注意和點擊。使用對齊來讓閱讀更舒適，讓分組和層次之間更有秩序。對齊會讓應用整潔有序，也會讓用戶在專注屏幕時篩選重要信息。不同信息組的縮進與對齊讓它們之間的關聯(lián)更清晰，也會讓用戶更容易的找到某個控件。

確保默認尺寸下重要內(nèi)容的顯示。

例如：用戶無需水平滾動就能看到重要的文本，或不用放大就可以看到主體圖像。

盡量避免UI上不一致的表現(xiàn)。有著相似功能的控件看起來應該相似，用戶認為他們看到的不同總是有原因的，而且他們傾向于花時間嘗試。

給每個互動元素留足空間，讓用戶輕松操作。常用的點按類控件的大小是44X44。

三、深度

視覺的層次感和生動的交互動畫會讓UI看起來更有活力，有助于用戶更好地理解并提升用戶的愉悅感。

如何提升交互性和反饋體驗：

1、用戶熟悉的標準手勢避免賦予不同的行為，除非是游戲。

2、避免創(chuàng)建和標準手勢功能相似的手勢操作。

3、用戶已經(jīng)習慣標準手勢操作，沒有必要讓用戶學習達到同樣效果的不同操作。

4、復雜手勢可以作為完成某項任務的快捷方式，但不是唯一的方式。

5、在特定的環(huán)境中，可以考慮使用多指操作。雖然復雜的操作不一定適用于所有應用，但對用戶會花大量時間使用的應用來說可以豐富體驗，例如游戲。

使用有助于理解的反饋：

盡可能將狀態(tài)或其他的反饋信息整合到UI中。最好讓用戶在不進行操作或不跳出當前內(nèi)容下，獲得需要的信息。例如，郵箱應用將當前的狀態(tài)顯示工具條上，這樣就不影響當前內(nèi)容。

避免顯示不必要的提醒對話框。對話框是一種很強的反饋機制。

如果用戶?？吹胶芏嗖皇侵匾畔⒌膶υ捒?，他們很快就會忽略所有對話框提醒。