淺談網(wǎng)頁(yè)UI設(shè)計(jì)中的48DP定律發(fā)布者：本站 時(shí)間：2021-12-20 12:12:05
其實(shí)對(duì)于一個(gè)非技術(shù)人員要把這個(gè)概念完全搞清楚還挺復(fù)雜的，所以我們就知道他是干什么用的就好，因?yàn)榘沧筷嚑I(yíng)的碎片化，所以會(huì)有雜七雜八的不同分辨率的屏幕，但是一個(gè)UI人員不可能對(duì)不同分辨率把應(yīng)用的圖片都切一遍吧?所以就用dp這個(gè)單位，用這個(gè)玩意兒可以保證同一個(gè)圖片在不同分辨率下的屏幕上保持基本相同的物理大小。
說了dp，就得說說px，px就是屏幕上的一個(gè)個(gè)物理的像素點(diǎn)，以前的屏幕上的像素點(diǎn)是可以用肉眼看到的，后來喬布斯炒作了個(gè)視網(wǎng)膜屏幕的概念，其實(shí)就是像素的密度比較大，肉眼已經(jīng)看不見了。
如下圖，是用像素(px)為單位的按鈕和圖片分別在低分辨率、中分辨率和高分辨的顯示效果，可以看出來物理大小是發(fā)生變化的。
淺談網(wǎng)頁(yè)UI<a href=/design/ target=_blank class=infotextkey>設(shè)計(jì)</a>中的48DP定律,PS教程,
在看看下圖，使用了dp作為單位，物理大小就沒有發(fā)生太大的變化。
淺談網(wǎng)頁(yè)UI設(shè)計(jì)中的48DP定律,PS教程,
反正搞安卓開發(fā)的，一般都會(huì)用dp來規(guī)定一個(gè)組件的大小。當(dāng)然偶爾也有人會(huì)用像素(px)來規(guī)定組件大小，可能是個(gè)新手、也可能是此人的程序不想兼容更多的設(shè)備。
上面解釋了什么是dp：
dp就是一種基本上和設(shè)備無關(guān)的單位，可以保證一套UI在不同機(jī)器上面的適配，而顯示效果不會(huì)出現(xiàn)很大的偏差。
那什么是48dp定律?
在通常情況下48dp在物理屏幕上差不多是9毫米的大小，而在UI設(shè)計(jì)中所有觸摸類控件的推薦大小在7毫米到10毫米之間，因?yàn)樵谶@個(gè)值之間會(huì)使控件的點(diǎn)中率大大增加，在視覺上也會(huì)比較舒服。
所以當(dāng)你的可觸摸控件的高度和寬度大于等于48dp時(shí)，一方面可以保證你的控件在任何設(shè)備上都不會(huì)小于7毫米，同時(shí)也能夠保證控件中的內(nèi)容看起來比較舒服，也不會(huì)出現(xiàn)誤觸的現(xiàn)象。
這就是所謂的48dp定律，當(dāng)然這一切是個(gè)推薦值，定律在心中，實(shí)際情況靈活處理，而不是被定律束縛，才是一個(gè)優(yōu)秀的設(shè)計(jì)師。
同時(shí)一定要注意控件之間最好至少有8dp的留白，這樣看起來會(huì)好很多。
舉個(gè)例子，看下圖， 左邊的鉛筆圖片控件的大小是48dp*48dp ，右邊按鈕控件的高度為48dp，寬度為48*3dp，大小完全符合48dp定律。 圖片和按鈕之間的間距為8dp，保證了圖片和按鈕合適的間距，按鈕的內(nèi)容和按鈕控件最邊緣間隔為4dp，這樣如果兩個(gè)按鈕控件上下并排放在一起，也能保證兩個(gè)按鈕內(nèi)容間的間距為8dp ，從而保證了其美觀性，內(nèi)容居中對(duì)齊之類的就不多說了，這是最基本的。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)