99久久精品国产片-99久久精品国产免费-99久久精品国产麻豆-99久久精品国产国产毛片-99久久精品国产高清一区二区-99久久精品费精品国产一区二区

淺談:移動應用UI設計中的48dp定律

2014-5-26    藍藍設計的小編

轉載藍藍設計(   www.lapeinture.cn  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

來源:http://dev.yesky.com/95/35497095.shtml

有不少網友建議我多寫寫科普類技術性的文章, 所以我盡量往小白能看懂的方式嘗試寫寫,這次先來講講程序設計中的48dp定律。

  那么先說說什么是dp ?其實對于一個非技術人員要把這個概念完全搞清楚還挺復雜的,所以我們就知道他是干什么用的就好,因為安卓陣營的碎片化,所以會有雜七雜八的不同分辨率的屏幕,但是一個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 ,從而保證了其美觀性,內容居中對齊之類的就不多說了,這是最基本的。

  再給個完整的例子,很簡單,大家自己分析:

獲取更多更新的UI設計資訊請關注微信公眾平臺:藍藍設計

日歷

鏈接

個人資料

藍藍設計的小編 http://www.lapeinture.cn

存檔

国产一区二区高清视频| 亚欧乱色一区二区三区| 欧美一级视| 日韩在线观看视频免费| 国产精品1024在线永久免费| 精品在线观看一区| 天天做日日爱| 国产亚洲免费观看| 99久久精品国产国产毛片| 久久久久久久男人的天堂| 美女被草网站| 国产伦理精品| 四虎久久精品国产| 欧美另类videosbestsex久久| 好男人天堂网 久久精品国产这里是免费 国产精品成人一区二区 男人天堂网2021 男人的天堂在线观看 丁香六月综合激情 | 国产91精品一区| 四虎久久精品国产| 国产亚洲精品成人a在线| 久久99中文字幕| 亚欧成人乱码一区二区| 国产一区二区高清视频| 欧美a级v片不卡在线观看| 欧美激情一区二区三区视频高清 | 欧美一区二区三区在线观看| 国产伦久视频免费观看 视频| 国产伦久视频免费观看 视频| 精品国产一区二区三区免费 | 精品久久久久久免费影院| 你懂的国产精品| 高清一级做a爱过程不卡视频| 久久久成人影院| 国产一区二区精品| 国产视频在线免费观看| 精品视频在线观看免费| 一级毛片视频播放| 欧美日本二区| 久久久久久久久综合影视网| 国产视频久久久| 韩国毛片免费| 欧美爱爱网| 亚洲精品久久玖玖玖玖| 欧美另类videosbestsex高清| 亚欧成人乱码一区二区| 国产网站免费在线观看| 可以在线看黄的网站| 麻豆系列 在线视频| 免费一级片网站| 国产不卡精品一区二区三区| 超级乱淫伦动漫| 国产麻豆精品免费密入口| 久久国产精品永久免费网站| 国产不卡精品一区二区三区| a级精品九九九大片免费看| 香蕉视频久久| 成人免费高清视频| 欧美激情影院| 欧美一区二区三区性| 一级毛片视频免费| 黄色福利片| 久草免费在线观看| 精品视频免费观看| 免费国产一级特黄aa大片在线| 国产极品白嫩美女在线观看看| 欧美日本国产| 国产视频一区二区三区四区| 一级女性全黄生活片免费| 久久国产一区二区| 一级女性全黄生活片免费| 97视频免费在线观看| 国产麻豆精品hdvideoss| 精品久久久久久免费影院| 欧美激情一区二区三区在线| 精品久久久久久免费影院| 亚洲www美色| 精品在线免费播放| 成人免费网站久久久| 美女免费毛片| 精品国产三级a∨在线观看| 亚洲精品影院久久久久久| 日日日夜夜操| 色综合久久天天综线观看| 亚洲第一视频在线播放| 美女免费精品视频在线观看| 毛片高清| 国产高清视频免费观看| 麻豆网站在线看| 天天色成人网| 国产成+人+综合+亚洲不卡 | 免费的黄视频| 91麻豆精品国产自产在线观看一区| 青青久久精品国产免费看| 欧美激情在线精品video| 精品毛片视频| 一级毛片看真人在线视频| 亚洲精品影院一区二区| 亚洲第一视频在线播放| 久久久久久久久综合影视网| 国产一区二区精品| 久久福利影视| 欧美国产日韩一区二区三区| 高清一级毛片一本到免费观看| 欧美另类videosbestsex高清| 麻豆系列 在线视频| 国产成人啪精品| 欧美一区二区三区在线观看| 精品国产三级a∨在线观看| 亚洲精品中文一区不卡| 久久精品人人做人人爽97| 青青青草视频在线观看| 一级毛片看真人在线视频| 黄视频网站免费观看| 九九精品影院| 国产一级强片在线观看| 欧美激情一区二区三区视频 | 一级毛片视频在线观看| 欧美a级片视频| 青草国产在线观看| 一级毛片视频在线观看| 999久久久免费精品国产牛牛| 精品视频在线观看免费| 黄色免费三级| 欧美一区二区三区在线观看| 久久国产影院| 韩国毛片| 中文字幕一区二区三区 精品| 精品国产一区二区三区久久久蜜臀 | 日韩免费片| 欧美一区二区三区性| 欧美a级v片不卡在线观看| 国产91精品系列在线观看| 欧美a级大片| 国产高清在线精品一区a| 精品久久久久久中文字幕2017| 麻豆系列 在线视频| 天天做日日爱| 欧美国产日韩精品| 99久久精品国产国产毛片| 国产精品自拍一区| 亚洲精品中文字幕久久久久久| 精品久久久久久综合网| 99色视频在线| 色综合久久久久综合体桃花网| 国产伦久视频免费观看视频| 沈樵在线观看福利| 日本在线www| 99久久精品国产国产毛片| 美女免费精品视频在线观看| 日本特黄特黄aaaaa大片 | 国产麻豆精品高清在线播放| 欧美日本二区| 99色播| 久久福利影视| 国产亚洲免费观看| 欧美国产日韩久久久| 91麻豆国产福利精品| 国产美女在线观看| 精品在线观看一区| 精品国产一区二区三区久久久狼| 成人在免费观看视频国产| 成人免费网站视频ww| 欧美1区| 韩国三级视频网站| 国产精品自拍一区| 午夜在线亚洲| 午夜在线亚洲男人午在线| 可以免费在线看黄的网站| 国产91素人搭讪系列天堂| 久久国产影院| 可以免费在线看黄的网站| 精品国产亚洲一区二区三区| 久久久久久久网| 精品视频一区二区三区免费| 精品国产香蕉在线播出| 精品国产三级a∨在线观看| 国产国语在线播放视频| 香蕉视频一级| 久久99爰这里有精品国产| 二级片在线观看| 国产麻豆精品视频| 国产成人精品综合| 国产91素人搭讪系列天堂| 亚洲精品久久玖玖玖玖| 国产伦久视频免费观看 视频| 国产网站免费视频| 国产高清在线精品一区二区| 九九精品久久久久久久久| 九九干| 久久精品道一区二区三区| 中文字幕一区二区三区精彩视频| 色综合久久天天综合绕观看| 久久国产精品自由自在| 日本伦理网站| 麻豆网站在线看| 欧美a级片视频| 久久国产精品永久免费网站| 夜夜操网| 久久国产精品自由自在| 亚洲 国产精品 日韩| 成人a级高清视频在线观看| 成人在免费观看视频国产|