人們通常希望能在不同的地方使用他們最喜歡的 app。在 iOS8 及之后的版本中，通過定義屏幕的布局、視圖控制器和會(huì)根據(jù)顯示環(huán)境改變的視圖（顯示環(huán)境 display environment 是指整個(gè)屏幕或者屏幕的一部分，例如彈出框或分視圖控制器的主視圖部分），開發(fā)者可以使用尺寸類和自動(dòng)布局技術(shù)來滿足跨平臺(tái)的適應(yīng)性。
iOS 定義了兩種尺寸類：常規(guī)和緊湊。常規(guī)尺寸類有著廣闊的空間可用，而緊湊尺寸類對空間的使用有限制。為了突出顯示環(huán)境的特點(diǎn)，你可以定義一個(gè)水平尺寸類和一個(gè)豎直尺寸類。正如你所想的，一個(gè) iOS 設(shè)備可以使用橫豎兩種使用模式。
當(dāng)一個(gè)顯示環(huán)境改變時(shí)，iOS 可以自動(dòng)改變成不同的布局。例如，當(dāng)豎直尺寸從緊湊變?yōu)槌Ｒ?guī)時(shí)，導(dǎo)航欄和工具欄會(huì)自動(dòng)變長。
當(dāng)你可以做到依靠尺寸類改變布局時(shí)，你的 app 會(huì)在不同的顯示環(huán)境中有出色的表現(xiàn)。想學(xué)習(xí)如何在界面開發(fā)中使用尺寸類，請點(diǎn)擊Size Classes Design Help。
提示 在一種尺寸類中，你可以繼續(xù)使用自動(dòng)布局進(jìn)行小的布局調(diào)整，例如拉伸和固定內(nèi)容。
下面的例子可以幫助你理解尺寸類是如何在多種設(shè)備上突出顯示環(huán)境的。例如，iPad 在不同方向上都使用常規(guī)尺寸，換句話說，iPad 的顯示環(huán)境總是橫版或豎版的常規(guī)尺寸。
豎直樣式
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/ipad_size_class_v_2x.png" alt="" />
水平樣式
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/ipad_size_class_h_2x.png" alt="" />
iPhone 的顯示環(huán)境會(huì)根據(jù)設(shè)備和方向的不同而變化。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/iphone02_size_class_v_2x.png" alt="" />
豎屏?xí)r，iPhone6 Plus 使用的是常規(guī)高度和緊湊寬度類型。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/iphone02_size_class_h_2x.png" alt="" />
橫屏?xí)r，iPhone6 Plus 使用的是緊湊高度和常規(guī)寬度類型。
所有其他的 iPhone 設(shè)備，包括 iPhone 6，使用相同模式的尺寸。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/iphone01_size_class_v_2x.png" alt="" />
豎屏?xí)r，iPhone 6，iPhone 5 和 iPhone 4S 使用的是緊湊寬度和常規(guī)高度。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/iphone01_size_class_h_2x.png" alt="" />
橫屏?xí)r，這些設(shè)備在寬高上使用的都是緊湊類型。
當(dāng)你學(xué)會(huì)了利用適應(yīng)性，你就可以保證你的 UI 會(huì)根據(jù)顯示環(huán)境做出合理的變化。遵守這些指導(dǎo)，你的 app 就可以在所有設(shè)備的不同方向上給用戶很好的體驗(yàn)。
在所有環(huán)境下都要關(guān)注主體內(nèi)容。這是最重要的。人們使用你的 app 是為了看他們感興趣的內(nèi)容。如果在改變環(huán)境的同時(shí)，關(guān)注點(diǎn)也變化了，這會(huì)誤導(dǎo)使用者并使他們感到對你的 app 失去了控制力。
避免不必要的布局變化。當(dāng)使用者改變設(shè)備方向或更換設(shè)備使用相同的 app 時(shí)，不同環(huán)境間的體驗(yàn)差異可以使用戶維持他們的使用模式。例如，如果你在一個(gè)水平的常規(guī)環(huán)境下使用網(wǎng)格顯示圖片，那么在水平緊湊模式下，你就不必再顯示相同的信息了，雖然你有可能調(diào)整了網(wǎng)格的尺寸。
如果你的 app 只支持一個(gè)方向，請注意。人們期待可以在不同的方向上使用你的 app，你最好可以實(shí)現(xiàn)這個(gè)功能。但如果不能，請注意：
如果你的 app 將設(shè)備的方向變化視為一種用戶輸入，那么就按照程序方式來處理旋轉(zhuǎn)。例如，一個(gè)需要用戶通過轉(zhuǎn)動(dòng)設(shè)備來移動(dòng)的游戲不能再對旋轉(zhuǎn)屏幕而產(chǎn)生其他響應(yīng)。在這種情況下，你應(yīng)該支持這兩種方向轉(zhuǎn)換的方式并且允許用戶切換這兩種方式直到他們開始執(zhí)行 app 的主體部分。一旦用戶開始程序的主體內(nèi)容，就使用程序方式來處理旋轉(zhuǎn)。
布局不僅僅意味著 app 界面的 UI 元素的樣式。通過使用布局，你可以向你的用戶展示什么是最重要的，他們的選擇是什么，以及事情是如何聯(lián)系起來的。
強(qiáng)調(diào)重要的內(nèi)容和功能易于使用戶注意到 app 的主要任務(wù)。有一些很好的方法可以做到這個(gè)，在屏幕靠近上邊和左邊的位置放置重要的項(xiàng)目。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/focus_on_main_task_2x.png" alt="" />
使用圖標(biāo)或字體的大小與位置來表現(xiàn)屏幕中元素的相對重要性。大圖標(biāo)會(huì)首先吸引人的關(guān)注，所以大圖標(biāo)會(huì)比小圖標(biāo)顯得更重要。更大的圖標(biāo)也意味著更好點(diǎn)擊，這在 app 中是十分有用的，例如通話和計(jì)時(shí)，這使得用戶即使在嘈雜的環(huán)境中也能關(guān)注到。
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/phone_hangup_button_2x.png" alt="" />
使用對齊使閱讀更舒服，讓分組和層次間更有秩序。對齊能使 app 看起來整潔、有組織，并且這可以使用戶在滑動(dòng)瀏覽時(shí)能關(guān)注重點(diǎn)。不同信息的縮進(jìn)和對齊可以使用戶明白內(nèi)容間的聯(lián)系，也會(huì)讓查找特定內(nèi)容變得簡單。
確保用戶可以在默認(rèn)尺寸下看到最重要的內(nèi)容。例如，用戶不需要滑動(dòng)屏幕就可以看到重要的內(nèi)容和圖像。
做好變化文本大小的準(zhǔn)備。用戶期盼大多數(shù) app 都可以調(diào)整字體的大小到他們喜歡的尺寸。為了適應(yīng)字體大小的變化，你也許需要調(diào)整布局。想查看更多關(guān)于字體調(diào)整的信息，請點(diǎn)擊色彩與排版
盡量避免 UI 圖形的不一致性。在一般情況下，功能相似的圖標(biāo)看起來也很像。當(dāng)你的圖標(biāo)不太相似時(shí)，用戶會(huì)認(rèn)為這一定是有原因的，并且會(huì)想盡辦法知道為什么。
給每個(gè)需要交互的圖標(biāo)足夠的空間，從而簡化用戶的操作。常用的可點(diǎn)擊的控件大小是 44 x 44 點(diǎn)。
推薦樣式
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/interact_with_content_r_2x.png" alt="" />
不推薦樣式
http://wiki.jikexueyuan.com/project/ios-human-interface-guidelines/images/interact_with_content_nr_2x.png" alt="" />
掃碼關(guān)注鍍金池微信號(hào)
手機(jī)訂課，優(yōu)惠多多
