設計稿基本規範
注意：以下規範適用於 Sketch 設計稿和 PSD 設計稿。
設計師注意
如果您是設計師，我們希望您在繪製設計稿時，能遵循以下規範。
0. 設計稿前置要求
模塊建議都放在畫板（Artboard）中
同在一個畫板（Artboard）中的模塊，第一層的子級必須是編組(Group)，不要有非編組(Group)的圖層
1. 圖層的組織
屬於同個模塊的圖層分到一個編組(Group)，圖層命名沒有要求。
2. 切圖方法
imgcook 提供了一種快速識別切圖的方法。將需要導出成一張位圖的元素編組並在命名時添加“#merge#”即可，如果切圖的尺寸和期望的不一致，可以通過在編組裏添加實際尺寸和位置的 Mask（蒙版）來解決。
示例 1
下圖所示的商品 1 排 4 模塊，商品圖與實際圖片尺寸大小不一致。商品圖的大小是 113x100，真實圖片爲一張方圖，尺寸是 156 * 156，所以在商品圖下添加了一個 Mask，標記真實圖片的尺寸。
示例 2
下圖所示原圖尺寸是 842 x 465，如果不加 Mask，生成的圖片就不符合預期。Mask 的尺寸設置爲 702 x 394，最後生成的尺寸就是期望的 702 x 394。
3. 元素的位置儘量準確
元素的位置需要儘量準確，下圖中的品牌 Logo 圖是居中對齊的，左右兩側間隔都是 104px，左右可以偏差幾個像素，但如果偏差太大，一邊是 90px，而另外一邊是 110px，生成代碼時就不會是一個居中的元素，不符合預期。
4. 模塊大小必須在頁面寬度範圍內
模塊的大小如果超過了頁面的範圍，必須使用mask進行裁剪，適配頁面寬度
