UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

项目展示输出

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

项目展示输出 】

           

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

 

【 任务引入 】

 

 

【 项目思维导图 】


学习任务

重点、难点

突破方法

1. Mockup样机的使用;

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

3.项目展示页面绘制。

重点:1. Mockup样机的使用;

          2.项目展示尺寸规范;

          3.项目展示页面绘制;

难点:1.Mockup样机的使用;

          2.项目展示页面绘制。

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

知识目标

能力目标

素质目标

1.掌握Mockup样机的使用。

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

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

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

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

1. 网络礼仪道德教育;

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

3. 培养团队合作能力。

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

                 

效果图

                                        

                              展示效果.png


【 视频讲解】

知识储备


    1项目展示任务分析

    2、Mockup样机

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


任务实现


    1、头部的绘制

    2产品分析、设计目标

    3色彩规范

    4、颜色规范、文字规范

    5、原型图、页面展示


拓展任务实现


    1项目展示效果参考


【 资料下载 】

活页教材

          项目展示输出

课程教案

           项目展示输出

演示文稿

             

        2、标注切图输出.pdf


任务工单

           标注与切图

素材下载

   卡通素材1.png

         卡通素材2.png

         项目展示素材.rar

         样机展示.rar

         样机.rar

课后同步项目

        项目展示效果参考

练习题

      1、练习1

疑难问题解答

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