.統的設計規范，它們明確描述了 各自提倡的界面布局及UI 組件。 這些文檔的目標讀者是設計師與 軟件工程師。設計師在設計應用 界面時，原則上應遵循這些設計 規范。此外， 還提供了 可編輯的UI 及圖標數據，筆者 建議大家在開發時充分利用這些 內容。
各操作系統的設計規范不僅 包含各平臺的UI 設計習慣，還 介紹了該平臺蘊含的UI 設計思 想。筆者建議所有要開發智能手 機應用及站點的設計師都去閱讀 一下這些設計規范。
本書將介紹各平臺的UI 特
點及相應的設計規范。大家應當 在閱讀本書的同時，參閱相關的 設計規范文檔，進一步加深對UI 的理解。閱讀設計規范還有助于 了解當前智能手機的功能。
本書基于2013 年2 月的設 計規范所寫。①設計規范常會隨操 作系統的版本升級而變化。尤其 是， 在版本升級之后， 其設計規范及基本組件都發生了 巨大的變化。不過在 4.0 （Ice Cream ） 之后， 平臺的公開文檔漸趨完 善，其設計規范也基本穩定。在 本書中，筆者將各平臺的設計規 范文檔簡稱為規范。
① 中文版根據最新的iOS 7 設計規 范對全書內容作了更新。 ——譯者注
智能手機應用與智能手機站點
本書將分析并總結智能手機 應用與智能手機站點的UI 設計 問題（從應用程序的角度來看， 我們可以將其稱為原生應用與 Web 應用）。
上述兩者的開發方式和執行 環境各不相同，能夠實現的功能 也有所差異。筆者建議設計師根 據不同的服務目的選擇合適的類 型，發揮其優勢。不過，如今越 來越多的服務開始為智能手機站 點及應用提供統一的UI。對用戶 來講，他們會在相同的情景中接 觸這些UI，并不會覺得有什么區 別。因此，本書不會區分這兩類 應用， 而以UI 組件為切入點， 對兩者的特征進行討論。
智能手機應用
用戶可以從應用商店下載智 能手機應用，將其安裝至自己的 智能手機中，以供今后使用。
本書將以智能手機應用、應 用、iOS 應用或 應用等 名稱來稱呼這些手機應用。 與智能手機站點相比，智能 手機應用在動作流暢性、畫面 表現力和功能多樣性上都更加 出色。
智能手機站點
與PC 站點一樣，智能手機 站點也需要通過瀏覽器訪問。 iOS 的默認瀏覽器是系統預裝的 。 手機沒有規定默 認瀏覽器，不同設備可能會使用 不同的瀏覽器。但據說 今后將把 for 定 為默認瀏覽器。
本書將以智能手機站點、站 點等名稱來稱呼這些網站。 與智能手機應用相比，智能 手機站點的表現力及功能略顯遜 色，但它的即時性較高，且具有 較強的服務關聯性。如圖3 的 Map 和圖4 的 所示，最近，越來越多的智能手 機應用和智能手機站點采用了相 近的界面設計。
智能手機UI 概覽
在智能手機UI 設計領域， 人們定義了一些基本的界面區域 及用戶操作行為。本章接下來將 介紹本書涉及的各種UI 組件的 基礎元素。第2 章將詳述它們的 主要特征及其用途。
1 頁眉（）
頁眉指的是智能手機應用或 針對智能手機設計的網站①的頂 部區域（對智能手機應用來講， 頁眉是位于狀態欄下方的區域。 對手機站點來講，頁眉是位于地 址欄下方的區域）。智能手機應 用又可分為iOS 應用與 應用，兩者的基本布局也有所不 同。手機站點的頁眉通常都會在 向下滾動頁面后隱藏，而手機應 用的頁眉則不會如此，這進一步 增加了設計師的工作量。第2 章 將對頁眉進行更詳細的說明。
2 頁腳（）
頁腳指的是界面底部的區 域。手機站點常以頁腳的形式， 將整個站點公用的導航欄及版權 信息安放在頁面底部。用戶能輕 松觸及該區域，對頁腳進行操 作，因此，頁腳通常會包含導航 欄或頁面操作類UI 控件。第2 章將詳細說明頁腳的相關內容。
3 導航欄（）
導航欄用于頁面跳轉，或指 示用戶當前所處位置。第3 章將 介紹導航欄的工作模式。
4 疊加層（）
在疊加層中配置的內容將會 與界面中已有元素重疊。疊加層 將顯示一些臨時的界面元素并遮 蓋原界面，此時，原界面將保持 不變。在請求用戶執行某些操作 時，疊加層是一種常用手段。
疊加層可以大致分為兩種類 型。其中一種類型稱為模態類型， 在使用該類型的疊加層時，用戶無 法操作原有界面，只能對疊加的元 素執行操作。第2 章將介紹模態窗 口的相關內容，第6 章將介紹模態 消息，屆時，筆者將再做具體說 明。另一種名為非模態的類型與模 態類型相反，在使用這種疊加層 時，用戶依然能對原界面執行操 作。第3 章將介紹的下拉式菜單， 及第6 章將介紹的非模態消息， 都是該類型疊加層的典型應用。
5 控件（）
用戶可以通過控件來操控界面 狀態或設定狀態。舉例來說，第3 章將介紹的刷新控件可以將界面中 顯示的信息更新至最新狀態，分段 控件則能夠更改正處于顯示狀態 的內容。它們都是常用的控件。
6 操作（）
操作可以指用戶通過UI 執 行的任意行為。不過本書主要用 操作來指代保存、提交、刪除及 編輯等重要行為。用戶可以在服 務或應用程序中執行這些操作， 完成既定任務。
7 硬件按鈕
大部分智能手機的控制UI 都 在界面內，位于界面外的UI（按 鈕）稱為硬件按鈕。 在正 面設計了一個硬件按鈕移動應用ui設計模式讀后感， 設備則通常具有多個硬件按鈕②。
8 狀態欄
狀態欄是一種由系統控制并 顯示的UI。它主要用于顯示一些 設備信息或用戶通知信息。與其 他UI 不同，狀態欄不屬于特定 的應用程序。在iOS 中，設計師 可以更改狀態欄的顏色及透明 度，使其與應用程序風格一致。
① 以下簡稱手機站點?！g者注
② 從 4.0 起，建議 設備制造商減少使用硬件按鈕移動應用ui設計模式讀后感， 而使用虛擬屏幕按鈕。如今，很 多 設備都不再使用正面 硬件按鈕。——譯者注