對圖標(biāo)尺寸進(jìn)行分類整理，便于界面整體調(diào)一致第三部分android的按鈕和彈出層的設(shè)計規(guī)范參考在720 x 1280 px 的設(shè)計稿上，有兩個按鈕比如登錄注冊并排一行放置，按鈕尺寸最小范圍均為240 x 80 px ，換算為android開發(fā)單位就是 120 x 40 dp Android APP設(shè)計字體單位 Sp 與 Px 的換算。

app設(shè)計尺寸非常多，目前針對各個機(jī)型又有各種的推薦方案，首先規(guī)范這個東西是一個參考值，也就是所謂的經(jīng)驗參數(shù)具體可以和前端工程師共同商議 下面有繪制的一張圖可以作為參考這個過程中請搞清楚倍圖的關(guān)系 1倍2倍3倍如何切換，目前已經(jīng)有iPhone12出來，尺寸又有了新變化，學(xué)習(xí)一下目前前端使用的適配。

1蘋果iOS版本的iphone APP UI設(shè)計尺寸規(guī)范2Andriod 版本的APP UI設(shè)計尺寸規(guī)范 主流的手機(jī)設(shè)計尺寸460*800 px 1280*720 px 設(shè)計版本是1280*720 px 視覺設(shè)計師通常在480x800px下進(jìn)行設(shè)覺設(shè)計，然后進(jìn)行適配HVGA320×480等我們設(shè)計稿的尺寸是選最大的 1280*720來設(shè)計然后按照常用的。

iPhone的APP界面一般由四個元素組成，分別是狀態(tài)欄導(dǎo)航欄主菜單欄以及中間的內(nèi)容區(qū)域 這里取用 640×960 的尺寸設(shè)計，那我們就說說在這個尺寸下這些元素的尺寸 狀態(tài)欄就是我們經(jīng)常說的信號運營商電量等顯示手機(jī)狀態(tài)的區(qū)域，其高度為40 px 導(dǎo)航欄顯示當(dāng)前界面的名稱，包含相應(yīng)的功能或者頁面間跳轉(zhuǎn)的按。

手機(jī)端網(wǎng)頁就沒有統(tǒng)一標(biāo)準(zhǔn)了，比較流行的做法是按照iPhone 5的尺寸來設(shè)計倍率2，邏輯像素320乘以568這樣的做法比較實在，倍率2的屏幕無論在iOS還是Android方面都是主流，而且又是2倍屏幕中邏輯像素最小的所以圖片的尺寸可以保持在較小的水平，頁面加載速度快當(dāng)然，缺點就是在倍率3的設(shè)備上看。

在iOS設(shè)計中，主流尺寸推薦使用375 * 667像素，導(dǎo)出切圖時使用@2x和@3x，即原尺寸的2倍和3倍圖目前，大部分設(shè)備采用750*1334px的分辨率，但考慮到小分辨率已不多見，375 * 667尺寸仍然適用在Android設(shè)計中，以160 DPI屏幕的1倍圖為基礎(chǔ)，常用尺寸有720 * 12802倍圖和1080 * 19203倍。