正所謂沒有規(guī)矩不成方圓，ui設(shè)計也需要遵循一定的規(guī)范，才能使其成為用戶都能認(rèn)可的設(shè)計產(chǎn)品，下面為大家總結(jié)了ui設(shè)計尺寸規(guī)范，希望對學(xué)習(xí)ui設(shè)計的小伙伴有所幫助。
（一）界面尺寸規(guī)范
1、界面尺寸大小是：750x1334px。
2、狀態(tài)欄(status bar)：就是電量條，其高度為：40px。
3、導(dǎo)航欄(navigation)：就是頂部條，其高度為：88px。
4、主菜單欄(submenu，tab)：就是標(biāo)簽欄，底部條，其高度為：98px。
5、內(nèi)容區(qū)域(content)：就是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px。
（二）圖標(biāo)尺寸規(guī)范
1、導(dǎo)航欄和工具欄尺寸大小44x44px。
2、標(biāo)簽欄尺寸大小75x75px。
3、導(dǎo)航欄的文字大小最大值是34-36px，標(biāo)簽欄的圖標(biāo)下方的文字大小為20px。
4、內(nèi)容區(qū)域的文字大小是：20px 24px，26px，28px，30px，32px，34px。
5、設(shè)置界面的圖標(biāo)高度和開關(guān)滑動按鈕的高度：58px。
（三）可點(diǎn)擊高度規(guī)范
統(tǒng)一成88px。88px是一個常用的設(shè)計尺寸。
（四）搜索欄高度規(guī)范
搜索欄的高度，統(tǒng)一成58px。
（五）界面元素之間的距離規(guī)范
界面元素之間的常用距離，親密距離：20px；疏遠(yuǎn)距離：30p x。
A、疏遠(yuǎn)距離：比如，所有元素距離手機(jī)屏幕最左邊的距離。
B、親密距離：比如，左邊圖標(biāo)與右邊文字之間的距離。
5.5英寸屏幕，1242x2208px-@3x的像素分辨率，邏輯分辨率是414x981px-@1x。物理尺寸是1080x1920px。這個物理尺寸，也是目前最流行的大屏設(shè)計稿尺寸。
本文由培訓(xùn)無憂網(wǎng)長沙牛耳教育專屬課程顧問老師整理發(fā)布，更多相關(guān)課程請關(guān)注培訓(xùn)無憂網(wǎng)UI培訓(xùn)或添加老師微信：15033336050
以上文章由長沙牛耳教育課程顧問整理編輯發(fā)布，部分文章來自網(wǎng)絡(luò)內(nèi)容真實(shí)性請自行核實(shí)或聯(lián)系我們，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請試課。關(guān)注官方微信了解更多：150 3333 6050
免 費(fèi) 申 請 試 課
