最新大地资源网在线观看免费_免费大地资源中文第二页在线观看_大地 ,久久精品黄色网络_日韩黄色三级中文字幕_中文字幕免费乱伦视频_午夜小电影亚洲天

安卓UI設(shè)計系列知識

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

 

一、適配

  1. 適配的定義:為使設(shè)計內(nèi)容在不同尺寸的畫布(即不同環(huán)境)中呈現(xiàn) “好看” 的效果而進行的調(diào)整,例如將大畫布內(nèi)容等比縮小放入小畫布,或在畫布尺寸變化時合理調(diào)整元素布局(如固定部分元素高度,僅拉伸另一部分)。
  2. 適配原則:由于位圖放大易模糊,建議選擇大尺寸內(nèi)容縮小適配小畫布,但縮小也可能因未用向量檔、未對齊像素、尺寸含小數(shù)、旋轉(zhuǎn)圖形等原因?qū)е履:?,可參考《完美像素》學(xué)習(xí)解決方法。

    image.png

    image.png

    image.png

二、入手方法

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

    image.png

    image.png

  2. 注意事項:若從小分辨率入手,需保證元素為形狀圖層(PS)或矢量圖層(AI),以便后續(xù)縮放。

    image.png

三、設(shè)計準(zhǔn)備

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

      image.png

  3. 字體:官方建議使用 12sp、14sp、18sp、22sp 等,盡量避免奇數(shù)大小。

    image.png

四、畫圖方法

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

    image.png

  2. 狀態(tài)欄(styleBar)在 mdpi 中高度為 25dp,在 xhdpi 中為 50px,可從安卓 GUI 源文件提取并縮放使用,且算入設(shè)計高度;另一類類似元素獲取和高度參考狀態(tài)欄,可不算入設(shè)計高度。
  3. 結(jié)合原型圖,依據(jù)上述規(guī)范設(shè)計效果圖,可通過 PS play 在手機上查看效果,后續(xù)還將涉及風(fēng)格變換、狀態(tài)處理等內(nèi)容。

    image.png

    蘭亭妙微(藍藍設(shè)計)m.wnxcall.com 是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制用戶體驗設(shè)計、交互設(shè)計UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

     

    image.png

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.wnxcall.com

存檔