OS推出很多年，已經升級到iOS9！現在Apple還推出了一款全新的字型蘋方（san francisco），3D Touch和iPad分屏多工。在Xcode中，你會發現堆疊檢視(Stack Views)設計神器，它會讓您的工作更輕鬆。Apple比以往任何時候都更多建議使用自適應佈局，從而使您的設計成果輕鬆跨多裝置。

自適應佈局和多工

隨著越來越多裝置的推出，要處理各種版本的解析度，讓工作變的越繁瑣，因此適應佈局出現至關重要。現在使用Sketch或Xcode之類的工具，可以讓你的設計變的更靈活。

下面動態圖是演示iPhone如何適應iPad Pro的佈局變化。可以發現是使用者介面功能擴充套件，而不是單純比例放大。比如在對於較大的螢幕iPad和iPhone6 Plus，在橫向模式中，左邊導航將顯示，而不是選項卡欄。

簡單教程：如何調整介面在多解析度設計。

蘋方字型San Francisco

隨著iOS9和酋長石（El Capitan）系統的釋出，預設字型改為蘋方，這是由Apple公司開發的。我建議您觀看視訊，了解它是如何影響iOS的設計。

蘋方字型Tracking

iOS會自動調整的蘋方字型大小tracking value，這確保了字型容易閱讀。在20pt以上，蘋方使用者介面正常顯示，否則使用蘋方UI文字。雖然這些tracking value只能在Photoshop中得到應用，但這裡有Sketch的轉換公式。

使用這個Sketch外掛可以快速調整字元間距值。

3D Touch

在iOS9中有一個重要的新功能是3D Touch，人們可以快速訪問您的應用程式的內部和外部的選項。

Pt和Px

第一次推出iPhone時，這兩個單位都是一樣：1pt等於1px。然後當視網膜屏到來，1pt成為2px。因此現在正確演算法是iPhone4,5,6=@2x, iPhone6Plus=@3x。

iPhone解析度

iPhone有4個主要的解析度：320x480pt（iPhone4），320x568pt（iPhone5），375x667pt（iPhone6）和414x736pt（iPhone6Plus）。佈局不縮放，但擴大的基礎上的解析度。例如，導航欄只調整寬度，但保持相同的高度。它裡面的元素保持不變。

iPhone6Plus的橫向模式是唯一像iPad的iPhone。換句話說，左導航將會出現，更換標籤欄的佈局。

iPad解析度

而iPad有兩個主要解析度：768×1024pt（iPad），1024×1366pt（iPad Pro）

iPad 2的新功能：Slide Over、Split View。，Slide Over可以從側邊調用出另外一個應用，同時在螢幕上展示。

Split View：一個螢幕，做兩件事！你終於可以在一個螢幕上同時開啟兩個應用，一邊處理表格一邊編輯文件；一邊瀏覽網頁一邊刷朋友圈；一邊瀏覽照片一邊在圖翼網看設計教程……

APP圖示

圖示是使用者看到您的APP第一件事。它會出現在主螢幕上，App Store商店中, spotlight搜尋和設定裡。

iPhone不再支援@1x，所以你不必生成它。APP圖示現在只需要使用：@2x、@3x。有3種類型：應用程式圖示，Spotlight搜尋和設定。而iPad使用：@1x、@2x。

超橢圓

從iOS7開始，已經從簡單的圓角轉變到一個超橢圓形。

圖示網格

Apple使用黃金分割在它們的一些圖示上。這讓圖示保持良好的比例，同時確保了美感。雖然這是一個很好的規範，但它不是嚴格要求。甚至Apple在很多圖示上也省略了它。

顏色

iOS的使用鮮豔的色彩襯托出按鍵。這些顏色傾向於在白色或黑色背景很好地工作。請記住，配色應該簡潔為主，這樣感知力更強。粗略地說，只有10-20％的部分設計時應該有顏色，不然太搶眼，容易忽視主要內容。

間距和對齊方式

一般的規範最低要求8pt空白或邊距。這將有足夠留白空間，使得佈局更容易掃描和文字更具可讀性。而且在此基礎上，UI元素應對齊，文字應該有相同的基線位置。

狀態列

使用者依賴於狀態列的重要資訊，如訊號，時間和電池。文字和圖示可以是白色或黑色，但背景可以被設計成任何顏色，並與導航欄合併。

導航欄

導航欄是用於螢幕的快速資訊。左邊部分可用於配置檔案，選單按鈕，而右邊的部分是一般用於動作按鈕，如新增，編輯，完成。請注意，如果您使用這些系統圖標，您不需要為它們單獨設計。

就像狀態列一樣，背景可以被定製為任何顏色，通常有一個微妙的模糊，以確保文字始終是可讀的。當狀態列出現時，兩個背景都被合併。

搜尋欄

當你有很多的內容，使用搜索是明智的選擇。

工具欄

標籤欄

標籤欄是多屏之間的主導航條。如果你有幾個欄目，避免漢堡包選單。通常是可見的選單會增加使用，因為顯眼就會贏得使用。此外，建議在你的圖示旁邊新增文字，因為大多數人不會立即識別符號，特別是當他們不知道。

當他們不處於時活躍，圖示一般只是一個輪廓，而不是被填充。這樣，他們將受到較少關注。

表格介面

表格介面，用於列出內容的一種很常見的使用者介面。大多數應用程式使用表格介面的形式，這是因為它在有限的高度中，展現最多的內容。

你可以使用一些預設樣式。

元件也可以被分層設計：上面是標題，下面是描述。

列表介面

當您需要設計列表時，幾乎可以按你想象的任何佈局進行設計。

你可以參考下面的設計佈局，也可以自己構思更有創意的！

提示

提示對話方塊是用於輸送關鍵資訊和提示快速操作。提示應保持最少文字，退出一定是明顯。

Activity對話方塊允許您使用iOS的功能，如Airdrop、收藏夾、書籤和應用程式郵件、 Facebook，Twitter分享內容（文字、圖片、連結）但不能自定義外觀和選項。

如果提供的資訊並不短，你可以設計一個介面，通常是一個滑動，淡出，翻轉或動畫顯示。它應該像提示框，必須容易取消，並保持儘可能短。

鍵盤

鍵盤是用來輸入文字資訊，如搜尋，聊天或登入。它的高度可定製的，為網址，電子郵件，電話號碼，甚至表情。您可以選擇鮮明和暗的主題，以及命名操作按鈕名（預設值這返回）。

這裡有一個優秀的Sketch輸入法套件，值得下載。

選擇器

當你有多個選擇引數，您可以使用選擇器控制。像日期，可以控制3個欄位。

分段控制

滑塊

滑塊雖然不太精確，但對於快速設定，如聲音，亮度和視訊進展非常有用的互動體驗。

進度

進度條是一個活動狀態指標。例如，您可以使用顯示網頁載入進度。注意高度可定製。

開關

Stepper控制元件

它雖然比滑塊慢但更精確，Stepper允許使用者增加或減少一個值。邊框和背景是可定製的。

iOS圖示

這些都是iOS原生圖示。因為它們常用，所以使用者會立即識別出它們的要表達意思。如果把它們用作其他可能會混淆你的使用者，所以不要亂用喔。

當您設計圖示時，使用眾所周知的符號是非常重要的，不然使用者是無法第一時間識別圖示要表達的意思。因此，我強烈建議在圖片的旁邊新增文字。

.............................................................