移動應用界面設計的尺寸設置及規(guī)范(編輯修改稿)
2025-09-01 10:43 本頁面
【文章內容簡介】 中對于導航欄、工具欄等的尺寸沒有明確的規(guī)定。但根據(jù)48dp原則，以及一些主流的android應用的截圖分析，總結一下尺寸要求：狀態(tài)欄高度：50 px導航欄、操作欄高度：96 px=48dp x 2主菜單欄高度：96 px內容區(qū)域高度：1038 px （1280509696=1038）Android最近出的手機都幾乎去掉了實體鍵，把功能鍵移到了屏幕中，高度也和菜單欄一樣為：96 px圖標和字體大?。▉碜怨俜揭?guī)范文檔）a、啟動圖標（home頁或app列表頁）整體大小為48 x 48 dpb、操作欄圖標，代表用戶在app中可以使用到的最重要的圖標整體大小為32 x 32 dp ，圖形實際區(qū)域為 24 x 24 dpc、小圖標/場景圖標，提供操作或特定項目的狀態(tài)。比如gmail app的星型標記、一些內容展開收起用到的向下向上的圖標等。整體大小為16 x 16 dp ，圖形實際區(qū)域為 12 x 12 dp 。d、通知圖標如果app有通知，要提供一個有新通知時顯示在狀態(tài)欄的通知圖標。整體大小為24 x 24 dp ，圖形實際區(qū)域為 22 x 22 dp 。注：android規(guī)范提供的尺寸單位是dp，若設計稿尺寸設為720 x 1280 ，圖標大小需在規(guī)范要求的尺寸數(shù)字上乘以2。比如操作欄圖標32 x 32 dp ，則設計稿上應該是64 x 64 px 。e、字體大小Android規(guī)范中的要求如下：前面提到Android開發(fā)中的字號單位是sp，而換算關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上，字體大小可選擇為 24px 、28px 、32px 、36px ，主要根據(jù)文字的重要程度來選擇，特殊情況下也可能選擇更大或更小的字體。f、其他尺寸要求通常把48dp作為可觸摸的UI元件的標準。為什么要用48dp呢？一般來說，48dp轉化為一個物理尺寸約9毫米。通常建議目標大小為710毫米，以方便用戶手指能準確并且舒適觸摸目標區(qū)域。如果你設計的元素高和寬至少48dp，你就可以保證：（1）觸摸目標絕不會比建議的最低目標（7mm）小，無論在什么屏幕上顯示。（2）在整體信息密度和觸摸目標大小之間取得了一個很好的平衡。另外，每個UI元素
法律信息相關推薦
鄂ICP備17016276號-1