移动端UI元素图形创意设计案例教程 教案全套 魏云柯 项目1--10 概述、小学霸英语App 功能图标设计及绘制方法---怦然乐动App 界面设计及绘制方法.docx

PAGE

PAGE1

XX学校

教案

2023～2024学年第一学期

学院(部门)

XX学院

授课专业名称

XX专业

课程编码

0XXXXXX0

课程名称

UI元素图形创意设计

课程类型

￡A类（纯理论课）RB类（[理论＋实践]课）￡C类（纯实践课）

授课班级

XX班

主讲教师

XXX

使用教材

移动端UI元素图形创意设计案例教程

教务处制

二〇二二年八月

课程教学安排表

章节编号

任务单元/知识点章节目录

线下教学

线上教学

理论学时

实践学时

单元

测验

作业次数

项目实战

演示汇报

小组讨论

学习总结

专题调研

线上

学时

课程公告

交流互动

作业次数

单元

测验

1.1-1.4

UI设计的概念和设计原则、UI设计的流程、UI元素的分类、UI版面和字体设计概述

2

2

1

1.5-1.7

UI色彩和图形设计概述、软件Photoshop界面工具和功能简述、软件Illustrator界面工具和功能简述

2

2

1

1

1

2.1-2.5

功能图标的概念、功能图标范例、功能图标的设计原则、功能图标的风格类型、功能图标的设计步骤

2

2

2

1

1

2.6-2.7

小学霸英语APP底部标签栏图标设计制作项目案例、拓展练习

2

2

1

1

3.1-3.4

APP图标的概念、APP图标范例、APP图标的设计原则、APP图标的设计步骤

2

2

1

3.5-3.6

甜在心APP图标设计及绘制方法项目案例、拓展练习

2

2

1

1

4.1-4.5

色彩的重要性、什么是色彩、色彩的搭配原则、优秀的色彩苑例界面/图标已上线、软件如何设置色彩

2

2

1

2

1

4.6-4.7

桃兔社交通讯APP图标设计制作项目案例、拓展练习

2

2

1

1

1

5.1-5.4

引导页的作用与类型、优秀引导页鉴赏、引导页的设计思路、引导页设计质感提升方法

2

2

1

1

5.5-5.6

怪鱼旅行app引导页设计案例、拓展练习

2

2

1

1

6.1-6.3

banner的概念、banner的设计原则、banner设计的步骤

2

2

2

1

1

6.4-6.5

双11女装促销banner设计与制作项目案例、拓展练习

2

2

1

7.1-7.4

详情页和个人页的概念、详情页和个人页范例、详情页和个人页的设计原则、详情页和个人页的设计步骤

2

2

1

1

7.5-7.6

好又省家装详情页及个人页设计及绘制方法项目案例、拓展练习

2

2

1

1

8.1-8.3

首页的类型、竞品app首页解析、首页面框架层级梳理

2

2

1

2

1

8.4-8.5

首页面原型设计与兜底加载、怪鱼旅行app的首页设计、拓展练习

2

2

1

1

9.1-9.4

项目介绍、项目调研与分析、系统设计、视觉设计

2

2

1

9.5-9.6

砰然乐动APP界面设计项目实战、拓展练习

2

2

1

1

1

小计

36

36

2

8

1

5

8

8

6

4

1

章节名称

1.1-1.4UI设计的概念和设计原则、UI设计的流程、UI元素的分类、UI版面和字体设计概述

授课形式

理论/实训/理实一体化

授课学时

4

教学目标

理解UI设计的概念和设计原则、掌握UI设计的流程、理解UI元素的分类、理解UI版面和字体设计相关内容

【素质】

1.养成善于思考的习惯

【知识】

1.UI设计的概念和设计原则。

2.UI设计的流程。

3.UI元素的分类。

4.UI版面和字体设计相关内容。

【能力】

1.策划一款移动端APP，策划的内容包含产品简介、用户定位、功能梳理、和首页原型图一张。

2.使用手机录屏软件录下APP里的动态效果来作为学习资料。

3.使用数位板或纸笔临摹一下搜集到的字体设计范例。

教学重难点与解决方法

【重点】

1.UI设计的设计原则

2.UI设计的流程

【解决方法】

讲清楚理论知识，让学生多实践

【难点】

1.UI元素的分类

2.UI版面和字体设计相关内容

【解决方法】

讲清楚理论知识，让学生多实践

学情分析与应对方法

学情分析

应对方法

1.非美术生，缺乏造型（素描）能力

1.搜集素材，多画草图

2.不会Photoshop

2.教师讲软件，项目化教学，学生练习

3.不会Illustrator

3.教师讲软件，项目化教学，学生练习

教学用具

已订教材，自编讲义，参考书

教学安排

（含具体教学内容、活动、方法、组织、时间等，★表示“课程思政”要素融合点。）

1.讲授UI设计的概念和设计原则（40分钟）

(1).简易性

(2).一致性

(3).符合用户习惯

(4).秩序性

(5).安全性

2.讲授UI设计的流程并实操（20分钟）

(1).故事版Storyboard

(2).原型图/线框