UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響(3)
人眼在識(shí)別視覺(jué)信息的時(shí)候,首先做的第一件事就是只辨識(shí)相同形狀,所以增加了底板之后,雖然降低了識(shí)別效率,但是圖標(biāo)內(nèi)容的識(shí)別變得更獨(dú)立了。你很難同時(shí)去注意兩個(gè)圖標(biāo)內(nèi)容。降低視覺(jué)信息讀取量,等于增加了視覺(jué)耐受性,你可以看的更久。
利用人的視覺(jué)習(xí)慣,去有目的的引導(dǎo)用戶信息讀取次序,就是所謂的視覺(jué)引導(dǎo)了。
人最先看到的是占視覺(jué)面積最大的部分,但是最容易觀察到的,確是最不同的最小部分。所以為了便于用戶區(qū)別信息,UI中,才會(huì)出現(xiàn)多態(tài)按鈕,多態(tài)邊框。
提示關(guān)注的方法有很多:
色彩明暗區(qū)別
形狀區(qū)別
可視面積對(duì)比
當(dāng)你希望極度引起用戶注意的時(shí)候,你使用的方法可能是綜合而多樣的。
這種看起來(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í)到尺寸的重要性,從功能的角度更有效率的完成每一份工作。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 設(shè)計(jì)
- UI知識(shí)
- 尺寸
- 結(jié)果
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- Photoshop初級(jí)教程-命令的技巧
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示