建立适合Android系统的网格系统,由于Android系统手机存在多种屏幕像素密度,所以设计师在设计与制作界面的过程中,要牢记各屏幕像素密度之间的差异,熟知它们之间的换算规则,保证所有或者大部分屏幕控件和元素都采用双数。
那么在Photoshop中新建画布之后,建立合适的网格系统就变得尤为重要了。建立网格系统的方法:编辑—首选项—参考线、网格和切片,如图1所示。
图1 网络系统的建立方法
以XXHdpi为例,其屏幕尺寸为1080px×1920px,建议的导航栏高度为144px,标签栏高度为144px。由于在XXHdpi中,1dp=3px,所以最小间隔为8dp=24px,最小可点击区域为48dp=144px。设计师可以建立以24px为基准的网格系统,如图2所示,对参考线进行详细的设置。
图2 在XXHdpi中建立网格系统