UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
影響UI設(shè)計(jì)結(jié)果的因素
(一)視覺(jué)尺?篇
并不想寫(xiě)一個(gè)類(lèi)似軟件使用說(shuō)明書(shū)的UI制作范例,同樣是設(shè)計(jì)UI元件,所以選擇了另一種角度作為切入點(diǎn),講述一下UI的設(shè)計(jì)取選過(guò)程吧。
人機(jī)互交里,最重要的部分,是信息傳達(dá)。當(dāng)你眼睛所見(jiàn)信息越少,你判斷信息的效率就越高。而在UI設(shè)計(jì)工作里,首要的是信息傳達(dá)效率,其次是信息傳達(dá)次序最后才是審美需求。
我們先擬定一個(gè)命題:比如做一個(gè)放大鏡的UI元件
多數(shù)人都可能認(rèn)為我交出這么一個(gè)稿子,會(huì)被直接否掉,原因就是太簡(jiǎn)單,太單調(diào)了。但是這種命題練習(xí)的命題內(nèi)容并不完善,如果這是為手機(jī)搜索條做提示用的UI元件。那么它就很適合——
對(duì)比清晰,辨識(shí)方便,它的尺寸,可以做得足夠小,這種元件沒(méi)有操作需求,僅僅是提示用,所以,只要肉眼辨識(shí)不困難,可以要多小就多小。順便說(shuō)一下,為什么手把的傾斜角度是45度?因?yàn)樵谙袼鼐仃嚴(yán)?,?dāng)你要去放大縮小的時(shí)候,45度可以排列出最規(guī)整的直線,最不易變形。如果圖片不是用程序縮放的時(shí)候,也最容易匹配。
在視覺(jué)引導(dǎo)范圍里,信息傳遞的效率不僅僅受信息的繁復(fù)程度影響,也有其他影響因素,例如:尺寸。尺寸過(guò)小,辨識(shí)不容易,尺寸過(guò)大,不能一眼辨識(shí)主要信息,也影響辨識(shí)效率。
那么在UI里,最小和最大尺寸應(yīng)該是多少呢?
最小尺寸參考,請(qǐng)低頭看一下你的鍵盤(pán)按鈕和按鈕上的字母大小,這是經(jīng)過(guò)工程設(shè)計(jì)師精密計(jì)算的,一臂長(zhǎng)辨識(shí)最優(yōu)尺寸。再小就會(huì)產(chǎn)生辨識(shí)困難,你就需要花時(shí)間去分辨了。
所以在UI設(shè)計(jì)工作中,你先要明確你的設(shè)計(jì)是為哪種硬件服務(wù)的,電腦顯示器的操作距離就是一臂長(zhǎng)以?xún)?nèi),其尺寸可以直接參考鍵盤(pán)按鈕大小。而手持設(shè)備基本都是半臂距離,那么最小尺寸就是四分之一鍵盤(pán)按鈕大小。
標(biāo)簽(TAG) 設(shè)計(jì)知識(shí) ps基礎(chǔ)教程 設(shè)計(jì) UI知識(shí) 尺寸 結(jié)果