UI设计基础

李露露

目录

  • 1 《UI设计基础》课程导学
    • 1.1 课程介绍
    • 1.2 课程思政
    • 1.3 教学团队介绍
    • 1.4 人才培养方案
    • 1.5 课程标准
    • 1.6 教学日历
  • 2 《UI设计基础》概述
    • 2.1 UI设计的概念
    • 2.2 UI设计的流程
    • 2.3 UI设计规范
    • 2.4 本章小结
    • 2.5 单元测验
  • 3 项目一:图标设计
    • 3.1 图标设计概述
    • 3.2 图标设计流程
    • 3.3 图标设计规范
    • 3.4 图标设计项目实战
    • 3.5 本章小结
    • 3.6 单元测验
    • 3.7 图标设计案例欣赏
  • 4 项目二:界面设计
    • 4.1 界面设计概述
    • 4.2 界面设计分类
    • 4.3 界面设计规范
    • 4.4 界面设计项目实战
    • 4.5 本章小结
    • 4.6 单元测验
    • 4.7 界面设计案例欣赏
  • 5 项目三:交互设计
    • 5.1 交互设计团队的组成
    • 5.2 交互设计的要素
    • 5.3 交互设计的流程
    • 5.4 交互设计项目实战
    • 5.5 本章小结
    • 5.6 单元测验
    • 5.7 交互设计案例欣赏
  • 6 《UI设计基础》综合项目实战
    • 6.1 生活类APP UI设计
    • 6.2 影音娱乐类APP UI设计
    • 6.3 社交类APP UI设计
    • 6.4 游戏类APP UI设计
教学日历

教学日历

周次

日期

教学内容

实训要点

第一周

UI设计基础概述

1.1 UI设计的概念

1.2 UI设计的流程

1.3 UI设计的规范

1.了解UI设计的概念、UI设计的用户体验与常用设计工具

2.了解UI设计的分类

3.了解UI设计所需的知识储备

4.掌握UI设计的工作流程

第二周

项目一:图标设计

2.1 图标设计概述

2.2 图标设计流程

1.了解图标的概念

2.了解图标设计的分类

3.了解图标设计的原则

4.了解图标设计的风格

5.了解图标草图绘制的规范

6.了解主图界面制作

7.能够利用ps完成图标电脑制作

第三周

2.3 图标设计规范

1. 了解图标设计系统规范

2.了解图标设计制作规范

第四周

2.4 图标设计实战1(草稿绘制)

1.了解图标绘制的方法

2.能够进行图标草稿绘制

第五周

2.4 图标设计实战2(电脑制作)

1.学习ps软件的使用方法

2.能够利用ps软件进行图标制作

第六周

项目二:界面设计

3.1 界面设计概述

3.2 界面设计分类

1.了解常见的APP界面

2.掌握APP界面的布局设计原理和布局方式

3.掌握APP界面颜色的设计方法、

4.了解界面设计的内容

5.了解界面设计的注意要点

6.了解界面设计的表现手法

第七周

3.3 界面设计规范

1.掌握界面设计的系统规范

2.掌握界面设计的制作规范

第八周

3.4 界面设计项目实战1(主界面制作)

1.能够利用设计软件完成主界面制作

第九周

3.4 界面设计项目实战2(详情页制作)

1.能够利用设计软件完成详情页制作

第十周

项目三:交互设计

4.1 交互设计团队的组成

4.2 交互设计的要素

1.了解交互设计团队的组成

2.了解交互设计的要素

第十一周

4.3 交互设计的流程

1.了解交互设计的流程

2.能够进行用户建模

3.能够完成竞品分析

4.能够进行产品流程图绘制

5.掌握低保真原型图和高保真原型图的绘制

第十二周

4.4 交互设计项目实战1(用户建模、思维导图)

1.能够完成需求分析和竞品分析

2.能够进行用户建模和思维导图设计

第十三周

4.4 交互设计项目实战2(低保真原型图)

1.能够进利用平台完成低保真原型图制作

第十四周

4.4 交互设计项目实战3(高保真原型图)

1.能够进利用软件完成高保真原型图制作

第十五周

《UI设计基础》综合项目实战(上)

1.能够综合利用所学知识完成生活类APP和影音娱乐类APP的UI界面设计

第十六周

《UI设计基础》综合项目实战(下)

1.能够综合利用所学知识完成社交类APP和游戏类APP的UI界面设计