在移动互联网，大数据时代，网络、移动设备已经成为生活中不可或缺的一部分，随着生活及欣赏水平的提高，人们对网络中人机交互的界面也提出了更高的要求，各大公司分别成立自己的UI设计部门，主要从事用户研究、交互设计、界面设计等工作。本项目主要进行UI设计概述，让同学们了解UI设计的发展、工作流程、工作的主要内容等相关知识。

【 项目引入 】

【 项目思维导图 】

学习任务

重点、难点

突破方法

1.初识UI设计；

2.UI产品设计流程；

3.UI设计的发展趋势；

4.常见的配色方法。

重点：1. UI产品设计流程；

          2.UI设计发展趋势；

          3.常见的配色方法；

难点：1.UI产品设计流程；

          2.常见的配色方法。

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

知识目标

能力目标

素质目标

1.掌握UI设计的基本概念。

2.掌握UI产品设计的一般流程及发展趋势。

3.了解常见的配色方法。

1.能够了解UI设计的基本概念、设计流程及发展趋势；

2.能进行简单的3-5种颜色搭配。

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

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

3. 培养团队合作能力。

课程思政——职业规划

效果图

【 视频讲解】

知识储备

    1、PS界面认识

任务实现

    1、初识UI设计

    2、UI常用软件

    3、产品设计流程

    4、UI行业发展趋势

    5、颜色模式

    6、色彩情绪

    7、常见配色方案

    8、色环法配色

    9、Adobe Color CC配色

【 资料下载 】

活页教材

          UI设计概述

课程教案

          UI设计概述

演示文稿

       1、初识UI设计.pdf       

       2、UI设计工作流程.pdf

       3、UI设计行业分析.pdf

       4、色彩认识及搭配.pdf

任务工单

          UI设计概述

素材下载

  Adobe Color CC配色

课后同步项目

          Adobe Color CC配色

练习题

       1、练习1

疑难问题解答

     1、常用的配色方法有哪些？