現(xiàn)在的ui設(shè)計也是非常重要，畢竟關(guān)于所有智能設(shè)備都是需要做ui設(shè)計，那么ui設(shè)計界面尺寸如何規(guī)范？常見的ui界面布局有哪些？接下來就讓faceui給大家?guī)硪幌玛P(guān)于ui設(shè)計界面基本常識。

　　常見的ui界面布局有哪些

　　1、列表式布局

　　列表類布局是在界面中以列表形式展示各條信息的布局形式。常見的列表類布局有通訊類、電商類、新聞自媒體類、應(yīng)用下載類等APP軟件，一般在功能上以多種選擇為主，通過滑動列表來瀏覽各條信息。其展示效果層次清晰瀏覽方便。

　　ui設(shè)計界面尺寸如何規(guī)范

　　2、陳列式布局

　　陳列類界面UI設(shè)計常用圖標(biāo)或圖片的形式作出展示，常見的陳列類APP有電商類、金融類等APP。以電商類為例，商品搜索過程中通過商品圖片及基礎(chǔ)信息的羅列展示，而且商品過多通過陳列展示，滑動瀏覽更方便用戶操作及查看信息。

　　3、九宮格布局

　　九宮格布局通常將圖標(biāo)或圖片以橫向三個縱向多個的形式展現(xiàn)出來，一般展現(xiàn)APP功能或分類。整體數(shù)量不多趨于固定，橫向三個方便瀏覽，縱向多個方便擴(kuò)展及滑動。通過簡潔的界面展現(xiàn)出常用功能及常用導(dǎo)航選擇。

　　4、彈出式布局

　　彈出式布局在界面中應(yīng)用一般在廣告或品類選擇中常見。彈出廣告不多介紹，對于品類選擇的彈出一般在電商類APP通過彈出選項卡做進(jìn)行商品類型選擇等。常用的彈出界面以輔助功能為主方便用戶操作。

　　5、選項卡布局

　　選項卡布局一般通過圖片做選項內(nèi)容，然后選項卡下方有固定的圖片信息。常見的有電影票類APP、電商類APP常見，通過圖片對內(nèi)容的展示，下方寫明具體細(xì)節(jié)等等。或用選項卡圖片做產(chǎn)品展示，下方用文字進(jìn)行細(xì)節(jié)描述等。

　　6、多界面布局

　　部分功能豐富的APP界面布局也比較豐富，通過功能導(dǎo)航然后分為多界面進(jìn)行布局，各個界面中也可以做采用多種形式結(jié)合，根據(jù)各個界面功能或展示內(nèi)容選擇不同的布局形式。

　　ui設(shè)計界面尺寸如何規(guī)范

　　UI尺寸基礎(chǔ)知識：

　　1、像素密度-PPI

　　像素密度是指顯示屏幕每英寸的長度上排列的像素點數(shù)量，PPI（Pixels per inch）越高代表屏幕顯示效果越精細(xì)，Retina屏比普通屏清晰很多，就是因為它的像素密度翻了一倍。

　　2、計量單位

　　iOS和Android平臺都定義了各自的像素計量單位。iOS的尺寸單位為pt，Android的尺寸單位為dp。說實話，兩者其實是一回事。

　　單位之間的換算關(guān)系隨倍率變化：

　　1倍：1pt=1dp=1px（mdpi、iPhone 3gs）；

　　1.5倍：1pt=1dp=1.5px（hdpi）；

　　2倍：1pt=1dp=2px（xhdpi、iPhone 4s/5/6）；

　　3倍：1pt=1dp=3px（xxhdpi、iPhone 6）；

　　4倍：1pt=1dp=4px（xxxhdpi）；

　　ui設(shè)計界面尺寸如何規(guī)范

　　單位決定了我們的思考方式。在設(shè)計和開發(fā)過程中，應(yīng)該盡量使用邏輯像素尺寸來思考界面。設(shè)計Android應(yīng)用時，有的設(shè)計師喜歡把畫布設(shè)為1080×1920，有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點擊區(qū)域尺寸是48x48dp，這就意味著在xhdpi的設(shè)備上，按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上，則是144x144px。

　　無論畫布設(shè)成多大，我們設(shè)計的是基準(zhǔn)倍率的界面樣式，而且開發(fā)人員需要的單位都是邏輯像素。所以為了保證準(zhǔn)確高效的溝通，雙方都需要以邏輯像素尺寸來描述和理解界面，無論是在標(biāo)注圖還是在日常溝通中。不要再說“底部標(biāo)簽欄的高度是96像素，我是按照xhdpi做的”這樣的話了。

　　ui設(shè)計界面尺寸如何規(guī)范？以上就是faceui給大家解答的相關(guān)的問題，如果你對這方面感興趣的話，可以找faceui來我你服務(wù)吧。