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

        • 安卓UI設計系列知識

          2025-7-11    濤濤 移動端UI設計文章及欣賞

           

          一、適配

          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

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

             

            image.png

          日歷

          鏈接

          個人資料

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

          存檔

          国产成人精品综合久久久久| 久久99精品国产99久久6| 久久久这里有精品中文字幕| 久久国产精品免费一区二区三区| 国产巨作麻豆欧美亚洲综合久久| 久久久久国产精品三级网| 久久久久亚洲AV无码观看| 久久99国产精品99久久| 国产99久久久国产精免费| 一本大道久久东京热无码AV| 丰满少妇高潮惨叫久久久| 久久高清一级毛片| 久久精品中文騷妇女内射| 久久久WWW成人| 俺来也俺去啦久久综合网| 无码任你躁久久久久久| 99久久国产综合精品麻豆| 思思久久99热只有频精品66| 国产精品久久精品| 一本久久a久久精品亚洲| 久久精品视频91| 久久精品九九亚洲精品天堂| 亚洲精品无码久久久久去q | 999久久久免费精品国产| 久久久久久毛片免费看| 久久久老熟女一区二区三区| 2021国内久久精品| 久久人人爽人人澡人人高潮AV| 热久久国产精品| 2020久久精品国产免费| 久久精品中文无码资源站| 精品久久久久久中文字幕大豆网 | 青青久久精品国产免费看| 国产精品九九久久免费视频 | 国产精品美女久久久久av爽| 久久线看观看精品香蕉国产| 国产亚洲精品美女久久久| 久久精品免费一区二区| 热久久最新网站获取| 精品久久久久久99人妻| 91超碰碰碰碰久久久久久综合|