《平面设计与图像处理》课程标准
一、课程基本信息
课程代码 | 课程性质 | 必修 | |
适用专业 | 云计算技术与应用 | 开设学期 | 第4学期 |
课程类别 | 专业平台课程 | 课程类型 | B类(理论 实践) |
学 分 | 4.5 | 总 学 时 | 72 |
学时分配 | 理论学时:38;实践学时:38 | ||
实施场所 | 计算机实训室 | 授课方式 | 理实一体化 |
执笔人 | |||
审核人 | |||
制订时间 | 2020-2-16 |
二、课程概述
(一)课程定位
本课程是云计算技术与应用专业的一门专业必修课,是一门在电子设备、新兴媒体上综合运用图形设计、编排设计、字体设计、构成设计等知识和技能的应用型课程。
不同于先前以印刷品为主的平面设计,今天移动设备的兴起和应用,例如手机上的企业APP主题宣传品、企业电子杂志APP版、企业门户网站手机版、企业微信宣传品设计、精细的图标表现、各种特色风格的主题APP界面设计等,都是企业形象宣传和信息传达的一部分,是UI界面的设计。本课程使学生从心理学、视觉传达原理和界面设计中的形式美法则出发,熟知版式、色彩、字体、图形、动画的应用手法和技巧,熟练使用Photoshop工具软件设计和制作出逻辑清晰、操作舒适、界面美观的用户页面,适应互联网类企业对用户界面设计师岗位的需求;培养审美能力、动手能力、创新能力以及认真负责的职业素养,使学生在实践中学习新知识、新技能、新方法,主动适应岗位发展。
(二)先修后续课程
序号 | 先修课程名称 | 为本课程支撑的主要能力 |
1 | 网页设计与制作 | 具备类似软件的操作能力 |
序号 | 后续课程名称 | 需要本课程支撑的主要能力 |
1 | 前端设计 | 提供界面设计的能力 |
(三)本课程与中职、本科、培训班同类课程的区别。
层次 | 区别 |
本科 | 基础知识培养的基本要求不同,本科要求宽厚、扎实,本课程要求足够就可以;专业知识培养的基本要求不同,本科要求了解就可以,本课程需要足够扎实;主要能力的培养要求不同,本科偏重研究能力、创新能力、创新创业能力,本课程偏重操作能力、制作能力。 |
中职 | 理论知识比中职更加实用、有系统性,强调专业知识的来源并从中体验出基础知识在解决专业问题时的应用方法、途径和规律,强调专业知识的实用性、指导性。 |
培训班 | 培训班重点在理论应用能力方面的实践,本课程重点在提高操作能力方面的实践。 |
三、课程目标
(一)总体目标:
通过任务型的项目活动,即每个学习项目都要紧紧围绕若干个实际的工作任务进行教学,使学生熟知版式、色彩、字体、图形、动画的应用手法和技巧,熟练使用Photoshop工具软件设计和制作出逻辑清晰、操作舒适、界面美观的信息页面。
1. 锻炼学生的动手能力,加强学生的标准意识和规范意识,提高他们分析问题和解决问题的能力;
2. 培养耐心细致的工作作风和团结协作的精神,养成善于动脑,勤于思考,及时发现问题的学习习惯;
3. 具有善于沟通和与人共事的团队意识,能进行良好的团队合作;
4. 帮助学生完成从课堂知识学习到工作岗位实践的思想转变,培养学生成为互联网企业用户界面设计师岗位所需的高素质、高技能的应用型人才。
(二)素质目标:
1.以满足行业、企业发展需求为目标,培养学生具有良好的职业道德、较强的责任感和敬业精神;
2.培养学生了解企业文化和企业精神,遵守企业规范;
3.培养学生的审美意识和艺术思维、创造思维;
4.培养学生树立终身学习的理念,熟练掌握专业技能;
5.培养学生学会一定的沟通、交际、组织、团队合作的社会能力;
6.培养学生具有一定的自学、可持续发展的能力;
7.培养学生具有一定的解决问题、分析问题的能力。
(三)知识目标:
1.了解UI设计的发展过程和近年移动设备发展状况;
2.理解形式美法则、色彩原理、版式构成等相关美学基础理论;
3.熟知UI设计的基本流程、基本方法和常用技巧。
4.熟知网页界面设计的类型,熟知网页界面的构成元素和设计原则;
5.熟知软件界面设计的目的、分类和设计应遵循的原则;
6.了解手机显示屏的分辨率、色彩级别和手机界面的图标尺寸;
7.知道播放器界面的设计原则和提升用户体验的常用方法。
(四)能力目标:
1.能熟练使用Photoshop工具软件;
2.能对UI界面进行合理布局和色彩搭配;
3.能根据用户需求并贴合主题设计各类用户界面,如按钮、图标、网页界面、APP界面、播放器界面、课件界面、电子杂志界面。
四、课程内容
序号 | 项目(模块) | 工作任务 | 学时 |
1 | 设计基础 | 1.1 平面构成 | 8 |
1.2 色彩构成 | |||
2 | 常用基本操作 | 2.1 制作剪影插画 | 12 |
2.2 制作文字海报 | |||
2.3 绘制卡通图标 | |||
3 | 抠图 | 3.1 制作手机Banner | 12 |
3.2 抠取毛发 | |||
3.3 抠取婚纱 | |||
4 | 修图 | 4.1 修饰模特脸部 | 8 |
4.2 制作装饰画 | |||
5 | 调色 | 5.1 调整照片的色彩与明度 | 8 |
5.2 制作城市全景照片 | |||
6 | 合成 | 6.1 制作双重曝光照片 | 8 |
6.2 制作时尚宣传卡 | |||
7 | 特效 | 7.1 制作水晶软糖字 | 8 |
7.2 制作摄影展海报 | |||
8 | 综合演练 | 8.1 制作视频网站图标 | 12 |
8.2 制作音乐APP界面 | |||
8.3 制作化妆品网页 |
五、实训项目设计
编号 | 实训项目(任务)名称 | 素质目标 | 知识目标 | 能力目标 | 实施步骤 | 可展示的结果 或考核标准 |
1 | 设计基础 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 平面构成,色彩构成。 | 能对界面进行合理布局和色彩搭配。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 商业案例赏析 |
2 | 常用基本操作 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知选择、绘图、文字工具的使用方法和常用技巧。 | 可以快速选择和绘制规则及不规则的图形,并添加适当的文字,以较高的效率制作出多变的图像效果。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 卡通图标 |
3 | 抠图 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知使用工具和命令抠图的方法和技巧。 | 能够根据不同图像的具体情况,选择恰当的工具和方法,有效地抠取图像。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 抠取毛发 抠取婚纱 |
4 | 修图 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知剪裁工具、修饰工具和润饰工具的使用方法和常用技巧。 | 能够快速剪裁、修饰和润饰图像,使其更加美观、符合设计需求。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 修饰模特脸部 |
5 | 调色 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知用于调整图像色彩色调的命令及面板的使用方法和常用技巧。 | 灵活选择工具和方法对图像的色彩色调进行调整,使其贴合作品的色彩搭配,展现作品特有风格。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 制作城市全景照片 |
6 | 合成 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知图层混合模式、蒙版的原理、使用方法及技巧。 | 能够根据素材特点及作品需求选择恰当的方法实现其拼合,为制作综合性作品打下基础。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 制作双重曝光照片 |
7 | 特效 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力。 | 熟知图层样式、3D特性和滤镜的使用方法和常用技巧。 | 能够合理有度地为作品施加特效,为其增添想象力和魅力。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 制作水晶软糖字 |
8 | 综合演练 | 1.培养耐心细致的工作作风和团结协作的精神; 2.养成善于动脑,勤于思考、及时发现问题的学习习惯; 3.提高学生的动手能力; 4.培养学生的创新能力。 | 熟知商业案例设计的理念和技术要点。 | 设计制作出专业的商业案例。 | 1.教师设置项目,布置任务; 2.学生查阅相关资料,组织实施; 3.教师讲解演示,学生模仿; 4.学生完成任务; 5.小组评价; 6.教师对学生工作过程中出现的问题进行指导和评价。 | 制作音乐APP界面 |
六、课程实施计划
单元 | 周次 | 学时 | 项目(任务) | 教学方法手段 | 教学场所 |
1 | 1-2 | 8 | 设计基础 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
2 | 3-5 | 12 | 常用基本操作 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
3 | 6-8 | 12 | 抠图 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
4 | 9-10 | 8 | 修图 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
5 | 11-12 | 8 | 调色 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
6 | 13-14 | 8 | 合成 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
7 | 15-16 | 8 | 特效 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
8 | 17-19 | 12 | 综合演练 | 多媒体演示、项目教学、小组教学、讨论 | 计算机实训室 |
七、课程考核
本课程考核建议采用过程性考核与结果考核相结合的方式,加大过程性考核的占比。
(1)过程性考核,分为课堂考核和成果考核两部分。过程考核主要考查学生出勤、教师提问等情况;成果考核则根据课内讲练结合项目的质量和规范程度等方面给出考核成绩。
(2)结果考核。期末上机操作的作品的评分根据其视觉效果、难度、复杂度、与主题契合度、创意、作品说明书规范程度等方面给出考核成绩。
具体如下表所示:
过程性考核(50%) | 结果考核(50%) | |
课堂考核(10%) | 成果考核(40%) | 上机操作(独立完成,但可参考笔记、教材) |
以理论考核为主。通过课堂提问、现场考核确定本部分成绩。 | 以单项能力考核为主。根据课内讲练结合项目的质量和规范程度确定本部分成绩。 | 以综合能力考核为主。学生完成自选题目,考查其对UI设计基础知识的掌握以及实际动手设计UI的能力,根据学生最终完成UI设计作品的视觉效果、难度、复杂度、与主题契合度、创意、作品说明书规范程度等方面确定本部分成绩。 |
八、课程实施条件
1.教学环境
计算机实训室面积不低于80M2,采用100BASET的布线标准,实现学生机到交换机100M带宽,交换机到校园网络中心将采用光纤链接,达到1000M带宽。微机室交换机采用带SMNP及VLAN的可网管交换机,以方便设置学生机的使用权限,达到有效管理。实训室采用TCP/IP协议并入外部网络,方便师生随时查阅和获取网络学习资源。
2.师资队伍要求
主讲教师具有教师资格硕士以上学位,能综合运用各种教法设计课程,掌握新技术,具有较强的专业能力新知识,有丰富的行业经验,具有相关职业资格证书;辅助教师具有较强的职业技能,接受一定的专业教育培训,具有大学本科学历,有较丰富的企业一线工作经验,取得高级工以上职业资格证书。
3.教师配置建议
每班由一位教师主讲教学做一体化,一位教师辅讲,可使学生得到充分的指导。在实施实训项目教学时,每一位任课教师直接指导的学生数不能太多,否则无法达到有效的教学效果。建议采用小班教学或分组教学的教学模式,并且每一位任课教师直接指导的学生数不超过20人为宜。
九、课程资源
(一)教材编写情况
1.自编讲义编写中。
2.推荐教材
选用的教材应根据UI设计与制作岗位从业人员的从业要求,结合UI设计制作员职业标准,体现职业教育的特点。教材内容表达必须精炼、准确、科学,体现先进性、通用性、实用性;合理吸收UI设计的新技术,紧跟行业最新发展动态。教材配套资源立体、丰富,使用方便。教材呈现形式上应图文并茂,符合高等职业学校学生的阅读心理与阅读习惯;名词术语、文字、符号、数字等运用要准确、规范、统一,符合UI制作相关标准与规范。
目前选用的教材:《Photoshop CC核心应用案例教程》,周建国 马莹莹主编,人民邮电社出版,2019年。
3.参考书籍
《Photoshop应用基础教程》,王国省主编,人民邮电社出版,2012年;
《Photoshop移动UI设计》,张晨起主编,人民邮电社出版,2016年;
《移动应用UI设计》,张晓晨、胡克主编,人民邮电出版社,2017年。
(二)课程建设情况
日照职业技术学院校级精品资源共享课建设中。
(三)网络教学资源
中国设计网 https://www.cndesign.com/
十、需要说明的其他问题
无
十一、本课程常用术语中英文对照表
常用术语英汉对照 | |||
汉语 | 英语 | 汉语 | 英语 |
用户界面 | User Interface | 图标 | Icon |
用户体验 | User Experience | 菜单 | Menu |
人机交互 | Human Computer Interaction | 指点设备 | Pointing Device |
图形用户界面 | Graphics User Interface | 排版 | Typography |
窗口 | Window | 正文 | Body Copy |
展示字体 | Display Type | 层次 | Hierarchy |
字母间隙 | Kerning | 行间距 | Leading |
字间距 | Tracking | 衬线字体 | Serif Typeface |
非衬线体 | Sans Serif Typeface | 手写字体 | Script Typeface |
可读性 | Legibility | 对齐 | Alignment |
调色板 | Palette | 单色 | Monochrome |
相邻色 | Analogous
| 互补色 | Complementary |
三色 | Triadic | 暖色调 | Warm Colors |
冷色调 | Cool Colors | 色彩理论 | Color Theory |
渐变 | Gradient | 不透明度 | Opacity |
分辨率 | Resolution | 对比度 | Contrast |
饱和度 | Saturation | 高清图片 | Stock Photo |
字体LOGO | Logotype | 比例缩放 | Scale |
纹理 | Texture | 留白 | White Space |
边距 | Margins | 网页 | Web Site |
导航 | Navigation | 按钮 | Button |