沒有規(guī)矩不成方圓，任何行業(yè)也都是如此。雖然創(chuàng)意可以天馬行空，但是設(shè)計還是要有一定的規(guī)范。在如今的app設(shè)計中，對ui設(shè)計就有一定的要求和標(biāo)準(zhǔn)。今天就讓faceui為大家介紹app ui設(shè)計規(guī)范。

　　有哪些app ui設(shè)計規(guī)范

　　app ui設(shè)計規(guī)范，這里的設(shè)計不是說視覺效果上的美化設(shè)計，而是一些如尺寸、間距、布局、比例、適配性方面的設(shè)計規(guī)范。雖然乍看都是小細節(jié)的東西，但作為一個合格的UI設(shè)計師，就是要在糾結(jié)每個像素單位的過程中練成像素眼來打造出一個合格的界面產(chǎn)品，差一點也許一般人分辨不出來，但一定會不同程度影響到一款產(chǎn)品的設(shè)計專業(yè)度，進而影響用戶體驗。

　　1、尺寸

　　能一稿多版本適用肯定是最好的，而且現(xiàn)在有很多實用的切圖工具幫助我們解決了很多適配的問題。很多設(shè)計師都是習(xí)慣用750*1334作為設(shè)計尺寸。這個中間尺寸向下可以適配640x1136px，向上可以適配1242x2208px和750x1624px／1125x2436px。

　　但要特別注意：狀態(tài)欄的高度要由原來的40px變成了88px，另外底部要預(yù)留68px的主頁指示器的位置。

　　界面中各種欄（狀態(tài)欄、導(dǎo)航欄、標(biāo)簽欄、工具欄）的高度尺寸規(guī)定，這個是必須遵守的。

app ui設(shè)計規(guī)范（圖片來自網(wǎng)絡(luò)）

　　2、界面圖片比例

　　其實關(guān)于圖片的比例并沒有個很統(tǒng)一的規(guī)范，可能有些設(shè)計師也是憑感覺或者通過借鑒行業(yè)知名APP的尺寸來進行設(shè)計。但其實可以有更科學(xué)的方法來進行自主尺寸確定。

　　常見的圖片尺寸有16:9、4:3、3:2、2:1、1:1和1:0.618（黃金比例）等。

　　3、字體使用規(guī)范

　　APP中字號范圍一般在20-36之間（@2x），所有的字號設(shè)置都必須為偶數(shù)，上下級內(nèi)容字號極差關(guān)系為2-4號。

　　字體的顏色設(shè)置一般很少用純黑色，一般用深灰色和淺灰色、細體和粗體（注意要用字體本身的字重，不能用PS的加粗功能）來區(qū)分重要信息和次要信息，進行信息層級的劃分。

　　4、內(nèi)部設(shè)計

　　所有能點擊的圖片不得小于44px（Retina需要88px）；單獨存在的部件必須是雙數(shù)尺寸；兩倍圖以@2x作為命名后綴；充分考慮每個控制按鈕在4中狀態(tài)下的樣式。

app ui設(shè)計規(guī)范（圖片來自網(wǎng)絡(luò)）

　　app ui設(shè)計規(guī)范的意義

　　1、多人協(xié)作時控件混亂問題

　　在創(chuàng)作階段設(shè)計其他頁面時，如果沒有規(guī)范來指導(dǎo)，設(shè)計過程中很容易產(chǎn)生細微的出入，導(dǎo)致每個控件都會有細微的差別，經(jīng)常會做著做著就出現(xiàn)控件不一致的問題，乳溝一直埋頭苦干趕頁面，沒檢查出問題，頁面做的越來越多錯誤就越來越多，會導(dǎo)致大大增加返工率。

　　2、增加開發(fā)效率

　　程序猿從視覺規(guī)范中了解到哪些控件可以一次性寫好并且能重復(fù)使用。在規(guī)范的輔助下，程序猿在搭建元素時規(guī)則更加清晰明了，比如按鈕，字體大小、顏色值等等。

　　3、解決產(chǎn)品在迭代中出現(xiàn)的問題

　　產(chǎn)品在迭代過程中，往往是小版本進行幾個功能的迭代比較多，如果沒有做規(guī)范，在多次迭代中會忘記設(shè)計的初衷，讓產(chǎn)品控件混亂。規(guī)范能使中保持產(chǎn)品特性，增加了用戶使用認(rèn)知，不同程度有效提升用戶體驗。

　　以上就是faceui為大家介紹的關(guān)于app ui設(shè)計規(guī)范的相關(guān)內(nèi)容。由此可見，在app設(shè)計中，ui設(shè)計者可以加入自己的創(chuàng)意和想法，但是在設(shè)計的時候還是要遵照一定的規(guī)范，畢竟你設(shè)計出來是要供大家使用的。