在WWDC上，蘋果推出了采用全新設(shè)計語言打造的iOS7。新系統(tǒng)棄用了諸如皮革、木質(zhì)一類的偽3D擬真效果，取而代之的是更加簡潔輕量的設(shè)計路線，其中文字排版成了重頭戲，另外在某些方面也受到了扁平化設(shè)計的影響。

　　對于負(fù)責(zé)打造iOS應(yīng)用界面的設(shè)計師們來說，長久以來的設(shè)計習(xí)慣和規(guī)則即將被改變。在iOS7的這些變化當(dāng)中，哪些與設(shè)計師們最為相關(guān)?蘋果公司在轉(zhuǎn)變了自身的設(shè)計思維之后，又會希望我們這些應(yīng)用設(shè)計者們將哪些新東西體現(xiàn)到自己的應(yīng)用當(dāng)中?

　　我們分析了蘋果的iOS7 UI過渡指南，并從中挑選出了設(shè)計師們需要知道的最重要的10條設(shè)計方面的變化。希望你能通過本文了解到iOS7的這些新特性將會怎樣影響到你的內(nèi)容呈現(xiàn)方式。

　　1.三大設(shè)計主題

　　根據(jù)蘋果官方的設(shè)計規(guī)范，設(shè)計師們需要遵守三點最核心的設(shè)計主題：

　　依從：UI要幫助用戶對內(nèi)容進(jìn)行理解和互動，但絕不能與內(nèi)容產(chǎn)生競爭關(guān)系。

　　清晰：任何字號的文字都要清楚易讀，圖標(biāo)要精細(xì)且含義明確，裝飾性元素要少而精，且使用得當(dāng);聚焦于功能性的實現(xiàn)，并以此激發(fā)設(shè)計的進(jìn)行。

　　縱深：視覺外觀的層次以及逼真的動畫效果可以傳達(dá)出界面的活力，使界面更容易被理解，并提升用戶的愉悅度。

　　蘋果希望你在設(shè)計應(yīng)用的界面和交互模式時密切關(guān)注這些設(shè)計主題，特別是“依從”。它著重強(qiáng)調(diào)了怎樣使設(shè)計更好地支持內(nèi)容，而不是反過來壓制內(nèi)容。

　　可以看看蘋果是怎樣在iOS7內(nèi)置的日歷應(yīng)用當(dāng)中貫徹這一點的。新的日歷應(yīng)用在界面上極大的簡化了，去除了一切不必要的設(shè)計元素，并使用了干干凈凈的白色背景，完全以內(nèi)容為中心。

　　2.動態(tài)字體

　　iOS7使用了全新的動態(tài)字體系統(tǒng)，以改善文字內(nèi)容在任何字號下的易讀性。

　　動態(tài)字體可以自動調(diào)整任何字號下的文字粗細(xì)、字間距和行距。它同時支持字體風(fēng)格，使你能夠為內(nèi)容標(biāo)題、正文和按鈕當(dāng)中的文字設(shè)置不同的樣式。

　　新的天氣應(yīng)用為我們展示了新的字體以及清晰的文字排版在使用了動態(tài)背景的全屏視圖當(dāng)中的表現(xiàn)。

　　3.導(dǎo)航元素的半透明化

　　iOS7當(dāng)中最重要的設(shè)計變化之一就是在界面中引入了透明與半透明化。

　　狀態(tài)欄(status bar)能夠以完全透明的形式呈現(xiàn)，導(dǎo)航欄(navigation bar)、標(biāo)簽欄(tab bar)、工具欄(tool bar)和其他一些控件也采用了半透明化的處理方式。因此，你可能需要調(diào)整內(nèi)容視圖在縱向上的實際尺寸，以便在半透明控件的下方將內(nèi)容上下文隱約地展示給用戶。

　　另外你也要考慮到全新的控制中心(control center)，用戶可以在這里快速訪問到一些常用功能，例如開啟藍(lán)牙、調(diào)整屏幕亮度等等。控制中心是一種模態(tài)視圖(modal view)，它會隨著用戶的手勢從屏幕底部向上展開，并覆蓋在系統(tǒng)界面或當(dāng)前應(yīng)用界面之上;用戶可以透過其半透明毛玻璃背景看到下方界面中的內(nèi)容環(huán)境。

　　4.按鈕去掉了邊框

　　iOS7里的按鈕不再有邊框和背景。這使得按鈕中的標(biāo)題文字可以使用相對大一些的字號，但對于那些經(jīng)過自定義設(shè)計的按鈕來說，你需要重新考慮它們的樣式能否適用于新的系統(tǒng)風(fēng)格。

　　蘋果在iOS7當(dāng)中加入了右滑切換界面的手勢。切換過程中，導(dǎo)航欄會展現(xiàn)出精巧的界面覆蓋疊加效果。如果你為導(dǎo)航欄中的按鈕使用了自定義設(shè)計的背景圖片，那么現(xiàn)在你需要創(chuàng)建一個蒙版圖片來確保這種動畫效果的實現(xiàn)。詳見iOS7 UI過渡指南之Bars and Bar Buttons一節(jié)。

　　iOS7的標(biāo)簽欄和工具欄也有了全新的外觀，對于其中的圖標(biāo)，你可能需要重新繪制一套更簡潔、更線條化的圖片了。

你可以在iOS7自帶的短信應(yīng)用當(dāng)中看到最官方的按鈕使用示例，包括導(dǎo)航欄中的新消息按鈕、返回到消息列表的按鈕、聯(lián)系人按鈕、發(fā)送按鈕等。

　　5.屏幕上更多的可用空間

　　透明的狀態(tài)欄，移除了左右邊距和邊框的界面，這些新風(fēng)格體現(xiàn)出蘋果正在鼓勵設(shè)計師們將界面中的內(nèi)容擴(kuò)展至屏幕邊緣。

　　例如系統(tǒng)鍵盤一類的模態(tài)視圖都采用了半透明的風(fēng)格，使得它們底部的內(nèi)容元素可以被用戶感知到，即使模糊不清，也可以傳遞出縱深的含義。系統(tǒng)內(nèi)置的天氣、照片和相機(jī)應(yīng)用都非常好的展示了怎樣使用全屏風(fēng)格展示內(nèi)容。