整體外觀變化
變化1：取消了實體的 Home 鍵；
變化2：雙面玻璃設計的回歸
硬件變化
變化1：屏幕
首次使用OLED 屏幕，分辨率達到2436×1125，PPI達到驚人的
所以帶來的視覺效果會會更加精細
變化2處理器
搭載6核A11仿生處理器，這個強大的處理器可以支持更強勁的游戲效果。
變化3攝像頭
前置攝像頭升級為原深感攝像頭，也能拍景深照片，后置豎排雙攝像頭，都有光學防抖，人像模式加入專業打光功能人像光效；
這個攝像頭還能識別面部表情做動態 Emoji，蘋果官方叫做動話表情。
變化4充電
比續航提升了2個小時，支持無線充電，發布了可同時充 3個設備的 充電枕
交互變化
變化1：臉部識別解鎖
沒有 Touch ID，全新 Face ID（面容識別）以后用戶可以刷臉就能解鎖；
變化2：返回主屏幕的操作
去掉了home鍵，當用戶在一個應用內部時，從底部向上輕掃，即可返回主屏幕。
變化3：激活多任務操作
當用戶需要啟用多任務時，只需屏幕向上輕掃并停頓一下，就能激活多任務界面。
變化4：激活控制中心
之前打開控制中心的手勢是從上往下拉出，現在則更改為從屏幕的右上角向下輕掃。
變化5：激活Siri
沒有了實體的Home鍵，用戶想要激活 Siri，變為了長按側邊的實體鍵。
變化6：激活Apple Pay
用戶打開Apple Pay 的式更改為連按兩下側邊按鍵。
界面設計
很多設計師最關注的就是這個部分了。新的硬件出來，到底對原來設計有多大影響。我的答案是有影響，但是影響沒有你想的那么大。
變化1：頂部標簽欄的高度
最顯眼的莫過于那個劉海頭了。因為劉海頭的存在，遮蔽了原有的電池狀態欄qq空間全屏背景圖帶字，包括頂部的導航欄部分的視覺面積。
所以從iOS11開始，導航欄中間的文字，被挪到下面去了。用了更大更粗的字體顯示。所以這個視覺設計風格的更替還是來源于硬件的變化。
因為有這個小劉海的存在，為了文字不被遮蔽，所以導航欄的高度也會相應被拉高。
變化2：頂部標簽欄的文字
雖然官方的模板標題字是如此大，但是我預言在國內，設計師會根據具體情況選擇小點的字號。因為國內還是喜歡高信息密度的設計。這個道理就好像安卓的 ，人人叫好，但是國內沒幾個設計師愿意去使用這個設計語言去設計應用，因為信息密度太低了。
如下圖使用 設計語言的淘寶和目前的淘寶，哪個信息密度高？所以淘寶首頁寸土寸金的首屏，不會為了放幾個字浪費了這么一大塊面積。
變化3：底部標簽欄的圖標設計
底部導航欄圖標，過去的做法是當前激活模塊的圖標為剪影風格，其他圖標為線性風格。設計師需要做兩套圖標。分別是一套剪影，一套線性。而現在統一為剪影，而當前激活模塊的圖標使用平鋪色代表激活。
底部標簽欄的高度也加大，為了適應新的硬件屏幕設計，視覺區域也相應加大。
這樣表面看起來是減少了設計師的負擔，不過我認為對設計師的圖標設計基本功提出了更高的要求。畢竟形態變化少了，需要在剪影本身上下的功夫需要更多。所以對圖標形體的設計練習依然不可少。這是我之前帶學生做的剪影線性的切換練習。
變化4：留白間距的控制
對于新的，因為上下多了一個圓角，且頭部多了一個小劉海，因為這些硬件的差異，導致界面設計需要考慮到這些因素。所以無論橫豎屏，都需要考慮兩邊留白的間距問題，需要留出足夠的間距，保證元素不被遮蔽。
尺寸
新的寬度1125/3=375，而的寬度750/2=375，兩個的寬度一致，
新的高度2436/3=812，而的高度1334/2=667，新的是比要長一截。
屏幕分辨率 1125 x
（375pt×812pt @ 3x）
布局
在設計 X的界面時，您必須確保布局填滿屏幕，并且不會被設備的圓角，傳感器外殼或被主屏幕的指示燈遮蔽。
大部分使用系統提供的標準UI元素（如導航欄）的APP會自動適應 X！
左圖：4.7英寸 右圖： X
如果是自定義布局的APP，適配 X也應該比較容易，特別是您的APP布局遵守了安全區域和邊距布局指南。在上架APP之前，您最好使用（Xcode內置）來預覽APP，檢查是否存在布局問題。但如果是測試功功或色彩校對，最好在實際設備上預覽。
如果提供全屏體驗時，確保背景延伸到顯示器的邊緣，并且垂直可滾動的布局！
注意狀態欄的高度。
X的狀態欄比在其他上更高。如果您的APP內容定位在狀態欄的下方，則必須更新您的APP。請注意，當背景任務（如錄音和位置跟蹤）處于活動狀態時， X上的狀態欄不會改變高度。
如果您的APP目前隱藏狀態欄的話，請重新考慮 X布局。因為 X提供了更多的內容垂直空間，可以讓用戶獲得更多有用的信息，比隱藏隱藏價值大。
在使用圖片時，請注意長寬比差異。 X具有不同于其它的長寬比，因此，全屏其它圖片在 X上全屏顯示時會出現裁剪。同樣，全屏 X圖片在其它也會出現裁剪，所以請注意兩種設備適配。
還有要注意不要將交互控件放置在屏幕底部和角落。因為這些區域是用戶不好操作的位置qq空間全屏背景圖帶字，或者操作起來不舒服！
漸變配色
X上的顯示器支持P3色彩空間，可以產生比sRGB更豐富，更飽和的顏色。使照片和視頻的顏色更加逼真，增強視覺體驗！
源文件下載
iOS 11的設計規范
官方視頻觀看： 密碼：r3if
官方下載：#ios-apps
psd 格式： 密碼：221t
格式： 密碼：36wg
格式： 密碼：j3ps
—
-往期好文推薦-
???