羽之科網絡 - 為你思考,為你實現!為客戶創造與傳遞品牌價值是我們的最終使命!
羽之科網絡微信公眾號 掃一掃關注
tel-icon全國服務熱線:0951-5137001,18295277030
掃一掃關注羽之科網絡微信公眾號

移動界面尺寸!安卓720*1280界面尺寸規范參考

分類:營銷推廣   作者:小羽   發布時間:2019-06-14 09:03:21   點擊次數:83

今天25學堂的老譚童鞋跟大家繼續分享720*1080的界面設計尺寸規范。

主要講解 屏幕分辨:1280×720像素(720P)  APP界面設計規范。

這樣的手機又vivo智能收款機、三星Galaxy A5、華為榮耀等手機。

這樣的手機屏幕尺寸是:5寸        即屏幕對角線是5英寸。

計算方法:1280平方+720平方=2156800,結果再開平方=1468.6048,再÷5,=293.72點每英寸。

在1280*720px的分辨率下,1dp=2px             所有的尺寸具體請參照:Device Metrics

但是  不是所有每一個5英寸的手機的分辨率都是720*1280,也有1920*1080的。切記。

720*1280 即xhdpi  相對于hdpi是2倍。同等于ios 蘋果6的切圖的2倍圖。是可以通用的。

在android規范中對于導航欄、工具欄等的尺寸沒有明確的規定。

第一部分:720*1280的布局規范

根據48dp原則,以及一些主流的android應用的截圖分析,總結一下尺寸要求:

狀態欄高度: 50 px

導航欄、操作欄高度: 96 px=48dp x 2

主菜單欄高度: 96 px

內容區域高度: 1038 px (1280-50-96-96=1038)

Android最近出的手機都幾乎去掉了實體鍵,把功能鍵移到了屏幕中,高度也和菜單欄一樣為:96 px


第二部分:  圖標和字體大小(來自官方規范文檔)

a、啟動圖標(home頁或app列表頁) 整體大小為48 x 48 dp  沒有空白的區域的完整圖標。  當然也可以是 包含空白區域的圖標等于48DP.


同時大家需要看下這個圖:48dp代表了觸摸的范圍:


b、操作欄圖標,代表用戶在app中可以使用到的最重要的圖標

整體大小為32 x 32 dp ,圖形實際區域為 24 x 24 dp


c、小圖標/場景圖標,提供操作或特定項目的狀態。

比如gmail app的星型標記、一些內容展開收起用到的向下向上的圖標等。整體大小為16 x 16 dp ,圖形實際區域為 12 x 12 dp 。


d、通知圖標

如果app有通知,要提供一個有新通知時顯示在狀態欄的通知圖標。整體大小為24 x 24 dp ,圖形實際區域為 22 x 22 dp 。


注:android規范提供的尺寸單位是dp,若設計稿尺寸設為720 x 1280 ,圖標大小需在規范要求的尺寸數字上乘以2。比如操作欄圖標32 x 32 dp ,則設計稿上應該是64 x 64 px 。

e、字體大小

Android規范中的要求如下:


前面提到Android開發中的字號單位是sp,而換算關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上,字體大小可選擇為 24px 、28px 、32px 、36px ,主要根據文字的重要程度來選擇,特殊情況下也可能選擇更大或更小的字體。

f、其他尺寸要求

通常把48dp作為可觸摸的UI元件的標準。 APPUI設計中的48dp定律原則


為什么要用48dp呢?一般來說,48dp轉化為一個物理尺寸約9毫米。通常建議目標大小為7-10毫米,以方便用戶手指能準確并且舒適觸摸目標區域。

如果你設計的元素高和寬至少48dp,你就可以保證:

(1)觸摸目標絕不會比建議的最低目標(7mm)小,無論在什么屏幕上顯示。

(2)在整體信息密度和觸摸目標大小之間取得了一個很好的平衡。

另外,每個UI元素之間的空白通常是8dp 。

第三部分、android的按鈕和彈出層的設計規范參考。

在720 x 1280 px 的設計稿上,有兩個按鈕(比如登錄、注冊)并排一行放置,按鈕尺寸最小范圍均為240 x 80 px ,換算為android開發單位就是 120 x 40 dp 。


這一次就跟大家分享這些,如有錯誤之處,歡迎隨時在下面留言。這樣只是成熟案例下的參考設計因素


聯系我們

電 話:0951-5137001/18295277030

Q  Q:87651825   568464226

郵 箱:[email protected]
地 址:銀川市興慶區南熏東街天都十六區6號樓3204

關注我們

Website Design & Power by:yuzhike.com
版權所有 ? 銀川羽之科網絡科技有限公司 寧ICP備12000105號-1 寧公網安備 64010602000058號

實力實力 案例案例 方案方案 合作合作 產品服務產品服務 客服客服 留言留言 Top
足球比赛 中国福利彩票复式玩法 保定最新中奖 甘肃快三预测专家 农院路万人坑卖衣服赚钱吗 非凡炸金花最新版本 中国福利彩票双色球计算公式 天津时时彩合法吗 广东26选5最新开奖查询 直销为什么不赚钱 桃花岛游戏怎么赚钱 36棋牌大厅 辽宁十一选五开奖走势图 江苏福彩15选5走势图 天津快乐10分查询结果 任选9场中几场算中奖 广东36选7色谱走势图