如何使用pxcook标注sketch文件的颜色

在设计稿设计完成之后,需要进行标注后才能给前端进行设计开发,标注得准确能够保证还原度,下面介绍操作方法。

标注颜色

(01)在进行操作前要下载好pxcook软件哦,进入sketch界面,点击图示处打开。

如何使用pxcook标注sketch文件的颜色

(02)打开导出弹框后,选择“导出选中的画板”,点选后话后选择“导出到pxcook”

如何使用pxcook标注sketch文件的颜色 第2张

(03)跳转到pxcook界面,输入项目名称进行创建。

如何使用pxcook标注sketch文件的颜色 第3张

(04)项目名称输入完成后,不要忘了选择项目格式

如何使用pxcook标注sketch文件的颜色 第4张

(05)进入标注编辑界面,在工具中选择“颜色标注”

如何使用pxcook标注sketch文件的颜色 第5张

(06)点选颜色标注后,我们将鼠标移动到页面相关位置,就会显示当前位置的RGB色号。

如何使用pxcook标注sketch文件的颜色 第6张

(07)确定标注后,点击左键即可标注当前位置的RGB色号。

如何使用pxcook标注sketch文件的颜色 第7张

(08)在工具中选择“移动工具”,然后点击锚点可调整标注的位置。

如何使用pxcook标注sketch文件的颜色 第8张

(09)在上方颜色中,我们能够选择不同的标注颜色,方便用户进行查看。

如何使用pxcook标注sketch文件的颜色 第9张

(10)标注完成后,点击“导出标注图”,选择路径,点击“存储”即可。

如何使用pxcook标注sketch文件的颜色 第10张