iOS推出很多年，已經(jīng)升級到iOS9！現在A(yíng)pple還推出了一款全新的字體蘋(píng)方（san francisco），3D Touch和iPad分屏多任務(wù)。在Xcode中，你會(huì )發(fā)現堆棧視圖(Stack Views)，它會(huì )讓您的工作更輕松。Apple比以往任何時(shí)候都更多建議使用自適應布局，從而使您的設計成果輕松跨多設備。
自適應布局和多任務(wù)
隨著(zhù)越來(lái)越多設備的推出，要處理各種版本的分辨率，讓工作變的越繁瑣，因此適應布局出現至關(guān)重要?，F在使用Sketch或Xcode之類(lèi)的工具，可以讓你的設計變的更靈活。
下面動(dòng)態(tài)圖是演示iPhone如何適應iPad Pro的布局變化?？梢园l(fā)現是用戶(hù)界面功能擴展，而不是單純比例放大。比如在對于較大的屏幕iPad和iPhone6 Plus，在橫向模式中，左邊導航將顯示，而不是選項卡欄。
蘋(píng)方字體San Francisco
隨著(zhù)iOS9和酋長(cháng)石（El Capitan）系統的發(fā)布，默認字體改為蘋(píng)方，這是由Apple公司開(kāi)發(fā)的。我建議您觀(guān)看視頻，了解它是如何影響iOS的設計。
蘋(píng)方字體Tracking
iOS會(huì )自動(dòng)調整的蘋(píng)方字體大小tracking值，這確保了字體容易閱讀。在20pt以上，蘋(píng)方用戶(hù)界面正常顯示，否則使用蘋(píng)方UI文本。雖然這些tracking值只能在Photoshop中得到應用，但這里有Sketch的轉換公式。
使用Sketch插件可以快速調整字符間距值。
http://pan.baidu.com/s/1dF0lctF
3D Touch
在iOS9中有一個(gè)重要的新功能是3D Touch，人們可以快速訪(fǎng)問(wèn)您的應用程序的內部和外部的選項。
Pt和Px
第一次推出iPhone時(shí)，這兩個(gè)單位都是一樣：1pt等于1px。然后當視網(wǎng)膜屏到來(lái)，1pt成為2px。因此現在正確算法是iPhone4,5,6=@2x, iPhone6Plus=@3x。
iPhone分辨率
iPhone有4個(gè)主要的分辨率：320x480pt（4）、320x568pt（5）、375x667pt（6）、414x736pt（6P）布局不是整體縮放，而是擴大的基礎上的分辨率。例如，導航欄只調整寬度，但保持相同的高度。它里面的元素保持不變。
iPhone6Plus的橫向模式是唯一像iPad的iPhone。換句話(huà)說(shuō)，左導航將會(huì )出現，更換標簽欄的布局。
iPad分辨率
而iPad有兩個(gè)主要分辨率：768×1024pt（iPad），1024×1366pt（iPad Pro）
iPad 2的新功能：Slide Over、Split View。，Slide Over可以從側邊調用出另外一個(gè)應用，同時(shí)在屏幕上展示。
Split View：一個(gè)屏幕，做兩件事！你終于可以在一個(gè)屏幕上同時(shí)打開(kāi)兩個(gè)應用，一邊處理表格一邊編輯文檔；一邊瀏覽網(wǎng)頁(yè)一邊刷朋友圈；一邊瀏覽照片一邊在圖翼網(wǎng)看設計教程……
APP圖標
圖標是用戶(hù)看到您的APP第一件事。它會(huì )出現在主屏幕上，App Store商店中, spotlight搜索和設置里。
iPhone不再支持@1x，所以你不必生成它。APP圖標現在只需要使用：@2x、@3x。有3種類(lèi)型：應用程序圖標，Spotlight搜索和設置。而iPad使用：@1x、@2x。
超橢圓
從iOS7開(kāi)始，已經(jīng)從簡(jiǎn)單的圓角轉變到一個(gè)超橢圓形。
圖標網(wǎng)格
Apple使用黃金分割在它們的一些圖標上。這讓圖標保持良好的比例，同時(shí)確保了美感。雖然這是一個(gè)很好的規范，但它不是嚴格要求。甚至Apple在很多圖標上也省略了它。
顏色
iOS的使用鮮艷的色彩襯托出按鍵。這些顏色傾向于在白色或黑色背景很好地工作。請記住，配色應該簡(jiǎn)潔為主，這樣感知力更強。粗略地說(shuō)，只有10-20％的部分設計時(shí)應該有顏色，不然太搶眼，容易忽視主要內容。
iOS的經(jīng)常使用的中性色彩作為背景和菜單區域。在白色背景，使用黑色文字，使文本能夠舒適的閱讀。用淡藍色按鈕中讓操作功能脫穎而出。
按鈕和字體大小
一般的規范是按鈕用44pt、小文字用12pt、正文文本用17pt和標題用20pt 。
間距和對齊方式
一般的規范最低要求8pt空白或邊距。這將有足夠留白空間，使得布局更容易掃描和文本更具可讀性。而且在此基礎上，UI元素應對齊，文本應該有相同的基線(xiàn)位置。
狀態(tài)欄
用戶(hù)依賴(lài)于狀態(tài)欄的重要信息，如信號，時(shí)間和電池。文本和圖標可以是白色或黑色，但背景可以被設計成任何顏色，并與導航欄合并。
導航欄
導航欄是用于屏幕的快速信息。左邊部分可用于配置文件，菜單按鈕，而右邊的部分是一般用于動(dòng)作按鈕，如添加，編輯，完成。請注意，如果您使用這些系統圖標，您不需要為它們單獨設計。
就像狀態(tài)欄一樣，背景可以被定制為任何顏色，通常有一個(gè)微妙的模糊，以確保文本始終是可讀的。當狀態(tài)欄出現時(shí)，兩個(gè)背景都被合并。
搜索欄
在很多內容里找東西，使用搜索是明智的選擇。
工具欄
當你需要更多的空間來(lái)放置你的動(dòng)作按鈕和屏幕狀態(tài)，你會(huì )需要使用工具欄。
標簽欄
標簽欄是多屏之間的主導航條。如果你有幾個(gè)欄目，避免漢堡包菜單。通常是可見(jiàn)的菜單會(huì )增加使用，因為顯眼就會(huì )贏(yíng)得使用。此外，建議在你的圖標旁邊添加文字，因為大多數人不會(huì )立即識別符號，特別是當他們不知道。
當他們不處于時(shí)活躍，圖標一般只是一個(gè)輪廓，而不是被填充。這樣，他們將受到較少關(guān)注。
表格界面
表格界面，用于列出內容的一種很常見(jiàn)的用戶(hù)界面。大多數應用程序使用表格界面的形式，這是因為它在有限的高度中，展現最多的內容。
你可以使用一些預設樣式。
元件也可以被分層設計：上面是標題，下面是描述。
列表界面
當您需要設計列表時(shí)，幾乎可以按你想象的任何布局進(jìn)行設計。
你可以參考下面的設計布局，也可以自己構思更有創(chuàng )意的！
提示
提示對話(huà)框是用于輸送關(guān)鍵信息和提示快速操作。提示應保持最少文字，退出一定是明顯。
Activity對話(huà)框允許您使用iOS的功能，如Airdrop、收藏夾、書(shū)簽和應用程序郵件、 Facebook，Twitter分享內容（文本、圖片、鏈接）但不能自定義外觀(guān)和選項。
如果提供的信息并不短，你可以設計一個(gè)界面，通常是一個(gè)滑動(dòng)，淡出，翻轉或動(dòng)畫(huà)顯示。它應該像提示框，必須容易取消，并保持盡可能短。
鍵盤(pán)
鍵盤(pán)是用來(lái)輸入文本信息，如搜索，聊天或登錄。它的高度可定制的，為網(wǎng)址，電子郵件，電話(huà)號碼，甚至表情。您可以選擇鮮明和暗的主題，以及命名操作按鈕名（默認值這返回）。
選擇器
當你有多個(gè)選擇參數，您可以使用選擇器控制。像日期，可以控制3個(gè)字段。
分段控制
滑塊
滑塊雖然不太精確，但對于快速設置，如聲音，亮度和視頻進(jìn)展非常有用的交互體驗。
進(jìn)度
進(jìn)度條是一個(gè)活動(dòng)狀態(tài)指標。例如，您可以使用顯示網(wǎng)頁(yè)加載進(jìn)度。注意高度可定制。
開(kāi)關(guān)
使用此按鈕快速切換開(kāi)與關(guān)。
Stepper控件
它雖然比滑塊慢但更精確，Stepper允許用戶(hù)增加或減少一個(gè)值。邊框和背景是可定制的。
iOS圖標
這些都是iOS原生圖標。因為它們常用，所以用戶(hù)會(huì )立即識別出它們的要表達意思。如果把它們用作其他可能會(huì )混淆你的用戶(hù)，所以不要亂用喔。
當您設計圖標時(shí)，使用眾所周知的符號是非常重要的，不然用戶(hù)是無(wú)法第一時(shí)間識別圖標要表達的意思。因此，我強烈建議在圖片的旁邊添加文字。
原文：webdesignerdepot
譯文：tuyiyi.com
譯者：@圖翼君
分享人：”自控、。
關(guān)鍵詞回復：
印刷、名片、海報、logo設計
(可見(jiàn)相對應知識內容）
發(fā)現 | 分享 | 成長(cháng)
設計師的家園，交流設計中的難題
分享行業(yè)最新資訊
訂閱號：SJ-QUAN
分享/投稿
聯(lián)系客服
