设计图做完以后，需要设计人员将设计图进行标注与切图，标注与切图可以快速的帮助程序设计人员进行APP代码实现，并最大限度的进行界面还原，提高团队合作效率。如何快速的进行界面的标注与切图，我们将通过Markman马克鳗、Pxcook像素大厨及蓝湖等软件配合来实现。

【 任务引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1.Markman标注与切图；

2.Pxcook标注与切图；

3.蓝湖标注与切图。

重点：1. Markman标注与切图；

          2.Pxcook标注与切图；

          3.蓝湖标注与切图；

难点：1.Pxcook标注与切图；

          2.蓝湖标注与切图。

采用翻转课堂、项目导入的教学模式，采用分组讨论、案例教学、演示动画等教学方法，运用在线教学平台。

知识目标

能力目标

素质目标

1.了解Markman标注与切图方法；

2.掌握Pxcook标注于切图方法；

3.掌握蓝湖标注与切图方法。

1.能够使用不同的方法进行标注与切图；

2.能够应用Pxcook与蓝湖进行标注于切图。

1. 养成积极主动学习意识；

2. 养成勤于动手的习惯；

3. 培养团队合作能力。

课程思政——梦想

效果图

【 视频讲解】

知识储备

    1、标注与切图的概念

    2、Markman介绍

    3、Pxcook像素大厨

    4、蓝湖

任务实现

    1、pxcook标注

    2、Pxcook切图

    3、蓝湖标注

    4、蓝湖切图

拓展任务实现

    1、PS中切图

【 资料下载 】

单元设计

          标注与切图

课程教案

           标注与切图

演示文稿

        2、标注切图输出.pdf

任务工单

           标注与切图

素材下载

     切图文件.jpg

课内同步项目

          PS中切图

练习题

       1、练习1

疑难问题解答

     1、常见的标注与切图方法有哪些？