职称：教师
单位：湖南工艺美术职业学院
部门：数字艺术学院
UI 界面设计
主讲教师：刘杨
教师团队：共6位
- 莫舸
- 周瑶瑶
- 梁添
- 余果
- 刘杨
- 何婕
| 学校： | 湖南工艺美术职业学院 |
| 开课院系： | 数字艺术学院 |
| 专业大类： | 艺术设计类 |
| 开课专业： | 数字媒体艺术设计 |
| 课程负责人： | 刘杨 |
| 课程英文名称： | UI DESIGN |
| 学分： | 6 |
| 课时： | 96 |
课程介绍
本课程将讲解UI设计的基本概念、原则和流程。在真实的项目中学习并应用UI设计的相关软件工具，如Photoshop、Illustrator等。同时，利用理论课程、实践课程穿插的课程体系，让同学来扎实地掌握视觉元素设计与制作，包括布局、颜色、字体、图标和图像处理。除此之外，我们还会学习到利用AIGC制作UI，以及学习交互设计和用户体验（UX）设计的基本原则。 整个课程分为6个具体的项目，通过主题讲解和实操案例分析和实践具体的UI项目，提升各位同学解决设计问题的能力，并配合课后的任务设计和活动设计，培养大家的创新思维和审美能力，设计出符合用户需求和市场趋势的UI作品。
教师团队
课程章节
1
7
5
【0】游戏UI设计师养成计划
-
5.1【课程思政】UI设计师的职业素养与职业能力
-
5.2【课程思政】UI设计与中国传统文化的应用与传播
-
5.3【立德树人】游戏UI设计如何传递积极社会价值观
-
5.4【人文关怀】游戏UI设计中的心理健康促进和护眼理念
-
5.5【行业新成果】角色详情界面案例赏析
-
5.6【行业新发展】人工智能与UI设计
-
5.7【行业新发展】探索手机游戏UI设计
-
5.8【行业新发展】游戏UI设计行业前沿资讯
-
5.9【1+X直通车】游戏美术设计职业技能等级标准
-
5.10【1+X直通车】游戏美术设计职业技能要求
-
5.11【企业导师连线】UI设计师的职业发展与未来挑战
-
5.12【企业导师连线】探索游戏UI设计前沿
8
教学方法
本课程采用理论与实践相结合的教学方法，通过理论讲授与案例分析，讲述经典UI设计案例，让大家学习优秀设计的思路和方法；结合软件实操的课程设计，提升大家的设计与制作技能；再以实际项目为驱动，进行从概念到实现的全流程制作，伴随大家从理论走向实践；通过企业导师连线部分，邀请行业专家进行讲座和指导，让大家了解行业动态和职业发展路径。
教学资源
| 课程章节 | | 文件类型 | | 修改时间 | | 大小 | | 备注 | |
| 1.1 手机UI设计相关基本概念 |
视频
.mp4
|
2024-12-01 | 296.91MB | ||
|
视频
.mp4
|
2024-12-01 | 287.37MB | |||
|
视频
.mp4
|
2024-12-01 | 55.59MB | |||
|
图片
.jpg
|
2024-12-01 | -- | |||
| 1.1.3 智能手机的操作系统有哪些 |
图书
.book
|
2017-11-13 | 166.00Byte | ||
|
图书
.book
|
2017-11-13 | 214.00Byte | |||
| 1.1.4 UI专业术语认知 |
视频
.mp4
|
2023-01-09 | 20.10MB | ||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
| 1.1.5 交互设计七大定律 |
视频
.mp4
|
2024-12-01 | 729.83MB | ||
|
视频
.mp4
|
2024-12-01 | 576.87MB | |||
| 1.2.2 App界面设计实战之准备工作 |
视频
.mp4
|
2023-01-12 | 65.33MB | ||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
|
附件
.${file.extension}
|
2023-01-12 | -- | |||
| 1.2.3 界面的原型设计 |
文档
.pptx
|
2024-12-01 | 3.18MB | ||
|
视频
.mp4
|
2024-12-01 | 334.28MB | |||
| 1.3.2 UI规范 |
视频
.mp4
|
2023-01-10 | 50.67MB | ||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
|
附件
.${file.extension}
|
2023-01-10 | -- | |||
| 1.3.3 UE/UX用户体验设计基础认知 |
视频
.mp4
|
2023-01-11 | 30.13MB | ||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
|
附件
.${file.extension}
|
2023-01-11 | -- | |||
| 1.4 UI设计的工具 |
视频
.mp4
|
2023-01-09 | 22.35MB | ||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
|
附件
.${file.extension}
|
2023-01-09 | -- | |||
| 1.8 界面设计的配色技巧 |
文档
.pptx
|
2024-12-01 | 3.60MB | ||
|
视频
.mp4
|
2024-12-01 | 372.67MB | |||
| 2.3 App界面设计实战之登录页面 |
视频
.mp4
|
2023-01-13 | 52.26MB | ||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
|
附件
.${file.extension}
|
2023-01-13 | -- | |||
| 4.1 Tab栏图标动效 |
视频
.avi
|
2018-10-15 | 59.49MB | ||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
|
图片
.jpg
|
2024-12-06 | -- | |||
| 5.1 【课程思政】UI设计师的职业素养与职业能力 |
文档
.pptx
|
2024-12-06 | 15.80MB | ||
|
视频
.mp4
|
2024-12-06 | 55.59MB | |||
| 5.2 【课程思政】UI设计与中国传统文化的应用与传播 |
文档
.pptx
|
2024-12-06 | 17.09MB | ||
|
视频
.mp4
|
2024-12-06 | 51.89MB | |||
| 5.3 【立德树人】游戏UI设计如何传递积极社会价值观 |
文档
.pptx
|
2024-12-06 | 6.07MB | ||
| 5.4 【人文关怀】游戏UI设计中的心理健康促进和护眼理念 |
文档
.pptx
|
2024-12-06 | 1.73MB | ||
| 5.5 【行业新成果】角色详情界面案例赏析 |
文档
.pptx
|
2024-12-06 | 2.80MB | ||
| 5.6 【行业新发展】人工智能与UI设计 |
文档
.pptx
|
2024-12-06 | 797.38KB | ||
| 5.7 【行业新发展】探索手机游戏UI设计 |
文档
.pptx
|
2024-12-06 | 1.78MB | ||
| 5.8 【行业新发展】游戏UI设计行业前沿资讯 |
文档
.pptx
|
2024-12-06 | 10.55MB | ||
| 5.9 【1+X直通车】游戏美术设计职业技能等级标准 |
文档
.pptx
|
2024-12-06 | 2.17MB | ||
| 5.10 【1+X直通车】游戏美术设计职业技能要求 |
文档
.pptx
|
2024-12-06 | 4.96MB | ||
| 5.11 【企业导师连线】UI设计师的职业发展与未来挑战 |
文档
.pptx
|
2024-12-06 | 6.94MB | ||
|
视频
.mp4
|
2024-12-06 | 287.37MB | |||
| 5.12 【企业导师连线】探索游戏UI设计前沿 |
文档
.pptx
|
2024-12-06 | 19.40MB | ||
|
视频
.mp4
|
2024-12-06 | 296.91MB | |||
| 6.1 交互设计７大定律（上） |
文档
.pptx
|
2024-12-06 | 3.18MB | ||
|
视频
.mp4
|
2024-12-06 | 729.83MB | |||
| 6.2 交互设计７大定律（下） |
文档
.pptx
|
2024-12-06 | 3.04MB | ||
|
视频
.mp4
|
2024-12-06 | 576.87MB | |||
| 6.3 界面的原型设计 |
文档
.pptx
|
2024-12-06 | 3.18MB | ||
|
视频
.mp4
|
2024-12-06 | 334.28MB | |||
| 6.4 界面的配色技巧 |
文档
.pptx
|
2024-12-06 | 3.60MB | ||
|
视频
.mp4
|
2024-12-06 | 372.67MB | |||
| 7.2 【前导内容】 |
视频
.mp4
|
2024-12-01 | 39.23MB | ||
|
文档
.pptx
|
2024-12-08 | 2.95MB | |||
| 7.3 运动时尚类手机APP应用UI设计全流程1 |
文档
.pptx
|
2024-12-01 | 2.39MB | ||
|
视频
.mp4
|
2024-12-01 | 60.31MB | |||
| 7.4 运动类时尚手机app应用UI设计全流程2 |
文档
.pptx
|
2024-12-01 | 2.27MB | ||
|
视频
.mp4
|
2024-12-01 | 31.63MB | |||
| 7.5 运动时尚类手机APP应用UI设计全流程3 |
文档
.pptx
|
2024-12-01 | 4.79MB | ||
|
视频
.mp4
|
2024-12-01 | 46.31MB | |||
| 7.6 运动时尚类手机APP应用UI设计全流程4 |
文档
.pptx
|
2024-12-01 | 6.42MB | ||
|
视频
.mp4
|
2024-12-01 | 33.40MB | |||
| 7.8 【随堂试卷】 |
图片
.png
|
2024-12-06 | -- | ||
| 8.2 【前导内容】 |
文档
.pptx
|
2024-12-06 | 9.22MB | ||
|
视频
.mp4
|
2024-12-06 | 230.44MB | |||
| 8.3 卡通国风界面笔刷设计与制作 |
文档
.pptx
|
2024-12-06 | 10.20MB | ||
|
视频
.mp4
|
2024-12-06 | 64.35MB | |||
| 8.4 卡通国风界面原型设计及制作 |
文档
.pptx
|
2024-12-06 | 3.30MB | ||
|
视频
.mp4
|
2024-12-06 | 58.91MB | |||
| 8.5 卡通国风图标及按钮设计-按钮设计 |
文档
.pptx
|
2024-12-06 | 2.43MB | ||
|
视频
.mp4
|
2024-12-06 | 41.45MB | |||
| 8.6 卡通国风图标及按钮设计-图标设计 |
文档
.pptx
|
2024-12-06 | 9.51MB | ||
|
视频
.mp4
|
2024-12-06 | 47.40MB | |||
| 8.7 卡通国风详情界面制作及细化-详情界面制作 |
文档
.pptx
|
2024-12-06 | 4.03MB | ||
|
视频
.mp4
|
2024-12-06 | 59.95MB | |||
| 8.8 卡通国风详情界面制作及细化-界面细化 |
文档
.pptx
|
2024-12-06 | 4.74MB | ||
|
视频
.mp4
|
2024-12-06 | 56.99MB | |||
| 8.10 【随堂试卷】 |
图片
.png
|
2024-12-06 | -- | ||
| 9.2 【前导内容】 |
文档
.pptx
|
2024-12-06 | 8.87MB | ||
|
视频
.mp4
|
2024-12-06 | 42.32MB | |||
| 9.3 国风中式古风界面底框绘制 |
文档
.pptx
|
2024-12-06 | 8.12MB | ||
|
视频
.mp4
|
2024-12-06 | 46.38MB | |||
| 9.4 中式古风界面标签栏绘制-图稿绘制 |
文档
.pptx
|
2024-12-06 | 14.41MB | ||
|
视频
.mp4
|
2024-12-06 | 35.71MB | |||
| 9.5 中式古风界面标签栏绘制-上色绘制 |
文档
.pptx
|
2024-12-06 | 8.00MB | ||
|
视频
.mp4
|
2024-12-06 | 61.00MB | |||
| 9.7 中式古风界面分类选项栏绘制-主体绘制 |
文档
.pptx
|
2024-12-06 | 14.19MB | ||
|
视频
.mp4
|
2024-12-06 | 67.06MB | |||
| 9.8 中式古风界面分类选项栏绘制-周边元素绘制 |
文档
.pptx
|
2024-12-06 | 10.81MB | ||
|
视频
.mp4
|
2024-12-06 | 68.42MB | |||
| 9.9 中式古风界面详情栏绘制-左侧详情绘制 |
文档
.pptx
|
2024-12-06 | 9.89MB | ||
|
视频
.mp4
|
2024-12-06 | 58.35MB | |||
| 9.10 中式古风界面详情栏绘制-右侧详情绘制 |
文档
.pptx
|
2024-12-06 | 15.07MB | ||
|
视频
.mp4
|
2024-12-06 | 58.92MB | |||
| 9.11 【随堂试卷】 |
图片
.png
|
2024-12-06 | -- | ||
| 10.2 AI绘图工具参数介绍 |
文档
.pptx
|
2024-12-06 | 13.69MB | ||
|
视频
.mp4
|
2024-12-06 | 73.90MB | |||
| 10.3 AI绘图中的提示词使用技巧 |
文档
.pptx
|
2024-12-06 | 19.87MB | ||
|
视频
.mp4
|
2024-12-06 | 39.04MB | |||
| 10.4 AI绘图中的图生图使用技巧 |
文档
.pptx
|
2024-12-06 | 17.50MB | ||
|
视频
.mp4
|
2024-12-06 | 52.49MB | |||
| 10.6 游戏斧头图标的AI绘制：线稿绘制 |
文档
.pptx
|
2024-12-06 | 13.63MB | ||
|
视频
.mp4
|
2024-12-06 | 86.09MB | |||
| 10.7 游戏斧头图标的AI绘制：炼图技法 |
文档
.pptx
|
2024-12-06 | 6.20MB | ||
|
视频
.mp4
|
2024-12-06 | 68.50MB | |||
| 10.8 游戏斧头图标的AI绘制：上色及修正 |
文档
.pptx
|
2024-12-06 | 8.95MB | ||
|
视频
.mp4
|
2024-12-06 | 100.34MB | |||
| 10.9 游戏斧头图标的AI绘制：细化 |
文档
.pptx
|
2024-12-06 | 7.13MB | ||
|
视频
.mp4
|
2024-12-06 | 73.35MB | |||
| 11.2 用户体验设计 |
文档
.pptx
|
2024-12-06 | 5.13MB | ||
|
视频
.mp4
|
2024-12-06 | 35.09MB | |||
| 11.3 UI设计中的动效设计 |
文档
.pptx
|
2024-12-06 | 6.35MB | ||
|
视频
.mp4
|
2024-12-06 | 43.88MB | |||
| 11.4 动效设计中的设计类型及动画效果 |
文档
.pptx
|
2024-12-06 | 73.80MB | ||
|
视频
.mp4
|
2024-12-06 | 52.74MB | |||
| 11.5 动效设计方案 |
文档
.pptx
|
2024-12-06 | 20.01MB | ||
|
视频
.mp4
|
2024-12-06 | 27.94MB | |||
| 11.6 手环页面展示动效 |
文档
.pptx
|
2024-12-06 | 8.30MB | ||
|
视频
.mp4
|
2024-12-06 | 32.56MB | |||
| 11.7 鞋子页面展示动效 |
文档
.pptx
|
2024-12-06 | 6.59MB | ||
|
视频
.mp4
|
2024-12-06 | 39.60MB | |||
| 11.9 【随堂试卷】 |
图片
.png
|
2024-12-06 | -- | ||
|
图片
.png
|
2024-12-06 | -- |
视频