- Photoshop CC 移動UI設計案例教程(全彩慕課版)
- 胡金黎 朱海燕
- 383字
- 2020-06-12 16:11:33
2.2.3 Android基本布局
在iOS的設計規范中,我們已經剖析了網格系統及其組成元素,因此在Android布局中不再贅述,直接講解Android中網格的布局。
單元格:Android的最小點擊區域是48dp,如圖2-28所示,因此能被整除的偶數4和8作為Android最小單元格比較合適。

圖2-28 單元格
所有組件都與移動設備的8dp網格對齊,如圖2-29所示。

圖2-29 移動設備的8dp網格
圖標、文字和組件中的某些元素可以與4dp網格對齊,如圖2-30所示。

圖2-30 與4dp網格對齊
列:列的數量在手機設備上推薦4列,在平板電腦上推薦8列,如圖2-31所示。

圖2-31 手機設備(左)與平板電腦(右)界面列的數量
水槽:水槽和邊距的寬度在手機設備上推薦16dp,在平板電腦上推薦24dp,如圖2-32所示。

圖2-32 手機設備、平板電腦水槽和邊距的寬度
邊距:邊距的寬度可以和水槽統一,也可以根據產品的設計要求與水槽不同,如圖2-33所示。當Android中邊距的寬度與水槽不同時,其寬度的設置具體可以參考iOS布局中邊距的寬度。

圖2-33 邊距的寬度(?邊距?水槽)
推薦閱讀
- WordPress 2.7 Cookbook
- Cinema 4D電商美工與視覺設計案例教程(培訓教材版)
- ADOBE FLASH PROFESSIONAL CS6 標準培訓教材
- 印象筆記留給你的空間2.0:個人知識管理實踐指南
- AutoCAD 2016中文版完全自學手冊
- 零基礎學Premiere Pro短視頻制作
- 玩轉微信5.0
- Cassandra High Performance Cookbook
- Python 3 Web Development Beginner's Guide
- 中文版Illustrator CC完全自學教程
- Photoshop CS5數字圖像處理
- Building Enterprise Ready Telephony Systems with sipXecs 4.0
- Revit 2022中文版完全自學一本通
- 從小白到高手:Studio One快速上手教程
- AutoCAD 2020中文版入門與提高:園林設計