自從iOS 7的發(fā)布，APP設(shè)計人員和APP開發(fā)人員將需要調(diào)整自己的視覺語言來匹配的iOS的新的“扁平化”的設(shè)計。除了網(wǎng)格系統(tǒng)，圖標和常用元素，排版和圖像學(xué)的維度已經(jīng)在許多方面更新的蘋果。加上2013年12月份蘋果公司發(fā)布了通告。要求開發(fā)者向App Store應(yīng)用店提交的所有應(yīng)用程序，包括新應(yīng)用和應(yīng)用更新，在明年2月1日前必須針對iOS7 APP 優(yōu)化。

詳細閱讀：2014年蘋果公司將全面普及iOS7 APP和全套iOS7 GUI規(guī)范下載

在此，25學(xué)堂決定也適應(yīng)蘋果公司的發(fā)展，從單純的以價值為基礎(chǔ)的表有關(guān)的設(shè)計元素的大小對一個簡單的iOS7設(shè)計尺寸指南或是有價值的APP設(shè)計小炒報，應(yīng)該可以幫助讓你加快對iOS 7的應(yīng)用程序設(shè)計。

1、iOS7的分辨率和顯示規(guī)格尺寸大全

iOS7設(shè)計APP圖標尺寸規(guī)范（應(yīng)用程序圖標）

其中一個在iOS的7最大的變化是新的維度和用于應(yīng)用程序圖標的視覺語言。蘋果推出了網(wǎng)格系統(tǒng)，增加了圖標的大小一般在主屏幕上，也掩蓋圖標具有不同的形狀。

iOS7設(shè)計網(wǎng)格系統(tǒng)

蘋果開發(fā)的黃金比例的網(wǎng)格系統(tǒng)，可用于大小和對齊元素對你的圖標是正確的。不管怎樣，網(wǎng)格模板得到很多批評由設(shè)計界，就像設(shè)計師（甚至蘋果設(shè)計師）不繼網(wǎng)格系統(tǒng)很嚴格。自由的感覺如果你的圖標看起來更好，不考慮新的網(wǎng)格系統(tǒng)打破規(guī)則。

iOS7設(shè)計用戶界面的設(shè)計規(guī)范

在iOS 7最大的變化是所有新的平的用戶界面設(shè)計語言在整個操作系統(tǒng)使用。而幾乎所有的漸變和陰影從UI元素刪除，常用的設(shè)計元素的大小，在某些情況下，也改變了。

狀態(tài)欄

而在狀態(tài)欄的大小是一樣的iOS6??的，其內(nèi)容的外觀稍有改變。?您可以控制??背景顏色，以匹配您的應(yīng)用程序設(shè)計的外觀或使用默認顏色主題（白色和黑色）。?在很多默認的iOS 7的應(yīng)用程序時，狀態(tài)欄在視覺上的導(dǎo)航欄連接沒有任何分離。

導(dǎo)航欄

導(dǎo)航欄通常包括一個標題，以及基本的導(dǎo)航和操作按鈕（如返回上一視圖，創(chuàng)建，編輯，等等）。 在橫向的導(dǎo)航欄的高度通常是縮水位（到32點），以允許顯示更多的內(nèi)容在它下面。

表跟視圖

表（或列表），所使用的顯示器的整個寬度，現(xiàn)在不是由一個容器，該容器由彼此分離的表不再包圍。 不同的表視圖之間的唯一的視覺分離是其中的主要應(yīng)用背景紋理/顏色的頂部出現(xiàn)在桌子上（從以前的iOS版本未知）的頭條新聞。 一個表內(nèi)的數(shù)據(jù)項都以簡單1px的線，它具有15PT的一個邊緣到屏幕的左側(cè)，但是直接連接與屏幕右側(cè)的分離。 每個項目都有15PT的內(nèi)部填充到兩側(cè)。

iOS7設(shè)計常用字體設(shè)計規(guī)范

Helvetica Neue字體仍是iOS的默認字體，但是普通的文本通常是現(xiàn)在顯示在光的臉，而不是定期或粗體。?應(yīng)該顯得更突出的文字通常會顯示在介質(zhì)表面（如在導(dǎo)航欄的標題）。?當(dāng)然，還是有很多可以做的，而不是Helvetica Neue字體使用替代字體的面孔。?一般而言（并且可能是因為光的字體面的增加使用的）的字體大小增加為大多數(shù)設(shè)計元素。

讓我們回顧iOS6?APP界面設(shè)計指南|APP界面設(shè)計師必備信息圖