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

2023-11-03 17:30:10 來源/作者: / 己有:2人學(xué)習(xí)過

 

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

 

人眼在識(shí)別視覺信息的時(shí)候,首先做的第一件事就是只辨識(shí)相同形狀,所以增加了底板之后,雖然降低了識(shí)別效率,但是圖標(biāo)內(nèi)容的識(shí)別變得更獨(dú)立了。你很難同時(shí)去注意兩個(gè)圖標(biāo)內(nèi)容。降低視覺信息讀取量,等于增加了視覺耐受性,你可以看的更久。

 

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

 

利用人的視覺習(xí)慣,去有目的的引導(dǎo)用戶信息讀取次序,就是所謂的視覺引導(dǎo)了。

 

人最先看到的是占視覺面積最大的部分,但是最容易觀察到的,確是最不同的最小部分。所以為了便于用戶區(qū)別信息,UI中,才會(huì)出現(xiàn)多態(tài)按鈕,多態(tài)邊框。

 

提示關(guān)注的方法有很多:

 

色彩明暗區(qū)別

 

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

 

形狀區(qū)別

 

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

 

可視面積對(duì)比

 

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

 

當(dāng)你希望極度引起用戶注意的時(shí)候,你使用的方法可能是綜合而多樣的。

 

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

 

這種看起來就精致很多了吧?可能很多人更關(guān)心的是這種效果是怎么做出來的 ,那是以后的問題,有時(shí)間我可以像軟件使用說明書一樣去記錄一個(gè)商用矢量的效果。

 

這種相對(duì)復(fù)雜元件,實(shí)際上在UI里并不多,細(xì)節(jié)豐富,等于不太可能做非常小的尺寸,而UI的構(gòu)圖設(shè)計(jì)里,能給這類元件發(fā)揮空間的地方,多是展示區(qū)域。

 

視覺尺寸決定你工作的內(nèi)容繁復(fù)程度,信息傳遞的效率雖然最重要,但是也是最容易被割舍的部分,引導(dǎo)用戶的層級(jí)往往反客為主,成為決定你設(shè)計(jì)構(gòu)圖的主要因素。怎么在有限的尺寸下,權(quán)衡信息效率與視覺美觀的平衡點(diǎn),是設(shè)計(jì)功力的一種體現(xiàn)吧。

 

根據(jù)實(shí)際硬件條件,功能需求,信息層級(jí),操作體驗(yàn)等有限條件下,去合理調(diào)控功能與視覺的平衡點(diǎn),才是UI設(shè)計(jì)師的本質(zhì)工作。

 

今天就談到這里,希望大家在工作中能意識(shí)到尺寸的重要性,從功能的角度更有效率的完成每一份工作。