自從iOS 7的發(fā)布,APP設(shè)計(jì)人員和APP開發(fā)人員將需要調(diào)整自己的視覺語言來匹配的iOS的新的“扁平化”的設(shè)計(jì)。除了網(wǎng)格系統(tǒng),圖標(biāo)和常用元素,排版和圖像學(xué)的維度已經(jīng)在許多方面更新的蘋果。加上2013年12月份蘋果公司發(fā)布了通告。要求開發(fā)者向App Store應(yīng)用店提交的所有應(yīng)用程序,包括新應(yīng)用和應(yīng)用更新,在明年2月1日前必須針對iOS7 APP 優(yōu)化。
詳細(xì)閱讀:2014年蘋果公司將全面普及iOS7 APP和全套iOS7 GUI規(guī)范下載
在此,25學(xué)堂決定也適應(yīng)蘋果公司的發(fā)展,從單純的以價(jià)值為基礎(chǔ)的表有關(guān)的設(shè)計(jì)元素的大小對一個(gè)簡單的iOS7設(shè)計(jì)尺寸指南或是有價(jià)值的APP設(shè)計(jì)小炒報(bào),應(yīng)該可以幫助讓你加快對iOS 7的應(yīng)用程序設(shè)計(jì)。
1、iOS7的分辨率和顯示規(guī)格尺寸大全
iOS7設(shè)計(jì)APP圖標(biāo)尺寸規(guī)范(應(yīng)用程序圖標(biāo))
其中一個(gè)在iOS的7最大的變化是新的維度和用于應(yīng)用程序圖標(biāo)的視覺語言。蘋果推出了網(wǎng)格系統(tǒng),增加了圖標(biāo)的大小一般在主屏幕上,也掩蓋圖標(biāo)具有不同的形狀。
iOS7設(shè)計(jì)網(wǎng)格系統(tǒng)
蘋果開發(fā)的黃金比例的網(wǎng)格系統(tǒng),可用于大小和對齊元素對你的圖標(biāo)是正確的。不管怎樣,網(wǎng)格模板得到很多批評由設(shè)計(jì)界,就像設(shè)計(jì)師(甚至蘋果設(shè)計(jì)師)不繼網(wǎng)格系統(tǒng)很嚴(yán)格。自由的感覺如果你的圖標(biāo)看起來更好,不考慮新的網(wǎng)格系統(tǒng)打破規(guī)則。
iOS7設(shè)計(jì)用戶界面的設(shè)計(jì)規(guī)范
在iOS 7最大的變化是所有新的平的用戶界面設(shè)計(jì)語言在整個(gè)操作系統(tǒng)使用。而幾乎所有的漸變和陰影從UI元素刪除,常用的設(shè)計(jì)元素的大小,在某些情況下,也改變了。
狀態(tài)欄
而在狀態(tài)欄的大小是一樣的iOS6??的,其內(nèi)容的外觀稍有改變。?您可以控制??背景顏色,以匹配您的應(yīng)用程序設(shè)計(jì)的外觀或使用默認(rèn)顏色主題(白色和黑色)。?在很多默認(rèn)的iOS 7的應(yīng)用程序時(shí),狀態(tài)欄在視覺上的導(dǎo)航欄連接沒有任何分離。
導(dǎo)航欄
導(dǎo)航欄通常包括一個(gè)標(biāo)題,以及基本的導(dǎo)航和操作按鈕(如返回上一視圖,創(chuàng)建,編輯,等等)。 在橫向的導(dǎo)航欄的高度通常是縮水位(到32點(diǎn)),以允許顯示更多的內(nèi)容在它下面。
表跟視圖
表(或列表),所使用的顯示器的整個(gè)寬度,現(xiàn)在不是由一個(gè)容器,該容器由彼此分離的表不再包圍。 不同的表視圖之間的唯一的視覺分離是其中的主要應(yīng)用背景紋理/顏色的頂部出現(xiàn)在桌子上(從以前的iOS版本未知)的頭條新聞。 一個(gè)表內(nèi)的數(shù)據(jù)項(xiàng)都以簡單1px的線,它具有15PT的一個(gè)邊緣到屏幕的左側(cè),但是直接連接與屏幕右側(cè)的分離。 每個(gè)項(xiàng)目都有15PT的內(nèi)部填充到兩側(cè)。
iOS7設(shè)計(jì)常用字體設(shè)計(jì)規(guī)范
Helvetica Neue字體仍是iOS的默認(rèn)字體,但是普通的文本通常是現(xiàn)在顯示在光的臉,而不是定期或粗體。?應(yīng)該顯得更突出的文字通常會顯示在介質(zhì)表面(如在導(dǎo)航欄的標(biāo)題)。?當(dāng)然,還是有很多可以做的,而不是Helvetica Neue字體使用替代字體的面孔。?一般而言(并且可能是因?yàn)楣獾淖煮w面的增加使用的)的字體大小增加為大多數(shù)設(shè)計(jì)元素。
讓我們回顧iOS6?APP界面設(shè)計(jì)指南|APP界面設(shè)計(jì)師必備信息圖
全站高品質(zhì)素材免費(fèi)下載!