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

來(lái)源:站酷 作者:鐵木士 學(xué)習(xí):4350人次

 

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

 

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

 

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

 

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

 

人最先看到的是占視覺(jué)面積最大的部分,但是最容易觀察到的,確是最不同的最小部分。所以為了便于用戶區(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ì)的影響

 

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

 

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

 

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

 

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

 

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

學(xué)習(xí) · 提示

  • 一定要打開(kāi)PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問(wèn):新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
暫無(wú)評(píng)論,交個(gè)作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!