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

影響UI設(shè)計結(jié)果的因素

(一)視覺尺?篇

并不想寫一個類似軟件使用說明書的UI制作范例，同樣是設(shè)計UI元件，所以選擇了另一種角度作為切入點(diǎn)，講述一下UI的設(shè)計取選過程吧。

人機(jī)互交里，最重要的部分，是信息傳達(dá)。當(dāng)你眼睛所見信息越少，你判斷信息的效率就越高。而在UI設(shè)計工作里，首要的是信息傳達(dá)效率，其次是信息傳達(dá)次序最后才是審美需求。

我們先擬定一個命題：比如做一個放大鏡的UI元件

多數(shù)人都可能認(rèn)為我交出這么一個稿子，會被直接否掉，原因就是太簡單，太單調(diào)了。但是這種命題練習(xí)的命題內(nèi)容并不完善，如果這是為手機(jī)搜索條做提示用的UI元件。那么它就很適合——

對比清晰，辨識方便，它的尺寸，可以做得足夠小，這種元件沒有操作需求，僅僅是提示用，所以，只要肉眼辨識不困難，可以要多小就多小。順便說一下，為什么手把的傾斜角度是45度？因為在像素矩陣?yán)?，?dāng)你要去放大縮小的時候，45度可以排列出最規(guī)整的直線，最不易變形。如果圖片不是用程序縮放的時候，也最容易匹配。

在視覺引導(dǎo)范圍里，信息傳遞的效率不僅僅受信息的繁復(fù)程度影響，也有其他影響因素，例如：尺寸。尺寸過小，辨識不容易，尺寸過大，不能一眼辨識主要信息，也影響辨識效率。

那么在UI里，最小和最大尺寸應(yīng)該是多少呢？

最小尺寸參考，請低頭看一下你的鍵盤按鈕和按鈕上的字母大小，這是經(jīng)過工程設(shè)計師精密計算的，一臂長辨識最優(yōu)尺寸。再小就會產(chǎn)生辨識困難，你就需要花時間去分辨了。

所以在UI設(shè)計工作中，你先要明確你的設(shè)計是為哪種硬件服務(wù)的，電腦顯示器的操作距離就是一臂長以內(nèi)，其尺寸可以直接參考鍵盤按鈕大小。而手持設(shè)備基本都是半臂距離，那么最小尺寸就是四分之一鍵盤按鈕大小。