spContent=《UI设计基础》这门课是数字媒体技术专业、虚拟现实应用技术专业、移动开发与技术专业、网络营销专业的专业课程。课程分为初识UI设计、图标设计、控件设计、手机UI设计、电脑UI设计、智能设备UI设计及表情包设计七个项目,内容涵盖了UI设计基础、图标设计、控件设计、APP界面设计、PC界面设计、智能设备界面设计、表情设计等共27个任务。该课程采用任务驱动的模式,通过不同的项目要求来实现任务,进而来完整地学习UI设计技术,强化技术技能培养,突出职业岗位特色。
《UI设计基础》这门课是数字媒体技术专业、虚拟现实应用技术专业、移动开发与技术专业、网络营销专业的专业课程。课程分为初识UI设计、图标设计、控件设计、手机UI设计、电脑UI设计、智能设备UI设计及表情包设计七个项目,内容涵盖了UI设计基础、图标设计、控件设计、APP界面设计、PC界面设计、智能设备界面设计、表情设计等共27个任务。该课程采用任务驱动的模式,通过不同的项目要求来实现任务,进而来完整地学习UI设计技术,强化技术技能培养,突出职业岗位特色。
—— 课程团队
课程概述
2016年12月,国务院发布了《“十三五”国家战略性新兴产业发展规划》,文件中将数字创意产业归属为国家战略性新兴产业,鼓励对艺术品、文物、非物质文化遗产等资源进行数字化转化与开发,要提高图书馆、美术馆、文化馆的数字化和智能化水平,创新交互体验应用。未来,随着5G技术的飞速发展,特别是人工智能技术已深入人们工作生活的各个领域,人们面对的智能终端设备越来越多。如何快速而准确地使用这些智能设备,UI设计变得越来越重要,UI设计成为提升用户对智能设备直观体验的决定因素,界面的美观度、规范化、交互性直接决定了这款智能产品在用户心中的形象。
本课程是省级《数字媒体技术》专业教学资源库的一门核心课程,也是我校校级精品在线开放课。课程采用任务驱动的模式,通过不同的项目要求来实现任务,进而来完整地学习UI设计技术,强化技术技能培养,突出职业岗位特色。课程内容分为初识UI设计、图标设计、控件设计、手机UI设计、电脑UI设计、智能设备UI设计及表情包设计七个项目,内容涵盖了UI设计基础、图标设计、控件设计、APP界面设计、PC界面设计、智能设备界面设计、表情设计等共27个任务,可以全面详尽地帮助学习者学习UI设计技术,顺利达到UI设计师水平。
授课目标
本课程旨在培养学生掌握不同平台的界面设计流程及设计规范,学会使用Photoshop进行不同智能终端设备的图标、控件及界面设计与制作技术,满足企业对UI设计人才的需求。通过本课程的学习,引导学生深入理解UI设计,重点掌握UI设计技术技能水平,并具备良好的UI设计能力,强调以动手实践为主,同时具备较强的学习能力、团队协作精神等素养。
成绩 要求
本课程共个项目25个任务,完成每个项目的学习后可进行项目测验。
1.项目成绩构成:视频观看30%,项目测验50%,课堂讨论20%。
2.总成绩构成:所有项目成绩的平均值40%,期末考试60%。
3.课程成绩60分(含60分)即为合格。
4.完成课程学习后,建议参加工信部职业技术水平考试,考取UI设计师职业资格证书。
5.项目测验中,只设置选择题、判断题、填空题,它们分值均是10分/题,当多次提交则有效得分以最高一次分值为准。
课程大纲
初识UI设计
课时目标:知识目标1.掌握UI设计的概念及分类;2.了解UI设计的目的;3.掌握UI设计的流程;4.掌握UI设计的原则;5.掌握确立UI设计风格的方法;6.掌握色彩的基本知识及分类;7.掌握字体的分类和排版。技能目标1.会识别不同的UI界面;2.会区别流程中不同环节应做的工作;3.会根据设计原则进行UI设计工作;4.会识别其他智能终端设备;5.会确立UI设计的风格;6.会进行不同主题的色彩搭配;7.会进行字体的排版。
图标设计
课时目标:知识目标1.理解图标的概念及分类;2.掌握图标的设计原则及技巧;3.掌握图标的设计流程及规范;4.掌握不同风格图标的设计方法。技能目标1.会设计制作扁平化图标;2.会设计制作微扁平化图标;3.会设计制作拟物化图标;4.会设计制作系统主题图标。
任务1 认识图标
任务2 设计扁平化图标
任务3 设计微扁平化图标
任务4 设计拟物化图标
任务5 设计主题系统图标
控件设计
课时目标:知识目标1.了解控件的概念;2.掌握控件的分类及功能;3.掌握滑块的设计方法;4.掌握按钮的设计方法。技能目标1.会根据不同功能设计不同类型的控件;2.会设计制作按钮;3.会设计制作滑块。
任务1 认识控件
任务2 设计按钮控件
任务3 设计滑块控件
手机UI设计
课时目标:知识目标1.了解APP设计的概念、优势及分类;2.掌握APP的构成元素;3.掌握手机中栏的概念及作用。技能目标1.会设计制作APP的导航;2.会进行内容视图的设计制作;3.会设计制作标签栏的导航图标;4.会进行列表式视图的设计制作。
任务1 认识APP设计
任务2 认识 APP构成元素
任务3 手机UI中的栏
任务4 导航设计
任务5 内容视图
任务6 标签栏导航图标
任务7 列表式内容视图
电脑UI设计
课时目标:知识目标1.理解电脑UI的概念及布局;2.掌握电脑UI的设计流程;3.掌握电脑UI的设计规范。技能目标1.会设计制作网站logo;2.会设计制作网站导航;3.会设计制作网站banner。
任务1 电脑UI布局
任务2 电脑UI设计流程
任务3 设计网站logo
任务4 设计网站导航
任务5 设计网站banner
智能终端UI设计
课时目标:知识目标1.了解智能终端的概念;2.了解智能终端UI的组成;3.掌握智能终端UI设计流程。技能目标1.会设计制作智能电视主界面;2.会设计制作智能汽车中控界面。
任务1 认识智能终端
任务2 制作智能电视主界面
任务3 制作智能汽车中控大屏界面
展开全部
预备知识
本课程为专业课,大二下学期开设,需要学习的前导课是Photoshop图形图像处理、Illustrator图形绘制,版式设计及色彩构成。
参考资料
《UI创意设计》赵艳莉主编,中国水利水电出版社,2022.1
常见问题
学习本课程应先在电脑上安装Photoshop CC2023版即可学习。
下载地址:
https://pan.baidu.com/s/1zF7CfHrOAIPxROgRxl2CJw?pwd=5678 提取码:5678
课程所包含的所有素材和效果图下载地址: