<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • 

    

    <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 

  
      
    

    

	
    
		
    
			
    
				
    安卓UI設計系列知識
    
				
				
			
    
			
    
				
     
    

    一、適配
    

      

    1. 適配的定義：為使設計內容在不同尺寸的畫布（即不同環境）中呈現 “好看” 的效果而進行的調整，例如將大畫布內容等比縮小放入小畫布，或在畫布尺寸變化時合理調整元素布局（如固定部分元素高度，僅拉伸另一部分）。
      2. 

    2. 適配原則：由于位圖放大易模糊，建議選擇大尺寸內容縮小適配小畫布，但縮小也可能因未用向量檔、未對齊像素、尺寸含小數、旋轉圖形等原因導致模糊，可參考《完美像素》學習解決方法。

      image.png
      

      image.png
      

      image.png
      

      3. 

    

    二、入手方法
    

      

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

      image.png
      

      image.png
      

      2. 

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

      image.png
      

      3. 

    

    三、設計準備
    

      

    1. 度量單位和網格：

        

      • 可觸摸控件基礎單位建議 48dp，按鈕高度建議 40dp（上下外邊距各 4dp），元素間留白建議 8dp，內容距屏幕兩邊建議留 16dp，頂部 ActionsBar、底部 NavBar、列表項的觸摸區域高度建議 48dp，但可根據用戶群體（如老人）調整大小。
        • 

      • 以上規范針對 mdpi，其他分辨率需按比例調整（如 xhdpi 為 mdpi 的 2 倍）。
        • 

      

      2. 

    2. 圖標：

        

      • 需區分圖片大小和圖形大小，建議圖標背景透明。
        • 

      • 啟動圖標在 play 商店需為 512512 像素；操作欄圖標建議圖形區域 2424、圖片大小 32*32；通知欄圖標建議為白色。
        • 

      • 圖標大小可根據用戶需求（如老人）調整。

        image.png
        

        • 

      

      3. 

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

      image.png
      

      4. 

    

    四、畫圖方法
    

      

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

      image.png
      

      2. 

    2. 狀態欄（styleBar）在 mdpi 中高度為 25dp，在 xhdpi 中為 50px，可從安卓 GUI 源文件提取并縮放使用，且算入設計高度；另一類類似元素獲取和高度參考狀態欄，可不算入設計高度。
      3. 

    3. 結合原型圖，依據上述規范設計效果圖，可通過 PS play 在手機上查看效果，后續還將涉及風格變換、狀態處理等內容。

      image.png
      

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


      

      

      

      

      

      

      

      

       
      

      

      

      

      

      

      

      

      

      image.png
      

      4. 

    				
    
								
			
    
		
    
		
		
	
    


    
    
  
    
    
    日歷
    
    
    
        
    
        
    
    
  
    
    
    
    
      
    鏈接
    
      
      
                
    
    
    
    
    
      
    個人資料
    
      
    
          
    
                    
    
          
    藍藍設計的小編
          http://www.skdbbs.com
    
      
    
    
    
    
    
      
    存檔
    
      
    
    

    

    


  
 





主站蜘蛛池模板：
99国产欧美久久久精品蜜芽|
jizz国产精品网站|
久久亚洲国产精品一区二区|
国产精品黄网站|
久久久91精品国产一区二区三区
|
亚洲国产精品久久久久网站
|
国产欧美日本亚洲精品一5|
欧美亚洲成人精品|
婷婷精品国产亚洲AV麻豆不片|
久久精品夜夜夜夜夜久久|
久久91精品国产91久久户|
久久久久99精品成人片牛牛影视
|
国产在线精品一区二区在线观看|
亚洲韩国精品无码一区二区三区|
亚洲AV永久无码精品网站在线观看
|
国产三级精品三级在线观看|
国产精品亚洲二区在线观看|
久久er国产精品免费观看8|
久久精品国产一区二区|
一本色道久久88综合日韩精品|
久久99国产综合精品女同|
久久久精品一区二区三区|
久久久久人妻一区精品|
久久精品国产亚洲AV电影|
国产精品成人精品久久久|
国产成人精品a视频一区|
欧美精品91欧美日韩操|
久久九九有精品国产23百花影院|
精品人妻无码专区中文字幕|
青青草原精品国产亚洲av|
久久久久无码精品国产|
99九九精品免费视频观看|
亚洲精品自在在线观看|
亚洲欧洲国产精品你懂的
|
日韩人妻精品一区二区三区视频
|
欧美激情精品久久久久久久|
国产cosplay精品视频|
亚洲欧美日韩久久精品|
国产精品精品自在线拍
|
久久91精品国产91久久小草|
亚洲精品国产品国语在线|