设计图做完以后，除了标注切图提供给程序设计人员以外，很多时候我们还可以在专业的设计网站上（如站酷、花瓣等）进行项目产品的展示，设计师之间相互交流、相互学习，共同进步。这种网站上的作品展示一般包含哪些参数指标及展示内容呢？本任务我们将进行讲解。

【 任务引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1. Mockup样机的使用；

2.网站项目展示尺寸规范；

3.项目展示页面绘制。

重点：1. Mockup样机的使用；

          2.项目展示尺寸规范；

          3.项目展示页面绘制；

难点：1.Mockup样机的使用；

          2.项目展示页面绘制。

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

知识目标

能力目标

素质目标

1.掌握Mockup样机的使用。

2.掌握网站项目展示尺寸规范。

3.了解项目展示页面绘制规则。

1.能够使用Mockup样机进行产品展示；

2.能进行项目展示页面的绘制。

1. 网络礼仪道德教育；

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

3. 培养团队合作能力。

课程思政——网络礼仪道德

效果图

【 视频讲解】

知识储备

    1、项目展示任务分析

    2、Mockup样机

    3、网站展示尺寸及展示内容

任务实现

    1、头部的绘制

    2、产品分析、设计目标

    3、色彩规范

    4、颜色规范、文字规范

    5、原型图、页面展示

拓展任务实现

    1、项目展示效果参考

【 资料下载 】

活页教材

          项目展示输出

课程教案

           项目展示输出

演示文稿

        2、标注切图输出.pdf

任务工单

           标注与切图

素材下载

   卡通素材1.png

         卡通素材2.png

         项目展示素材.rar

         样机展示.rar

         样机.rar

课后同步项目

         项目展示效果参考

练习题

       1、练习1

疑难问题解答

     1、常见的项目展示效果哪里可以查看？