UI知識，尺寸對UI設(shè)計的影響

當(dāng)然這是一個相對模糊的標(biāo)準(zhǔn)，因為目前市場上硬件尺寸不同、解析度不同，同時還有智能電視等遠(yuǎn)距離觀看設(shè)備，從而無法用像素級別來確立精準(zhǔn)的大小標(biāo)準(zhǔn)。所以建議同學(xué)們經(jīng)常留心體會一下常用物品的尺寸（這里的尺寸不是像素尺寸，而是實(shí)際的感官尺寸）。

那么再說最大尺寸：最大尺寸基本沒有設(shè)計師會違規(guī)操作，因為UI設(shè)計里寸土寸金，相信很少有人會去制作超比例尺寸的UI原件，最多是構(gòu)圖偏大。構(gòu)圖是以后的講述內(nèi)容，所以今天先放一放。

以上的內(nèi)容講述的基本都是視覺尺寸，而說到像素尺寸，隨著硬件的發(fā)展，解析度的提高，設(shè)備的使用距離變化，UI的像素尺寸，其實(shí)越來越貼近人的視覺辨識尺寸和操作尺寸，而不再像原來一樣，16*16／32*32／64*64那種標(biāo)準(zhǔn)尺寸了，這算是技術(shù)給設(shè)計帶來的新課題吧。

不過請記住，無論你使用什么尺寸去繪制UI最好遵守一條規(guī)則：所有圖片尺寸數(shù)均為偶數(shù)，因為在像素矩陣?yán)?，奇?shù)的圖片縮放形損相對會更加嚴(yán)重。

我們來復(fù)雜化一下剛才那個放大鏡，簡單的增加一些細(xì)節(jié)：

與之前相比，其實(shí)區(qū)別不大，但是這種方式，比純面片細(xì)節(jié)可以更多一點(diǎn)，很多物品只靠剪影是很難區(qū)分的，所以線性的方式，能提供的信息更多，更精準(zhǔn)，但是適用的尺寸，可能就要更大一點(diǎn)了，因為以像素為單位去構(gòu)成線型是有極限的。

在同樣縮放的條件下，細(xì)節(jié)越多，越難以辨識。所以當(dāng)你去制作越小尺寸的UI原件的時候，就越需要簡單“粗”暴。

嗯，終于看上去有那么點(diǎn)意思了。

比之前復(fù)雜，并不等于比之前高端，UI原件的視覺尺寸增加的時候，可承載的細(xì)節(jié)也可以增加，原則就是，不能超過視覺辨識度。

在相同尺寸下，可承載的細(xì)節(jié)是有限的，精細(xì)化原件內(nèi)容還是的根據(jù)實(shí)際尺寸來定奪。

為什么很多元件下面都有邊框？

UI中有大量的信息來源。

在沒有邊框的情況下，元件不可能都整齊劃一，這等于復(fù)雜了視覺信息，降低了信息傳達(dá)的效率。圖標(biāo)本身其實(shí)已經(jīng)很簡單了，但是因為都集中在一起，信息量還是比較復(fù)雜的，你只要稍微看久一點(diǎn)，就會有視覺疲勞，分辨信息效率會越來越慢。