設(shè)計屬于創(chuàng)作，一般都是思維不受限制，甚至可以天馬行空。但是沒有規(guī)矩不成方圓，ui設(shè)計需要遵循一定的規(guī)范，才能使其成為用戶都能理解的設(shè)計產(chǎn)品。今天就讓faceui為大家介紹ui設(shè)計標準。

　　界面設(shè)計中關(guān)于尺寸的ui設(shè)計標準

　?。ㄒ唬┙缑娉叽缫?guī)范

　　1、界面尺寸大小是：750x1334px。

　　2、狀態(tài)欄(status bar)：就是電量條，其高度為：40px。

　　3、導(dǎo)航欄(navigation)：就是頂部條，其高度為：88px。

　　4、主菜單欄(submenu，tab)：就是標簽欄，底部條，其高度為：98px。

　　5、內(nèi)容區(qū)域(content)：就是屏幕中間的區(qū)域，其高度為：1334px-40px-88px-98px=1108px。

　?。ǘ﹫D標尺寸規(guī)范

　　1、導(dǎo)航欄和工具欄尺寸大小44x44px。

　　2、標簽欄尺寸大小75x75px。

　　3、導(dǎo)航欄的文字大小最大值是34-36px，標簽欄的圖標下方的文字大小為20px。

　　4、內(nèi)容區(qū)域的文字大小是：20px 24px，26px，28px，30px，32px，34px。

　　5、設(shè)置界面的圖標高度和開關(guān)滑動按鈕的高度：58px。

ui設(shè)計標準（圖片來自網(wǎng)絡(luò)）

　　（三）可點擊高度規(guī)范

　　統(tǒng)一成88px。88px是一個常用的設(shè)計尺寸。

　?。ㄋ模┧阉鳈诟叨纫?guī)范

　　搜索欄的高度，統(tǒng)一成58px。

　　（五）界面元素之間的距離規(guī)范

　　界面元素之間的常用距離，親密距離：20px；疏遠距離：30p x。

　　A、疏遠距離：比如，所有元素距離手機屏幕最左邊的距離。

　　B、親密距離：比如，左邊圖標與右邊文字之間的距離。

　　5.5英寸屏幕，1242x2208px-@3x的像素分辨率，邏輯分辨率是414x981px-@1x。物理尺寸是1080x1920px。這個物理尺寸，也是目前最流行的大屏設(shè)計稿尺寸。

　　ui設(shè)計標準中的字體

　　（一）兩種不同系統(tǒng)的字體

　　1、Android

　　在Android中，英文字體使用Roboto，中文字體使用Noto（思源黑體）。以前的設(shè)計中，中文字體主要是使用微軟雅黑，但微軟雅黑在界面中就顯得有點厚重、臃腫。Google聯(lián)合Adobe發(fā)布了「思源黑體」作為Android的默認中文字體，新的「思源黑體」不僅僅在字形上更易于在屏幕的閱讀，并且擁有7個字重，充分滿足了設(shè)計的需求。

　　2、iOS

　　在英文方面，蘋果加入了新的字體San Francisco，該字族包含了有兩個字體：為 iOS 和 OS X 設(shè)計的 SF，以及為 Watch OS 設(shè)計的 SF Compact ，而各自分為各自分為Text 和 Display，前者 6 個字重，后者 9 個（多了三個斜體）。

　　在中文方面，終于，iOS帶來了全新的「蘋方」，字形更加優(yōu)美，且在屏幕的顯示也更加清晰易讀，擁有6個字重，滿足了日常的設(shè)計和閱讀需求。

ui設(shè)計標準（圖片來自網(wǎng)絡(luò)）

　?。ǘ┪淖值拇笮∫?guī)范

　　1、Android

　　同時使用過多的字體尺寸和樣式可以很輕易的毀掉布局。字體排版的縮放是包含了有限個字體尺寸的集合，并且他們能夠良好的適應(yīng)布局結(jié)構(gòu)。最基本的樣式集合就是基于 12、14、16、20 和 34 號的字體排版縮放。這些尺寸和樣式在經(jīng)典應(yīng)用場合中讓內(nèi)容密度和閱讀舒適度取得平衡。

　　2、iOS

　　iOS的系統(tǒng)字體是San Francisco。該字體有兩個變種：SF UI Text （用于19pt及以下大小的文本）和SF UI Display（用于20pt及以上大小的文本）。當(dāng)你在標簽和其它界面元素應(yīng)用了系統(tǒng)字體時，iOS系統(tǒng)會根據(jù)字號自動選擇最合適的字體樣式。它還會根據(jù)需要自動改變字體，以滿足輔助性功能的設(shè)置。在iOS中，通常使用的字體大小就這么幾個：11pt、13pt、15pt、17pt、20pt。具體怎么使用并沒有限定死，但是最小的字不要小于11pt。

　　以上就是faceui為大家介紹的關(guān)于ui設(shè)計標準的相關(guān)內(nèi)容。當(dāng)然，ui設(shè)計標準的要求和內(nèi)容不止這兩種，在今后的了解過程中，faceui會帶著大家了解更多關(guān)于ui設(shè)計的相關(guān)內(nèi)容。