iOS7設(shè)計(jì)尺寸最新分享和iOS7設(shè)計(jì)規(guī)范小炒報(bào)

自從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ì)尺寸最新分享

 

 

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ì)圖標(biāo)尺寸最新分享

 

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

IconGrid

蘋果開發(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ì)元素的大小,在某些情況下,也改變了。

ios7-狀態(tài)欄設(shè)計(jì)規(guī)范

 

狀態(tài)欄

StatusBarPortraitWhite

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

導(dǎo)航欄

NavBarPortrait

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

 

表跟視圖

Tables

表(或列表),所使用的顯示器的整個(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ì)元素。

ios7字體設(shè)計(jì)規(guī)范

 

 

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

appdesign12013年,APP界面設(shè)計(jì)已經(jīng)越來越受到大家的關(guān)注和熱捧!作為一個(gè)接觸APP界面設(shè)計(jì)的老鳥,網(wǎng)站設(shè)計(jì)師們。一定得記?。河脩趔w驗(yàn)設(shè)計(jì)放在首位! 信息圖:移動端APP設(shè)計(jì)指南 APP界面設(shè)計(jì)指南|APP界面設(shè)計(jì)師必備信息圖 ? ? 擴(kuò)展閱讀: 蘋果iphone APP界面設(shè)計(jì)尺寸官方版

每天更新,
全站高品質(zhì)素材免費(fèi)下載!