銀川智虎網絡科技有限公司 - 為(wèi)你思考，為(wèi)你實現！為(wèi)客戶創造與傳遞品牌價值是我們的最終使命！
全國(guó)服務熱線：
網站建設
微信支付
微信營銷
微信小(xiǎo)程序
全網營銷
解決方案
經典案例
知識/動态
代理合作
關于我們
今天25學堂的老譚童鞋跟大家繼續分享720*1080的界面設計尺寸規範。
主要講解 屏幕分辨：1280×720像素(720P) APP界面設計規範。
延伸閱讀(dú)：
這樣的手機(jī)又(yòu)vivo智能(néng)收款機(jī)、三星Galaxy A5、華為(wèi)榮耀等手機(jī)。
這樣的手機(jī)屏幕尺寸是：5寸 即屏幕對角線是5英寸。
計算(suàn)方法：1280平方＋720平方＝2156800，結果再開(kāi)平方＝1468.6048，再÷5，＝293.72點每英寸。
在1280*720px的分辨率下(xià)，1dp=2px 所有的尺寸具體請參照(zhào)：Device Metrics
但是 不是所有每一(yī)個(gè)5英寸的手機(jī)的分辨率都是720*1280，也有1920*1080的。切記。
720*1280 即xhdpi 相(xiàng)對于hdpi是2倍。同等于ios 蘋果6的切圖的2倍圖。是可以通(tōng)用的。
在android規範中對于導航欄、工(gōng)具欄等的尺寸沒有明确的規定。
第一(yī)部分：720*1280的布局規範
根據48dp原則，以及一(yī)些主流的android應用的截圖分析，總結一(yī)下(xià)尺寸要求：
狀态欄高(gāo)度： 50 px
導航欄、操作欄高(gāo)度： 96 px=48dp x 2
主菜單欄高(gāo)度： 96 px
内容區域高(gāo)度： 1038 px （1280-50-96-96=1038）
Android最近出的手機(jī)都幾乎去掉了實體鍵，把功能(néng)鍵移到(dào)了屏幕中，高(gāo)度也和菜單欄一(yī)樣為(wèi)：96 px
第二部分: 圖标和字體大小(xiǎo)（來自(zì)官方規範文檔）
a、啓動圖标（home頁或app列表頁） 整體大小(xiǎo)為(wèi)48 x 48 dp 沒有空白(bái)的區域的完整圖标。 當然也可以是 包含空白(bái)區域的圖标等于48DP.
同時大家需要看(kàn)下(xià)這個(gè)圖：48dp代表了觸摸的範圍：
b、操作欄圖标，代表用戶在app中可以使用到(dào)的最重要的圖标
整體大小(xiǎo)為(wèi)32 x 32 dp ，圖形實際區域為(wèi) 24 x 24 dp
c、小(xiǎo)圖标/場景圖标，提供操作或特定項目的狀态。
比如gmail app的星型标記、一(yī)些内容展開(kāi)收起用到(dào)的向下(xià)向上(shàng)的圖标等。整體大小(xiǎo)為(wèi)16 x 16 dp ，圖形實際區域為(wèi) 12 x 12 dp 。
d、通(tōng)知圖标
如果app有通(tōng)知，要提供一(yī)個(gè)有新通(tōng)知時顯示在狀态欄的通(tōng)知圖标。整體大小(xiǎo)為(wèi)24 x 24 dp ，圖形實際區域為(wèi) 22 x 22 dp 。
注：android規範提供的尺寸單位是dp，若設計稿尺寸設為(wèi)720 x 1280 ，圖标大小(xiǎo)需在規範要求的尺寸數字上(shàng)乘以2。比如操作欄圖标32 x 32 dp ，則設計稿上(shàng)應該是64 x 64 px 。
e、字體大小(xiǎo)
Android規範中的要求如下(xià)：
前面提到(dào)Android開(kāi)發中的字号單位是sp，而換算(suàn)關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上(shàng)，字體大小(xiǎo)可選擇為(wèi) 24px 、28px 、32px 、36px ，主要根據文字的重要程度來選擇，特殊情況下(xià)也可能(néng)選擇更大或更小(xiǎo)的字體。
f、其他尺寸要求
通(tōng)常把48dp作為(wèi)可觸摸的UI元件(jiàn)的标準。 APPUI設計中的48dp定律原則
為(wèi)什麽要用48dp呢(ne)？一(yī)般來說，48dp轉化為(wèi)一(yī)個(gè)物(wù)理尺寸約9毫米。通(tōng)常建議目标大小(xiǎo)為(wèi)7-10毫米，以方便用戶手指能(néng)準确并且舒适觸摸目标區域。
如果你設計的元素高(gāo)和寬至少48dp，你就(jiù)可以保證：
（1）觸摸目标絕不會(huì)比建議的最低(dī)目标（7mm）小(xiǎo)，無論在什麽屏幕上(shàng)顯示。
（2）在整體信息密度和觸摸目标大小(xiǎo)之間取得了一(yī)個(gè)很好的平衡。
另外，每個(gè)UI元素之間的空白(bái)通(tōng)常是8dp 。
第三部分、android的按鈕和彈出層的設計規範參考。
在720 x 1280 px 的設計稿上(shàng)，有兩個(gè)按鈕（比如登錄、注冊）并排一(yī)行放(fàng)置，按鈕尺寸最小(xiǎo)範圍均為(wèi)240 x 80 px ，換算(suàn)為(wèi)android開(kāi)發單位就(jiù)是 120 x 40 dp 。
這一(yī)次就(jiù)跟大家分享這些，如有錯(cuò)誤之處，歡迎随時在下(xià)面留言。這樣隻是成熟案例下(xià)的參考設計因素
今天25學堂的老譚童鞋跟大家繼續分享720*1080的界面設計尺寸規範。
主要講解 屏幕分辨：1280×720像素(720P) APP界面設計規範。
延伸閱讀(dú)：
這樣的手機(jī)又(yòu)vivo智能(néng)收款機(jī)、三星Galaxy A5、華為(wèi)榮耀等手機(jī)。
這樣的手機(jī)屏幕尺寸是：5寸 即屏幕對角線是5英寸。
計算(suàn)方法：1280平方＋720平方＝2156800，結果再開(kāi)平方＝1468.6048，再÷5，＝293.72點每英寸。
在1280*720px的分辨率下(xià)，1dp=2px 所有的尺寸具體請參照(zhào)：Device Metrics
但是 不是所有每一(yī)個(gè)5英寸的手機(jī)的分辨率都是720*1280，也有1920*1080的。切記。
720*1280 即xhdpi 相(xiàng)對于hdpi是2倍。同等于ios 蘋果6的切圖的2倍圖。是可以通(tōng)用的。
在android規範中對于導航欄、工(gōng)具欄等的尺寸沒有明确的規定。
第一(yī)部分：720*1280的布局規範
根據48dp原則，以及一(yī)些主流的android應用的截圖分析，總結一(yī)下(xià)尺寸要求：
狀态欄高(gāo)度： 50 px
導航欄、操作欄高(gāo)度： 96 px=48dp x 2
主菜單欄高(gāo)度： 96 px
内容區域高(gāo)度： 1038 px （1280-50-96-96=1038）
Android最近出的手機(jī)都幾乎去掉了實體鍵，把功能(néng)鍵移到(dào)了屏幕中，高(gāo)度也和菜單欄一(yī)樣為(wèi)：96 px
第二部分: 圖标和字體大小(xiǎo)（來自(zì)官方規範文檔）
a、啓動圖标（home頁或app列表頁） 整體大小(xiǎo)為(wèi)48 x 48 dp 沒有空白(bái)的區域的完整圖标。 當然也可以是 包含空白(bái)區域的圖标等于48DP.
同時大家需要看(kàn)下(xià)這個(gè)圖：48dp代表了觸摸的範圍：
b、操作欄圖标，代表用戶在app中可以使用到(dào)的最重要的圖标
整體大小(xiǎo)為(wèi)32 x 32 dp ，圖形實際區域為(wèi) 24 x 24 dp
c、小(xiǎo)圖标/場景圖标，提供操作或特定項目的狀态。
比如gmail app的星型标記、一(yī)些内容展開(kāi)收起用到(dào)的向下(xià)向上(shàng)的圖标等。整體大小(xiǎo)為(wèi)16 x 16 dp ，圖形實際區域為(wèi) 12 x 12 dp 。
d、通(tōng)知圖标
如果app有通(tōng)知，要提供一(yī)個(gè)有新通(tōng)知時顯示在狀态欄的通(tōng)知圖标。整體大小(xiǎo)為(wèi)24 x 24 dp ，圖形實際區域為(wèi) 22 x 22 dp 。
注：android規範提供的尺寸單位是dp，若設計稿尺寸設為(wèi)720 x 1280 ，圖标大小(xiǎo)需在規範要求的尺寸數字上(shàng)乘以2。比如操作欄圖标32 x 32 dp ，則設計稿上(shàng)應該是64 x 64 px 。
e、字體大小(xiǎo)
Android規範中的要求如下(xià)：
前面提到(dào)Android開(kāi)發中的字号單位是sp，而換算(suàn)關系是 sp*ppi/160 = px 。所以720 x 1280尺寸的設計稿上(shàng)，字體大小(xiǎo)可選擇為(wèi) 24px 、28px 、32px 、36px ，主要根據文字的重要程度來選擇，特殊情況下(xià)也可能(néng)選擇更大或更小(xiǎo)的字體。
f、其他尺寸要求
通(tōng)常把48dp作為(wèi)可觸摸的UI元件(jiàn)的标準。 APPUI設計中的48dp定律原則
為(wèi)什麽要用48dp呢(ne)？一(yī)般來說，48dp轉化為(wèi)一(yī)個(gè)物(wù)理尺寸約9毫米。通(tōng)常建議目标大小(xiǎo)為(wèi)7-10毫米，以方便用戶手指能(néng)準确并且舒适觸摸目标區域。
如果你設計的元素高(gāo)和寬至少48dp，你就(jiù)可以保證：
（1）觸摸目标絕不會(huì)比建議的最低(dī)目标（7mm）小(xiǎo)，無論在什麽屏幕上(shàng)顯示。
（2）在整體信息密度和觸摸目标大小(xiǎo)之間取得了一(yī)個(gè)很好的平衡。
另外，每個(gè)UI元素之間的空白(bái)通(tōng)常是8dp 。
第三部分、android的按鈕和彈出層的設計規範參考。
在720 x 1280 px 的設計稿上(shàng)，有兩個(gè)按鈕（比如登錄、注冊）并排一(yī)行放(fàng)置，按鈕尺寸最小(xiǎo)範圍均為(wèi)240 x 80 px ，換算(suàn)為(wèi)android開(kāi)發單位就(jiù)是 120 x 40 dp 。
這一(yī)次就(jiù)跟大家分享這些，如有錯(cuò)誤之處，歡迎随時在下(xià)面留言。這樣隻是成熟案例下(xià)的參考設計因素
