1. 程式人生 > >《iOS Human Interface Guidelines》——Designing for iOS

《iOS Human Interface Guidelines》——Designing for iOS

iOS包含了下面這些主旨:

  • 遵守:UI幫助人們對內容進行理解和互動,而不是與其競爭。
  • 清晰:文字在每個尺寸都很清晰,圖示是清晰且明白易懂的,裝飾是巧妙而合適的,並且專注於使用的設計。
  • 深度:有層次感的視覺和合適的手勢帶來了活力,而且提升了人們的愉悅感和理解深度

無論你是在重新設計一箇舊的app還是在建立一個新的app,考慮以下這些方法來處理工作:
  • 首先,透過app的UI看到其核心功能並且確定它們的關聯性。
  • 然後,使用iOS的設計主旨使其充滿於UI和使用者體驗。小心的新增細節和裝飾,不要毫無理由地新增。
  • 最後,確保你設計出的UI可以適應各種各樣的裝置和風格,這樣你的使用者可以在儘可能多的環境下享受你的app。
貫穿這個過程,準備好去打破常規、質疑設想,專注於內容和功能驅動每一個設計。 服從內容 儘管一個清新的、漂亮的UI和流動的手勢被iOS體驗所強調,但使用者的內容才是它的核心。 這裡是一些確保你的設計能夠提升功能以及服從使用者的內容的方法。
利用全屏的優勢。天氣app是這個方法的一個很好的例子:這個顯示某個地區當前的天氣的漂亮的、全屏的描述介面,包括那些顯示每小時的天氣資訊的空間立即傳達了最重要的資訊。
重新考慮物理的、真實的視覺指示物。刃角、梯度和陰影效果有時會導致過重的UI元素,這會與內容競爭甚至壓過內容。相反地,專注於內容,讓UI扮演一個支援內容的角色。
用半透明的UI元素暗示其後面的內容。
半透明元素——比如控制中心——提供了環境幫助使用者看到有更多的內容是可獲得的,並且可以給出一個短暫的訊號。在iOS中,一個半透明的元素只在內容直接在其後方時變得模糊——給出一種透過米紙看的印象——它不會將螢幕的其餘部分模糊化。 指示清晰 指示清晰是另一個確保內容在你的app中佔首要地位的方法。這裡有一些方法可以使最重要的內容和功能變得清晰和易於互動。
使用大量的負空間。負空間可以使重要的內容和功能更加的明顯和易於理解。負空間還會傳達一種寧靜的感覺,使app看上去更加的專注和有效。
用顏色簡化UI。一個關鍵的顏色——比如便籤中的黃色——強調了重要的資訊並且不易察覺地指示了互動。它也給app帶來一個持續的視覺主題。內建的app使用了一系列純淨的系統顏色,使其在各種色彩下以及黑暗或明亮的背景下都看起來不錯。

使用系統字型來確保清晰。動態型別的San Francisco(一種iOS系統字型)可以自動地調整字母間距和行高,這樣文字會易於閱讀,在每個尺寸下都很好看。無論你使用San Francisco還是自定義的字型,確保使用動態型別,這樣你的app可以在使用者選擇了不同的文字尺寸時做出響應。
採取沒有邊界的按鈕。在預設情況下,所有的按鈕都是無邊界的。在內容區域,一個無邊界的按鈕通過上下文、顏色和一個呼喚操作的標題來表明互動。當它起作用時,一個內容區域的按鈕可以展示一個稀薄的邊界或者有顏色的背景來使其有差異。 通過深度來傳達 iOS通常在清晰的層級下展示內容來傳達層級和位置,這可以幫助使用者理解螢幕上各個物體的關係。
在一個支援3D Touch的裝置上,輕按(peek)、重按(pop)和快速的響應動作使使用者可以進入重要的功能或資訊檢視而不從執行環境中離開。
通過使用半透明的背景和在主螢幕上浮動出現,資料夾將自己的內容和螢幕上其餘部分割槽分開來了。
提醒事件像所展示的那樣在層級中顯示了清單。當用戶操作一個清單時,其餘清單會一起收攏到螢幕的底部去。
日曆在使用者從年、月、日之間移動時通過增強的過渡效果給使用者一種層次和深度的感覺。在這裡展示的滾動年份檢視中,使用者可以直接看到今天的日期,還可以執行其他的日曆任務。
當用戶選擇了一個月份,年份檢視會放大推進然後顯示月份檢視。今天的日期依然高亮,年份則在返回按鈕上顯示,所以使用者可以清楚的知道他們在哪個檢視,從哪個檢視來到這個檢視的,以及如何回到原來的檢視。
當用戶選擇一個日期時會發生相似的過渡效果:月份檢視會裂開,將當前一週的日期推到螢幕頂部,然後顯示所選中日期的小時檢視。通過每個過渡效果,日曆加強了年份、月份和日期之間的層次關係。