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

　　界面設計中關于尺寸的ui設計標準

　?。ㄒ唬┙缑娉叽缫幏?/span>

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

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

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

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

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

　?。ǘ﹫D標尺寸規范

　　1、導航欄和工具欄尺寸大小44x44px。

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

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

　　4、內容區域的文字大小是：20px 24px，26px，28px，30px，32px，34px。

　　5、設置界面的圖標高度和開關滑動按鈕的高度：58px。

ui設計標準（圖片來自網絡）

　?。ㄈ┛牲c擊高度規范

　　統一成88px。88px是一個常用的設計尺寸。

　　（四）搜索欄高度規范

　　搜索欄的高度，統一成58px。

　?。ㄎ澹┙缑嬖刂g的距離規范

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

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

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

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

　　ui設計標準中的字體

　?。ㄒ唬﹥煞N不同系統的字體

　　1、Android

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

　　2、iOS

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

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

ui設計標準（圖片來自網絡）

　?。ǘ┪淖值拇笮∫幏?/span>

　　1、Android

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

　　2、iOS

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

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