雖然蘋果公司將ios 10稱為有史以來最大的發行版本，但大多數新功能都是面向消費者的，如widget、siri/Siri集成和擴展的通知。
對于設計師來說，唯一值得注意的設計改變是更大膽的標題和更大的使用卡，如在本土應用，如音樂和新聞。而ios 7則開始使用瘦字體，而ios 10則將重新使用更大膽的文本。
平臺成熟度
ios在過去的幾年里已經成熟了很多。在第9升級中，蘋果推出了一款新的系統字體-舊金山，3d觸控，以及ipad上的多任務。在Xcode中，您將找到stack視圖，這是一個很好的工具，可以使您的布局更加適應，而不需要自動布局的復雜性。蘋果比以往任何時候都更鼓勵自適應布局，這樣你的設計就可以跨越多個設備了。
自適應布局與多任務處理
隨著越來越多的設備解決方案的處理，關鍵的是使你的布局適應。使用像草圖約束或Xcode這樣的工具，您必須設計的方式，屏幕大小是靈活的，并可以顯示額外的菜單，如果需要的話。 下面是從iphone到ipad pro的布局的方式。用戶界面擴展而不是擴展。對于像ipad和iphone 7 plus這樣的大屏幕，在景觀模式下，左導航將出現，而不是tab鍵。在這里下載主題文件。
舊金山字體
默認字體現在是舊金山的字體，這是由蘋果公司在內部制作的。我鼓勵你觀看視頻，以了解它是如何影響ios的設計的。
sf字體跟蹤
ios根據字體大小自動調整的跟蹤值和文本/顯示。這確保了字體總是易于閱讀。在20 pt或更多的位置上，應該使用SF顯示，否則使用SF文本。這些跟蹤值只能應用在photoshop中，但這里有一個轉換公式在素描。
使用此素描插件快速應用正確的字符間距值。
3D Touch
ios中的一個關鍵新功能叫做3d touch，允許用戶快速訪問應用程序內部和外部的選項。
用戶現在可以強制-按下您的應用程序圖標，并找到經常使用的項目。在一個應用程序中，郵件可以被偷看，鏈接可以預覽，進入全屏。 想想3d touch，就像你mac上的鍵盤快捷鍵-它們讓人們能夠更快地完成重復的任務。您必須設計快捷方式，使用戶更有效率。但是就像鍵盤快捷鍵一樣，基本的特性不應該是3d touch的專屬功能。您的用戶必須能夠正常地操作您的應用程序，而沒有它。
點和像素
開發人員使用的是點值，因此了解像素的差異是很重要的。當iphone第一次被引入時，這兩個單元是相同的：1pt等于1px。然后當視網膜屏幕出現時，1pt就變成了2PX。因此，把點視為原始iphone中的值，像素作為實際值取決于像素密度(iphone 4，5，6=@2x，2x=@3x)。
有關更多信息，請查看此指南。
iphone解決方案
iphone有4個主要解決方案：320 x 480 pt(Iphone 4)，320 x 568 pt(Iphone 5)，375 x 667 pt(Iphone 7)和414 x 736 pt(Iphone 7 Plus)。這個布局沒有擴展，而是根據分辨率進行擴展的。例如，導航欄只調整寬度，但保持相同的高度。它里面的元素仍然完好無損。
iphone 7 plus是唯一在景觀模式下更像ipad的iphone。換句話說，將出現左導航，以替換tab鍵的需要。
ipad解決方案
ipad有兩個主要的解決方案：768 x 1024 pt(Ipad)，1024 x 1366 pt(Ipad Pro)。
ipad有兩個新功能：幻燈片的幻燈片和拆分視圖?；脽羝窃谄聊挥覀瘸霈F的一個覆蓋，而不影響當前應用程序的布局。
“拆分視圖”允許用戶通過在肖像模式下同時運行兩個應用程序來進行多任務。
App Icon 應用圖標
應用程序圖標被用于你的應用的品牌。這是用戶第一次看到它的體驗。它在“家庭屏幕”、“應用商店”、“聚焦”和“設置”中都出現了突出位置。
@1X的資產不再支持為iPhone，因此您不需要生成它們。應用程序圖標，現在有2項決議:@2x和3x。有3類型:應用程序圖標，探照燈和設置。為iPad，@1x和2x使用。
超橢圓
自ios 7以來，圓角的圓角已經從普通圓角過渡到了一個超級橢圓形狀。重要的是要注意，您不應該用掩碼導出圖標，或者您可能會發現黑色的工件。相反，只需將正方形資產導出到應用程序商店中。
圖標網格
蘋果在他們的一些圖標上應用了黃金分割比率。這確保了圖標是英雄，同時保持很好的比例。雖然這是一個很好的規則可循，但這并不是嚴格的規則。甚至蘋果在許多圖標上都忽略了它。
顏色
ios使用鮮艷的顏色來顯示按鈕。這些顏色在白色背景下的效果很好，就像黑色的背景一樣。請記住，顏色應該被使用稀疏，用于呼叫到行動和最小的品牌領域，如導航欄。粗略地說，只有10到20%的設計應該有顏色，否則它們會對內容進行過多的競爭。
ios通常使用中性顏色作為背景和菜單區域。使用對比的黑色文本與白色背景，使用使文本舒適的閱讀。最后，柔和藍色被用來使按鈕脫穎而出。
按鈕和字體大小
一般規則是44pt，用于小文本的按鈕和12pt，用于正文文本的17pt和20pt+的標題。
間距和對準
一般的規則是有一個最小的填充或8PT的邊值。這就創造了足夠的呼吸空間，這使得布局變得更容易掃描，文本更容易讀。此外，ui元素應該是對齊的，文本應該具有相同的基線位置。
狀態欄
建議將狀態欄添加到盡可能多的位置。用戶依賴于信號、時間和電池等重要的信息。文本和圖標可以是白色或黑色，但背景可以定制為任何顏色，并合并與導航欄。
導航桿
導航欄用于有關屏幕的快速信息。左部分可用于放置、配置文件、菜單按鈕，而右側部分通常用于操作按鈕，如“添加、編輯”、“完成”。請注意，如果使用這些系統圖標，就不需要為它們創建資產。
就像狀態欄一樣，背景可以被定制到任何顏色，通常有一個模糊的模糊，以確保文本總是可讀的。當狀態欄出現時，兩種背景都合并。
搜索欄
當你有很多內容的時候，讓它搜索是很明智的。
工具欄
當您需要更多的房地產來放置您的操作按鈕和屏幕狀態時，您將希望使用工具欄。
制表符欄
tab鍵是多個屏幕之間的主要導航。如果您的商品很少，請避免使用漢堡菜單。總是可見的菜單將增加使用，因為顯而易見總是獲勝。此外，還鼓勵在圖標旁邊添加文本，因為大多數人不會立即識別符號，特別是當它們不被普遍識別的時候。
當它們不活躍的時候，圖標通常會有一個大綱而不是填充。就像這樣，他們吸引的注意力越來越少了。
表視圖
表視圖是用于列出內容的一個非常常見的用戶界面。大多數應用程序都使用表視圖的形式。這是因為它可以是非?；镜?，也可能是高度可定制的最小的元素。
在基本級別上，您可以使用一些預置樣式和附件。
細胞也可以被分組，上面有一個標題和下面的描述。
集合視圖
如果在網格樣式中有行和列，則需要collection視圖。雖然有點先進，但它可以很大程度上創造任何你可以夢想的布局。
集合視圖布局可能類似于這些，也可能是它們的組合。這些可能性是無窮無盡的。
Modals
alert對話框(警報)用于傳遞關鍵信息，并提示快速操作。警報應保持最小，退出必須是明顯的。
活動對話框允許您將內容(文本、圖片、鏈接)與ios功能共享，如Airdrop、書簽、書簽和應用程序，如mail、facebook、twitter。雖然外觀不能自定義，但選項是。
當所提供的信息不短時，您可以設計一個大小為全大小的模式，通常出現在幻燈片、淡入淡出、翻轉或頁面動畫中。就像其他的模態一樣，它必須很容易被取消并且盡可能的短。
鍵盤
該鍵盤用于在諸如搜索、聊天或登錄等文本字段中輸入信息。它是高度可定制的，用于url，電子郵件，電話號碼，甚至是Emoji。您可以在“光”和“暗”主題之間進行選擇，也可以選擇“動作”按鈕的名稱(返回默認)。
有一個很好的鍵盤工具包，你可以下載。
采摘器
當您有多個選項可供選擇時，您可以使用選擇器控件。對于日期，在一個操作中控制3個字段是非常有用的。
分段控制
當tab鍵導航到主部分時，分段控制被用于子部分。
滑塊
滑塊是不精確的交互控件，但對于快速設置，如聲音、亮度和視頻進展，非常有用。
進展
進步欄是一種顯示活動已經走多遠的指示器。例如，您可以使用此來顯示web視圖的加載進度。請注意，高度可以定制。
開關
使用此方法快速切換在開關之間。不要在任何其他東西上使用它，而不是打開/關閉。
步進
比滑塊更慢，但更精確，步進程序允許用戶增加或減少一個值，增加一個值。邊框和背景是可定制的。
ios圖標
這些是滲透ios的本地圖標。由于它們是常用的，所以它們立即被用戶所識別，因為它們的意思。在其他方面使用它們可能會使用戶感到困惑，因此必須了解它們是如何在ios中使用的。
當您在這些圖標之外設計自定義圖標時，使用眾所周知的符號很重要。此外，我強烈建議總是與他們的小文本的10pt或更多。
轉載：http://www.zcool.com.cn/article/ZNTI5OTA0.html
17260717688
