<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 移動端界面設計規范(Android尺寸篇)

          2018-4-13    藍藍設計的小編

          如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里


          "這是移動端界面設計規范尺寸安卓篇也是第二篇小總結,主講如何一稿去適配眾多的安卓機型。如果你有興趣也可以去官方研讀下設計文檔,這樣的話,就可以比較系統的掌握知識。

          首先,你必須要知道的一個現象,那就是Android系統是開源,這個是它的優點也是一個令設計師很苦惱的痛點。那就是Android設備的屏幕尺寸非常多,碎片化是相當的嚴重。你會聽說過很多種的分辨率,比如:480×800、480×854、540×960、720×1280、1080×1920,甚至還有2560×1440也就是俗稱的2K屏,更高的則是3840*2160(4K),目前僅有索尼Xperia Z5尊享版是4k分辨率的手機。

          移動端界面設計規范(Android尺寸篇)

          常見設備尺寸

          不要被這些尺寸嚇倒,實際上大部分的移動端界面,在各種尺寸的屏幕上都能正常顯示,說明尺寸的問題一定有解決方法,而且有規律可循。

          在這里要了解幾個概念:

          1. 像素密度,那么什么是像素密度呢?像素密度,即每英寸屏幕所擁有的像素數,像素密度越大,顯示畫面細節就越豐富。

          2. 屏幕大小,屏幕大小是手機對角線的物理尺寸,以英寸(inch)為單位。比如某某手機為"5寸大屏手機",就是指對角線的尺寸,5寸&times;2.54厘米/寸=12.7厘米。

          3. 分辨率,分辨率就是手機屏幕的像素點數,一般描述成屏幕的"寬×高",安卓手機屏幕常見的分辨率有480×800、720×1280、1080×1920等。720×1280表示此屏幕在寬度方向有720個像素,在高度方向有1280個像素。

          屏幕像素密度,分辨率,屏幕尺寸的關系是什么?這三個專業名詞之間,有著非常嚴謹的關系。為啥說嚴謹呢,因為這三者之間,有一個公式可以表示。

          移動端界面設計規范(Android尺寸篇)

          PPI關系圖

          倍率與邏輯像素

          "實際密度"就是我們自己算出來的密度,如上述例子中的440dpi就是實際密度,5英寸1080&times;1920的屏幕密度是440,而相同分辨率的4.5英寸屏幕密度是490。如此看來,屏幕密度將會出現很多數值,呈現嚴重的碎片化。而密度又是安卓屏幕將界面進行縮放顯示的依據,那么安卓是如何適配這么多屏幕的呢?其實,每部安卓手機屏幕都有一個初始的固定密度,這些數值是120、160、240、320、480,我們權且稱為"系統密度"。安卓對界面元素進行縮放的比例依據正是系統密度,而不是實際密度。

          以此建議在720×1280尺寸上做設計圖。

          因為ui設計師給程序員的設計圖是以px為單位的,Android開發則是使用dp作為單位的,那么我們需要進行轉換:

          移動端界面設計規范(Android尺寸篇)

          關系圖

          設計尺寸

          界面:720*1280

          狀態欄高度為:50px

          導航欄高度為:96px

          主菜單欄高度為:96px

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

          圖標尺寸

          移動端界面設計規范(Android尺寸篇)

          設計字體

          英文字體為 Roboto字體,中文字體為 思源黑體。在Android 5.0之后,使用的是思源黑體,字體文件有2個名稱,"source han sans"和"noto sans CJK"。 思源黑體是Adobe和Google領導開發的開源字體,支持繁簡日韓,有7種字體粗細。(如果需要字體可私信我)


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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          九九精品久久久久久噜噜| 亚洲美日韩Av中文字幕无码久久久妻妇 | 久久99精品久久久久久久不卡 | 久久国产亚洲精品无码| 欧美精品乱码99久久蜜桃| 人妻无码中文久久久久专区| 国产一级持黄大片99久久| 国产精品美女久久久久av爽| 欧美精品九九99久久在观看| 精品国产一区二区三区久久久狼| 99久久精品免费| 亚洲精品无码久久毛片| 亚洲午夜精品久久久久久人妖| 久久亚洲色一区二区三区| 日本久久久久亚洲中字幕 | 国产成人无码精品久久久免费| 久久久久这里只有精品| 国产精品乱码久久久久久软件| 久久久久免费精品国产| 少妇无套内谢久久久久| 精品九九久久国内精品| 一本色道久久88精品综合| 久久精品国产一区二区| 亚洲国产精品热久久| 久久久久久九九99精品| 亚洲精品美女久久久久99| 青青草国产97免久久费观看| 91久久成人免费| 国产精品成人久久久久久久| 久久久久久久人妻无码中文字幕爆| 久久精品日日躁夜夜躁欧美| 国产欧美久久一区二区| 精品久久久久久成人AV| 99久久婷婷国产综合亚洲| 久久综合噜噜激激的五月天| 久久久SS麻豆欧美国产日韩| 亚洲国产香蕉人人爽成AV片久久 | 久久影院久久香蕉国产线看观看| 国产精品禁18久久久夂久| 香蕉久久久久久狠狠色| 97视频久久久|