app頁面設計尺寸比例(app頁面設計尺寸比例是多少)
對圖標尺寸進行分類整理,便于界面整體調(diào)一致第三部分android的按鈕和彈出層的設計規(guī)范參考在720 x 1280 px 的設計稿上,有兩個按鈕比如登錄注冊并排一行放置,按鈕尺寸最小范圍均為240 x 80 px ,換算為android開發(fā)單位就是 120 x 40 dp Android APP設計字體單位 Sp 與 Px 的換算。
app設計尺寸非常多,目前針對各個機型又有各種的推薦方案,首先規(guī)范這個東西是一個參考值,也就是所謂的經(jīng)驗參數(shù)具體可以和前端工程師共同商議 下面有繪制的一張圖可以作為參考這個過程中請搞清楚倍圖的關系 1倍2倍3倍如何切換,目前已經(jīng)有iPhone12出來,尺寸又有了新變化,學習一下目前前端使用的適配。
1蘋果iOS版本的iphone APP UI設計尺寸規(guī)范2Andriod 版本的APP UI設計尺寸規(guī)范 主流的手機設計尺寸460*800 px 1280*720 px 設計版本是1280*720 px 視覺設計師通常在480x800px下進行設覺設計,然后進行適配HVGA320×480等我們設計稿的尺寸是選最大的 1280*720來設計然后按照常用的。
iPhone的APP界面一般由四個元素組成,分別是狀態(tài)欄導航欄主菜單欄以及中間的內(nèi)容區(qū)域 這里取用 640×960 的尺寸設計,那我們就說說在這個尺寸下這些元素的尺寸 狀態(tài)欄就是我們經(jīng)常說的信號運營商電量等顯示手機狀態(tài)的區(qū)域,其高度為40 px 導航欄顯示當前界面的名稱,包含相應的功能或者頁面間跳轉的按。
手機端網(wǎng)頁就沒有統(tǒng)一標準了,比較流行的做法是按照iPhone 5的尺寸來設計倍率2,邏輯像素320乘以568這樣的做法比較實在,倍率2的屏幕無論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的所以圖片的尺寸可以保持在較小的水平,頁面加載速度快當然,缺點就是在倍率3的設備上看。
在iOS設計中,主流尺寸推薦使用375 * 667像素,導出切圖時使用@2x和@3x,即原尺寸的2倍和3倍圖目前,大部分設備采用750*1334px的分辨率,但考慮到小分辨率已不多見,375 * 667尺寸仍然適用在Android設計中,以160 DPI屏幕的1倍圖為基礎,常用尺寸有720 * 12802倍圖和1080 * 19203倍。
掃描二維碼推送至手機訪問。
版權聲明:本文由飛速云SEO網(wǎng)絡優(yōu)化推廣發(fā)布,如需轉載請注明出處。