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

2023-11-10 17:18:24 來源/作者: / 己有:1人學(xué)習(xí)過

 

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

 

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

 

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

 

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

 

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

 

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

 

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

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

 

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

 

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

 

嗯,終于看上去有那么點意思了。

 

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

 

 

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

 

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

 

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

 

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

 

UI中有大量的信息來源。

 

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

 

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