UI前端设计
袁安翠

1
2
3
4
5
6
7
8
9

项目1 UI设计概述

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




 UI设计概述 】

        

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

 

【 项目引入 】

 

 

 

【 项目思维导图 】

 

UI设计概述1.jpg

 

学习任务

重点、难点

突破方法

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. 培养团队合作能力。

课程思政——职业规划

                 

效果图

                                                 image.png

【 视频讲解】

知识储备


    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、常用的配色方法有哪些