无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

安卓UI設計系列知識

2025-7-11    濤濤

 

一、適配

  1. 適配的定義：為使設計內容在不同尺寸的畫布（即不同環境）中呈現 “好看” 的效果而進行的調整，例如將大畫布內容等比縮小放入小畫布，或在畫布尺寸變化時合理調整元素布局（如固定部分元素高度，僅拉伸另一部分）。
  2. 適配原則：由于位圖放大易模糊，建議選擇大尺寸內容縮小適配小畫布，但縮小也可能因未用向量檔、未對齊像素、尺寸含小數、旋轉圖形等原因導致模糊，可參考《完美像素》學習解決方法。

    image.png

    image.png

    image.png

二、入手方法

  1. 分辨率選擇：綜合考慮適配效率和機型分布，建議從 xhdpi（720*1280）分辨率入手。因大分辨率內容縮小適配性更好，且該分辨率能兼顧安卓的 mdpi、hdpi、xhdpi 及 iPhone 3G、iPhone 4 及以上機型，一定程度上可實現一套界面適配安卓和 iOS（雖兩者交互差異大，不建議完全共用界面）。

    image.png

    image.png

  2. 注意事項：若從小分辨率入手，需保證元素為形狀圖層（PS）或矢量圖層（AI），以便后續縮放。

    image.png

三、設計準備

  1. 度量單位和網格：
    • 可觸摸控件基礎單位建議 48dp，按鈕高度建議 40dp（上下外邊距各 4dp），元素間留白建議 8dp，內容距屏幕兩邊建議留 16dp，頂部 ActionsBar、底部 NavBar、列表項的觸摸區域高度建議 48dp，但可根據用戶群體（如老人）調整大小。
    • 以上規范針對 mdpi，其他分辨率需按比例調整（如 xhdpi 為 mdpi 的 2 倍）。
  2. 圖標：
    • 需區分圖片大小和圖形大小，建議圖標背景透明。
    • 啟動圖標在 play 商店需為 512512 像素；操作欄圖標建議圖形區域 2424、圖片大小 32*32；通知欄圖標建議為白色。
    • 圖標大小可根據用戶需求（如老人）調整。

      image.png

  3. 字體：官方建議使用 12sp、14sp、18sp、22sp 等，盡量避免奇數大小。

    image.png

四、畫圖方法

  1. 新建與 xhdpi 分辨率相同的畫布（單位為像素）。

    image.png

  2. 狀態欄（styleBar）在 mdpi 中高度為 25dp，在 xhdpi 中為 50px，可從安卓 GUI 源文件提取并縮放使用，且算入設計高度；另一類類似元素獲取和高度參考狀態欄，可不算入設計高度。
  3. 結合原型圖，依據上述規范設計效果圖，可通過 PS play 在手機上查看效果，后續還將涉及風格變換、狀態處理等內容。

    image.png

    蘭亭妙微（藍藍設計）m.gyxygd.cn 是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計，以及相關的軟件開發服務，咨詢電話：01063334945。

     

    image.png

日歷

鏈接

個人資料

藍藍設計的小編 http://m.gyxygd.cn

存檔