逆讀 iOS7 HIG：UI Design Basics - Designing for iOS 7

大多數的 app 開發者會認同，Apple 所提供的 HIG (Human Interface Guidelines) 這件文件是很好、很重要的設計參考。大多數的時候可能會這麼提問：「我們的設計有沒有遵守 HIG 的規範？」，又或者更有效率地(但是也感覺比較消極地)的提問是：「我們的設計有沒有違反 HIG ？」

針對第二個問題，如果有一個檢測清單，列出「不該那樣做的反模式」，那麼在審核設計時，會更科學、更好控制一點。

為了能列出那樣的清單，筆著認為：HIG 也該「逆著讀」。也就是說，看到 "該怎麼做” 是不夠的，而是該去找出 “不該怎麼做”。

以下「逆讀 HIG 」的相關文章便是由此而生。

iOS 7 的設計，有三項主要精神，分別是 deference, clarity 及 depth。這三個字筆者就不翻譯了，因為…英翻中之後也不容易看懂。想徹底理解的話，還是建議除了大略看過這篇文章外，也多少看看 HIG 了解關鍵字的上下文比較好。

綜合來說：要讓 app 專注於其內容本身對使用者的傳達。那內容該是易於理解、操作簡單的。讓清晰的呈現方式來維持使用者的專注力，並使用視覺上的層次感強化使用者的美好體驗。

反過來說，使用任何讓內容本身的表達淪為次要的繁複設計都是應該避免的。要求過度逼真的呈現、或是雕琢與內容較無關的細節，可能造成其與內容本身爭奪使用者的專注力。不論是讓使用者的專注力造成不必要的拉距，或是根本就讓內容從主角變配角的設計都該重新考慮再三。

要讓使用者了解他們處在使用 app 的何種階段、又是從哪而來、接著該完成些什麼。換句話說，app 的導航要明確。

iOS 7採取的手段之一是讓介面元素外觀上看起來”重點很明確”，例如：

1. 使用主題色 (tint color) 加上一個深色、一個淺色的搭配來。我們可以參考「備忘錄」這個內建 app 看看：白底色、深灰字體，以及黃色用於標示互動機能元件。
2. 使用多層次、 blur (半透明、使背景呈現模糊狀) 及部分露出的方式來"保有使用者的方向感”。

靜態外觀變簡潔了，但是 iOS 7 也同時強調使用層次以及能表示該層次的操作動線/動畫。這裡可以用來舉例的是內建的「行事曆」：它使用了 zoom in/out 的動畫呈現了年檢視、月檢視、日檢視三種層次的轉移。其實在主畫面中，當點選/啟動某個 app 時，iOS 7 的呈現也是使用 zoom-in 效果，而非展開，便是依據這個原則。

反過來說就是：使用者在使用 app 的某一時刻，他可能忘了自己目前處於哪個階段而且得不到任何提示。原因可能是在設計上使用了縱深度較高的導覽結構，或甚至因為結合了過多/不合適/不一致的轉場效果而弄得使用者頭昏眼花。

在 HIG 裡還有其他的例子，這裡只擷取容易收斂出重點的部分。