个人介绍
UI界面设计

主讲教师:高会杰

教师团队:共5

  • 曾蒸
  • 谷晓蕾
  • 吴米
  • 余柯菲
  • 王南英
XY课程介绍
      UI界面设计课程以讲解移动端界面设计方法为核心,以完成APP界面设计实现为主线,从常见的一个个容易实现的小元素、小模块、小效果的设计实现开始,围绕综合项目的实现能力培养来组织教学内容。
     课程适用专业人才培养方案中的培养目标和培养规格的要求,在专业课程体系结构中承上启下,对学生职业能力培养和职业素养养成起到明显的促进作用。

(1)知识目标:① 掌握UI设计基本概念及流程;② 掌握UI界面构成元素分类③ 掌握多种UI界面设计风格;④ 掌握UI界面设计尺寸规范。
(2)能力目标:① 能够设计UI界面组成元素;② 能够设计出符合规范的UI界面;③ 能够实现多种风格的设计效果;④ 能够系统性的根据需求完成多界面的UI设计。
(3)素质目标:① 具有一定的学习能力、沟通与团队的协作精神;② 形成良好的思考问题、做事严谨的工作作风;③ 养成良好的职业素养,遵守国家关于软件与信息技术的相关法律法规,具有良好的职业道德。




教师团队

曾蒸

职称:讲师

单位:湖南信息职业技术学院

部门:软件学院

职位:专职教师

谷晓蕾

职称:讲师

单位:湖南信息职业技术学院

部门:软件学院

职位:专职教师

吴米

职称:高级产品经理

单位:腾讯公司

部门:产品设计部

职位:高级产品经理

余柯菲

职称:讲师

单位:湖南信息职业技术学院

部门:软件学院

王南英

职称:讲师

优秀学生作品

   作者:刘梦瑶

   作者:白诗瑶

   作者:陈瑶

参考教材

Photoshop CC 移动UI 界面设计与实战(第2版) 

玩转移动UI基础,掌控iOS和Android系统,精通APP应用设计,图文详解、配套教学视频,系统、全面、从新手到高手!


XY课程收获

你将获得腾讯公司高级产品经理的宝贵经验分享与指导、参与本地企业app应用设计

你将跟随课程,设计出你自己的UI界面作品;

你将获得审美能力的提高、增加设计兴趣、熟练掌握UI界面设计技能、加强综合素质的培养。

让我们摆脱枯燥理论,运用具体项目案例实战实训,我们一起从无到有设计出美观时尚的UI界面!

XY学习人群

本课程适合数字媒体专业、视觉传达专业、移动互联网产品开发专业、软件应用开发等专业同学学习。

同时,课程也适合所有对UI界面设计感兴趣的同学进行学习。




XY课程简介

课程以完成APP界面设计实现为主线,从常见的小元素制作开始,围绕综合项目的实现能力培养,来组织教学内容,以学习成果为导向重构课程内容,学习一个知识就制作一个作品。以知识体系为架构,结合问题驱动法,进行在线课程建设,达到全面树人、产学结合的人才培养目的。


课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 课程概述
视频
.mp4
2023-06-05 233.04MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
1.2 初识UI
视频
.mp4
2023-06-05 93.95MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
1.2.1 设计师能力及原则
视频
.mov
2023-06-05 3.94MB
 
视频
.mov
2023-06-05 96.33MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
1.2.2 设计流程
视频
.mov
2023-06-05 138.54MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
1.2.3 设计参数
视频
.mov
2023-06-05 45.74MB
 
文档
.docx
2023-06-05 38.65KB
 
文档
.docx
2023-06-05 1.54MB
 
文档
.docx
2023-06-05 17.81KB
 
文档
.docx
2023-06-05 741.42KB
 
文档
.docx
2023-06-05 825.34KB
 
附件
.${file.extension}
2023-06-05 --
1.2.4 强化练习
作业
.work
2023-06-05 --
1.2.5 UI思政:殷切希望
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1 项目1  设计火宫殿应用图标
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1.1 认识图标
视频
.mp4
2023-06-05 145.24MB
 
视频
.mov
2023-06-05 103.78MB
 
文档
.pdf
2023-06-05 567.50KB
 
视频
.mov
2023-06-05 47.89MB
2.1.2 任务1火宫殿线性图标设计
视频
.mp4
2023-06-05 86.78MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 138.36MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 125.41MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1.3 任务2火宫殿扁平图标
视频
.mp4
2023-06-05 138.36MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1.4 任务3火宫殿拟物图标
视频
.mp4
2023-06-05 125.41MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1.5 设计拓展
视频
.mp4
2023-06-05 152.16MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 328.41MB
 
