UI設計中的48DP定律

2021-09-01 21:32:07 字數 1092 閱讀 8205

其實對於乙個非技術人員要把這個概念完全搞清楚還挺複雜的,所以我們就知道他是幹什麼用的就好,因為安卓陣營的碎片化,所以會有雜七雜八的不同解析度的螢幕,但是乙個ui人員不可能對不同解析度把應用的都切一遍吧?所以就用dp這個單位,用這個玩意兒可以保證同乙個在不同解析度下的螢幕上保持基本相同的物理大小。 說了dp,就得說說px,px就是螢幕上的乙個個物理的畫素點,以前的螢幕上的畫素點是可以用肉眼看到的,後來賈伯斯炒作了個視網膜螢幕的概念,其實就是畫素的密度比較大,肉眼已經看不見了。

如下圖,是用畫素(px)為單位的按鈕和分別在低解析度、中解析度和高分辨的顯示效果,可以看出來物理大小是發生變化的。

在看看下圖,使用了dp作為單位,物理大小就沒有發生太大的變化。

反正搞安卓開發的,一般都會用dp來規定乙個元件的大小。當然偶爾也有人會用畫素(px)來規定元件大小,可能是個新手、也可能是此人的程式不想相容更多的裝置。

什麼是dp: dp就是一種基本上和裝置無關的單位,可以保證一套ui在不同機器上面的適配,而顯示效果不會出現很大的偏差。

什麼是48dp定律?

在通常情況下48dp在物理螢幕上差不多是9公釐的大小,而在ui設計中所有觸控類控制項的推薦大小在7公釐到10公釐之間,因為在這個值之間會使控制項的點中率大大增加,在視覺上也會比較舒服。

所以當你的可觸控控制項的高度和寬度大於等於48dp時,一方面可以保證你的控制項在任何裝置上都不會小於7公釐,同時也能夠保證控制項中的內容看起來比較舒服,也不會出現誤觸的現象。 這就是所謂的48dp定律,當然這一切是個推薦值,定律在心中,實際情況靈活處理,而不是被定律束縛,才是乙個優秀的設計師。同時一定要注意控制項之間最好至少有8dp的留白,這樣看起來會好很多。 舉個例子,看下圖, 左邊的鉛筆控制項的大小是48dp*48dp ,右邊按鈕控制項的高度為48dp,寬度為48*3dp,大小完全符合48dp定律。 和按鈕之間的間距為8dp,保證了和按鈕合適的間距,按鈕的內容和按鈕控制項最邊緣間隔為4dp,這樣如果兩個按鈕控制項上下併排放在一起,也能保證兩個按鈕內容間的間距為8dp ,從而保證了其美觀性,內容居中對齊之類的就不多說了,這是最基本的。 再給個完整的例子,很簡單,大家自己分析:

**

48 dp 的設計韻律

裝置之間除了螢幕尺寸不同,螢幕的畫素密度 dpi 也不盡相同。為了簡化為不同的螢幕設計應用的複雜度,可以將不同的裝置按照大小和畫素密度分類。按裝置大小的兩個類別分別是手持裝置 小於 600 dp 和 平板 大於等於 600 dp 按畫素密度分類的類別有 ldpi mdpi hdpi 和 xhdpi。...

UI 設計中的漸變

簡評 漸變是通過兩種或多種不同的色彩來繪製乙個元素,同時在顏色的交界處進行衰減變化的一種設計。從擬物到扁平再到漸變,人們慢慢發現它能創造出從未有過的一種色彩感覺 獨特 現代和清爽。本文譯者 aceyclee 很長一段時間以來,設計界都不怎麼待見 漸變 這還得拜 90 年代的 powerpoint 所...

UI設計中的過度釋放

昨天在做相簿的時候遇到了乙個問題,系統沒有報錯,但在執行後總是crash,來回找錯好幾次也沒有發現錯誤,後來才發現是記憶體管理出了問題.在viewcontroller中,我宣告了乙個 uipagecontrol page 的屬性,但是在實現的時候,一時粗心大意我將 self page uipagec...