3.4.3 标记非设计区域

由于发现音乐App是以iPhone XS机型为基准来设计的，因此在设计制作界面之前，需要先将非设计区域标记清楚，以免在后续工作中影响整体设计。非设计区域是根据系统规范尺寸设定的，不可更改，不可在非设计区域内创建图层，但可以平铺颜色。

先绘制Status Bar区域和Home Indcator区域。Status Bar区域主要显示手机默认的信号、时间、电量等，iPhone XS官方给出的一倍数值为375ptx44pt。Home Indcator区域是iPhone XS虚拟按键区，iPhone XS官方给出的一倍数值为375ptx34pt。这两个区域不能做设计，所以要提前将它们划分出来。

单击I哪儿天（添加）按钮，选择Shape（形状）中的Rectangle（矩形）；在右侧的属性检查器中的设置尺寸为（W（宽）为375，H（高）为44），再为其填充一个醒目的颜色；将图层命名为：Status Bar。

和上一步相同，创建一个 Rectangle（矩形），或者直接复制上方的矩形（复制快捷键为Comand+D）；在右侧的属性检查器中设置尺寸（W（宽）为375，H（高）为34），再为其填充一个醒目的颜色；将图层命名为：Home Indcator。

选中创建的两个图层，将它们组成图层组（快捷键Command+G），将图层组重命名为“非设计区域”，将鼠标指针放置在图层组名称上，会看到右侧有眼睛图标，单击后可以将图层组隐藏。在后续的设计过程中，可以不断地单击非设计区域图层的小眼睛图标。它的作用主要是提示用户在绘制交互稿和设计稿的时候，不在以上区域进行设计。需要注意的是，虽然不能在此区域进行设计，但是可以为该区域平铺颜色。

绘制Margins（边缘）区域，该区域用于保证设计的内容在可触碰范围内。

用之前的方法创建两个Rectangle（矩形），如下图所示，在右侧的属性检查器板中设置两个矩形的尺寸（W（宽）为16，H（高）为812），再为它们填充一个醒目的颜色，并将图层命名为：Margins。

画出Nav Bar区域。Nav是Navigition（导航）的缩写，所以Nav Bar区域主要显示导航栏，在发现音乐App中，这个区域主要展示导航标签栏，所以要提前将它标记出来。iPhone XS官方给出的Y轴坐标为44，一倍数值为375ptx44pt，尺寸与Status bar一样，所以直接将它复制下来就可以，更改一下颜色，将图层名称改为Nav Bar。