UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

标注切图输出

发布时间:2022-03-05 00:46   发布人:袁安翠   浏览次数:749


 标注与切图 】

           

        设计图做完以后,需要设计人员将设计图进行标注与切图,标注与切图可以快速的帮助程序设计人员进行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. 培养团队合作能力。

课程思政——网络安全教育

                 

效果图

                 image.png

【 视频讲解】

知识储备


    1标注与切图的概念

    2、Markman介绍

    3、Pxcook像素大厨

    4、蓝湖


任务实现


    1、pxcook标注

    2Pxcook切图

    3蓝湖标注

    4、蓝湖切图


拓展任务实现


    1PS中切图


【 资料下载 】

活页教材

          标注与切图输出

课程教案

           标注与切图输出

演示文稿

             

        2、标注切图输出.pdf


任务工单

           标注与切图

素材下载

     切图文件.jpg

课后同步项目

         PS中切图

练习题

      1、练习1

疑难问题解答

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