作业
.work
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mov
2023-06-05 769.98MB
 
作业
.work
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 16.29MB
 
视频
.mp4
2023-06-05 41.99MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.1.6 强化练习
作业
.work
2023-06-05 --
2.1.7 UI思政:从业道德
视频
.mp4
2023-06-05 15.76MB
 
附件
.${file.extension}
2023-06-05 --
2.2 项目2  设计乌山森林公园导航栏
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.2.1 初识导航栏
视频
.mp4
2023-06-05 37.30MB
 
视频
.mov
2023-06-05 246.17MB
 
视频
.mov
2023-06-05 123.57MB
 
视频
.mov
2023-06-05 262.47MB
2.2.2 任务4设计乌山森林公园顶部导航栏
视频
.mp4
2023-06-05 454.24MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.2.3 任务5 设计乌山森林公园底部导航栏
视频
.mp4
2023-06-05 63.75MB
 
附件
.${file.extension}
2023-06-05 --
2.2.4 设计拓展
视频
.mp4
2023-06-05 107.27MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 138.28MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.2.5 强化练习
作业
.work
2023-06-05 --
2.2.6 UI思政:守法品德
视频
.mp4
2023-06-05 35.31MB
 
附件
.${file.extension}
2023-06-05 --
2.3 项目3  设计线上超市按钮
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.3.1 初识按钮
视频
.mp4
2023-06-05 34.13MB
 
视频
.mp4
2023-06-05 14.20MB
 
视频
.mp4
2023-06-05 32.33MB
 
视频
.mp4
2023-06-05 33.07MB
2.3.2 任务6设计超市购物提交按钮
视频
.mov
2023-06-05 44.36MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.3.3 任务7设计超市购物车按钮
视频
.mov
2023-06-05 107.08MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.3.4 设计拓展
视频
.mov
2023-06-05 558.22MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mp4
2023-06-05 33.98MB
 
附件
.${file.extension}
2023-06-05 --
2.3.5 强化练习
作业
.work
2023-06-05 --
2.3.6 UI思政:从业规范
视频
.mp4
2023-06-05 13.01MB
 
附件
.${file.extension}
2023-06-05 --
2.4 项目4  设计奶茶店用户表单
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.4.1 初识表单
视频
.mp4
2023-06-05 122.41MB
 
视频
.mov
2023-06-05 56.11MB
 
视频
.mov
2023-06-05 52.82MB
 
视频
.mov
2023-06-05 112.85MB
 
视频
.mov
2023-06-05 91.66MB
 
视频
.mov
2023-06-05 233.97MB
2.4.2 任务8设计奶茶店登陆表单
视频
.mp4
2023-06-05 256.15MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.4.3 任务9设计奶茶店用户表单
视频
.mp4
2023-06-05 96.02MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.4.4 设计拓展
视频
.mov
2023-06-05 128.21MB
 
视频
.mov
2023-06-05 116.93MB
 
视频
.mov
2023-06-05 224.64MB
 
文档
.pptx
2023-06-05 428.55KB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.4.5 强化练习
作业
.work
2023-06-05 --
2.4.6 UI思政:与人沟通
视频
.mp4
2023-06-05 20.23MB
 
附件
.${file.extension}
2023-06-05 --
2.5 项目5  设计游戏加载进度条
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.5.1 初识进度条
视频
.mp4
2023-06-05 34.74MB
 
文档
.pdf
2023-06-05 331.22KB
 
视频
.mp4
2023-06-05 54.80MB
 
视频
.mp4
2023-06-05 17.22MB
 
视频
.mp4
2023-06-05 30.24MB
2.5.2 任务9 地图下载进度条
视频
.mp4
2023-06-05 81.71MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.5.3 任务10 视频加载进度条
视频
.mp4
2023-06-05 23.53MB
 
附件
.${file.extension}
2023-06-05 --
2.5.4 设计拓展
视频
.flv
2023-06-05 137.75MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
2.5.5 强化练习
作业
.work
2023-06-05 --
2.5.6 UI思政:行业变化
视频
.mp4
2023-06-05 21.90MB
 
附件
.${file.extension}
2023-06-05 --
3.1 项目6   设计“众商银行”APP主界面
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.1.1 主界面设计思路
视频
.mov
2023-06-05 189.53MB
 
视频
.mov
2023-06-05 87.09MB
3.1.2 任务13 设计众商银行APP主界面
视频
.mp4
2023-06-05 781.70MB
 
视频
.mp4
2023-06-05 246.26MB
 
