1

第1课时

发布时间:2026-09-01 16:10   发布人:袁安翠   浏览次数:143

【 任务1:JS基础认识 】

        UI设计即为用户界面设计,全称UI=User Interface。UI设计是为了满足专业化、标准化需求而对软件界面进行美化、优化和规范化的设计分支。我们这门课就是培养学生处理多媒体界面设计和网络视觉设计的课程。

 本任务要求学生掌握PS的基本操作,了解简单的扁平化设计,掌握开机按钮的绘制。

【 思维导图 】


【 一分钟导学视频 】


能力目标

知识目标

素质目标

 

1、能够进行PS的简单使用。

2、能进行开机按钮的绘制。

 

 

1.掌握UI设计的概念、分类、及设计原则。

2.掌握PS安装、工作界面认识、PS基本操作。

3、能利用PS绘制简洁的开机按钮。

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

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

3. 培养团队合作能力。

 

课程思政

重点、难点

突破方法

1. PS界面认识

2. 扁平化风景图绘制;

3. 开机按钮的绘制。

1. PS认识、PS中选区的使用颜色填充,PS中形状工具。

2. 教学难点:PS中形状工具。

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

【 课程资源及资料下载 】

视频

课前知识储备

案例视频

案例视频

案例视频

教师区

单元设计

HTML5 CSS3网页设计概述

演示文稿

HTML5 CSS3网页设计概述

学生区

任务工单

HTML5 CSS3网页设计概述

实训指导书

HTML5 CSS3网页设计概述

案例代码

HTML5 CSS3网页设计概述

电子教材

HTML5 CSS3网页设计概述

素材下载

1-1卡通图标素材.zip

2、简洁的开机按钮

课后习题区

课后习题

HTML5 CSS3网页设计概述

答案

HTML5 CSS3网页设计概述

拓展学习区

课内同步案例


课后拓展案例


拓展资源区

拓展知识


优秀作品欣赏


疑难问题解答

1、什么是网页

专业英语