- Photoshop CC 移動UI設(shè)計案例教程(全彩慕課版)
- 胡金黎 朱海燕
- 488字
- 2020-06-12 16:11:32
2.2.1 Android設(shè)計尺寸
1. 相關(guān)單位
DPI:網(wǎng)點密度(Dot Per Inch),是打印分辨率的單位,表示每英寸打印的點數(shù),在移動設(shè)備上等同于PPI,表示每英寸所擁有的像素數(shù)量,如圖2-22所示。通常PPI代表蘋果手機,DPI代表安卓手機。

圖2-22 DPI等同于PPI
獨立密度像素與獨立縮放像素:獨立密度像素(Density-independent Pixels,dp)是安卓設(shè)備上的基本單位,等同于蘋果設(shè)備上的pt。Android開發(fā)工程師使用的單位是dp,所以UI設(shè)計師進行標注時應(yīng)將px轉(zhuǎn)化成dp,公式為dp×ppi/160=px。當(dāng)設(shè)備的DPI值是320時,通過公式可得出1dp=2px,如圖2-23所示(類似iPhone 6/7/8的高清屏)。

圖2-23 dp與px的轉(zhuǎn)換
獨立縮放像素(Scale-independent Pixel,sp)是Android設(shè)備上的字體單位。Android平臺允許用戶自定義文字大小(小、正常、大、超大等),當(dāng)文字尺寸是“正常”狀態(tài)時,1sp=1dp,如圖2-24所示;而當(dāng)文字尺寸是“大”或“超大”時,1sp>1dp。UI設(shè)計師進行Android界面的設(shè)計時,標記字體的單位選用sp。

圖2-24 sp等同于dp
2. 設(shè)計尺寸
Android常見的設(shè)備尺寸如圖2-25和圖2-26所示。在進行界面設(shè)計時,如果想要一稿適配Android和iOS,就使用Photoshop新建720px×1280px尺寸的畫布。如果根據(jù)MaterialDesign新規(guī)范單獨設(shè)計Android設(shè)計稿,就使用Photoshop新建1080px×1920px尺寸的畫布。無論哪種需求,使用Sketch只建立360dp×640dp尺寸的畫布即可。

圖2-25 Android常見的設(shè)備尺寸

圖2-26 Android設(shè)計標準尺寸
- CAXA CAD電子圖板2020工程制圖
- Drupal Multimedia
- 中文版Illustrator CC 2018基礎(chǔ)培訓(xùn)教程
- Final Cut Pro短視頻剪輯入門教程
- 深入理解OpenCV:實用計算機視覺項目解析(原書第3版)
- Photoshop CC移動UI設(shè)計實用教程
- Photoshop插畫藝術(shù)火星風(fēng)暴
- PostgreSQL 9.0 High Performance
- 無師自通AutoCAD 2014中文版機械設(shè)計
- Photoshop數(shù)字圖像處理
- 剪映:從零開始精通短視頻剪輯(電腦版)
- .NET 4.0 Generics
- UML 2.0 in Action: A project/based tutorial
- 中文版3ds Max 2014基礎(chǔ)培訓(xùn)教程
- jQuery 1.3 with PHP