视频
.mp4
2023-06-05 579.91MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.1.3 设计拓展
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.1.4 强化练习
作业
.work
2023-06-05 --
3.1.5 UI思政:文化自信
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.2 项目7   设计“微博公益”启动页界面
附件
.${file.extension}
2023-06-05 --
3.2.1 启动界面设计思路
视频
.mp4
2023-06-05 132.73MB
 
视频
.mov
2023-06-05 106.22MB
 
视频
.mov
2023-06-05 338.28MB
 
视频
.mov
2023-06-05 371.17MB
 
视频
.mov
2023-06-05 145.20MB
3.2.2 任务14 设计微博公益启动页界面
视频
.mp4
2023-06-05 79.34MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.2.3 设计拓展
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
视频
.mov
2023-06-05 45.95MB
 
视频
.mov
2023-06-05 35.59MB
 
视频
.mov
2023-06-05 145.47MB
 
视频
.mov
2023-06-05 62.62MB
 
视频
.mov
2023-06-05 77.49MB
 
视频
.mov
2023-06-05 92.93MB
 
视频
.mov
2023-06-05 7.92MB
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.2.4 强化练习
作业
.work
2023-06-05 --
3.2.5 UI思政:德艺双馨
附件
.${file.extension}
2023-06-05 --
3.3 项目8 设计“湘帮扶”APP产品详情界面
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.3.1 详情界面设计思路
视频
.mov
2023-06-05 141.23MB
3.3.2 任务15  设计“湘帮扶”大米商品详情界面
视频
.mp4
2023-06-05 214.52MB
 
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.3.3 设计拓展
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.3.4 强化练习
作业
.work
2023-06-05 --
3.3.5 UI思政:为民生而设计
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.4 项目9  设计智能家居APP控制界面
附件
.${file.extension}
2023-06-05 --
3.4.1 设计思路
视频
.mov
2023-06-05 166.49MB
3.4.2 任务16  设计智能家居APP控制界面
视频
.mp4
2023-06-05 76.15MB
 
附件
.${file.extension}
2023-06-05 --
3.4.3 设计拓展
附件
.ext
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
3.4.4 强化练习
作业
.work
2023-06-05 --
3.4.5 UI思政:职业责任
附件
.${file.extension}
2023-06-05 --
4.1.2 设计思路
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
4.1.3.1 设计推荐界面
视频
.mp4
2023-06-05 259.00MB
 
附件
.${file.extension}
2023-06-05 --
4.1.3.2 设计登录界面
视频
.mp4
2023-06-05 211.26MB
 
附件
.${file.extension}
2023-06-05 --
4.1.3.3 设计餐品主界面
视频
.mp4
2023-06-05 344.37MB
 
附件
.${file.extension}
2023-06-05 --
4.1.3.4 设计订单界面
视频
.mp4
2023-06-05 238.72MB
 
附件
.${file.extension}
2023-06-05 --
4.1.3.5 设计个人用户界面
视频
.mp4
2023-06-05 280.57MB
 
附件
.${file.extension}
2023-06-05 --
4.2.2 设计思路
文档
.pptx
2023-06-05 4.92MB
 
附件
.${file.extension}
2023-06-05 --
4.2.3.1 设计登录界面
视频
.flv
2023-06-05 84.37MB
 
附件
.${file.extension}
2023-06-05 --
4.2.3.2 设计歌单广场界面
视频
.flv
2023-06-05 258.07MB
 
附件
.${file.extension}
2023-06-05 --
4.2.3.3 设计专辑介绍界面
视频
.flv
2023-06-05 116.18MB
 
附件
.${file.extension}
2023-06-05 --
4.2.3.4 设计视频播放界面
视频
.flv
2023-06-05 259.95MB
 
附件
.${file.extension}
2023-06-05 --
4.2.3.5 设计启动界面
视频
.flv
2023-06-05 108.94MB
 
视频
.flv
2023-06-05 75.37MB
 
视频
.flv
2023-06-05 89.33MB
 
附件
.${file.extension}
2023-06-05 --
5.1 设计趋势
视频
.mov
2023-06-05 39.08MB
 
视频
.mov
2023-06-05 16.88MB
 
视频
.mov
2023-06-05 48.39MB
 
视频
.mov
2023-06-05 23.97MB
 
文档
.docx
2023-06-05 1.45MB
5.2 实践成果优秀学生作品
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
 
附件
.${file.extension}
2023-06-05 --
提示框
提示框
确定要报名此课程吗?
确定取消

京ICP备10040544号-2

京公网安备 11010802021885号