设计规范

设计师在进行设计时，遵循以下设计规范，能让Picasso解析生成的代码还原更加精准、可用度更高。

切图规范

期望在页面中通过图片展示的图层、组、区域等需要作为切片处理，切片方式如下图所示。

不做切片可能造成一张图片被解析成多张细碎的小图，如下

• sketch设计稿中的图片图层(未做切片)。

• 解析生成的代码中为多张小图拼叠成的大图，代码几乎不可用。

图层规范

1. 同模块的图层尽量放在同一个组(Group)中

2. 设计时，尽量减少冗余无用的图层，视觉稿中不需要展示的图层需要删除或者隐藏，尽量不要通过图层覆盖的方式来隐藏图层。

• 应该通过sketch中隐藏功能进行隐藏(如下图)，这样Picasso在解析的过程中直接删除处理。

3. 多行文本如果是一个整体尽可能使用一个文本实现

错误的方式：

正确的方式：

4. 单行文本，文本内容宽度尽量和文本框保持一致。

错误的方式：

正确的方式：

5. 列表中相同列表项尺寸大小、列表项间距等尽量保持一致，减小误差。

6. 居中图层的位置尽量精准，减小误差。 在设计一个图层水平居中的时，尽可能精准，如图所示：