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

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

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

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

不過請(qǐng)記住，無(wú)論你使用什么尺寸去繪制UI最好遵守一條規(guī)則：所有圖片尺寸數(shù)均為偶數(shù)，因?yàn)樵谙袼鼐仃嚴(yán)?，奇?shù)的圖片縮放形損相對(duì)會(huì)更加嚴(yán)重。

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

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

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

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

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

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

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

UI中有大量的信息來(lái)源。

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