1、网页与界面设计课程标准课程代码：3080108 课程承担学院：艺术学院制定人：冷增龙 制定日期：2017 年 5 月 10 日审核人：刘培瑜 审核日期：2017 年 8 月 19 日批准：王清亮 批准日期：2017 年 8 月 20 日一、适用对象普通高中毕业生、职业中专、普通中专、职业高中、技工学校毕业生及同等学历。三、课程定位（一）课程性质本课程是视觉传播设计与制作专业的核心课程和必修课程。（二）课程任务主要针对网页设计与制作、UI 交互与界面设计、APP 前端开发等岗位开设，主要任务是：培养学生在前端新媒体岗位的实践操作能力，要求学生掌握界面的优化、静态网页的设计与制作、HTML 与 C
2、SS、JAVAscript 编写的基本技能。（三）课程衔接在课程设置上，前导课程有字体与版式设计 、 广告设计 、 构成课程，后续课程有包装设计 、CI 设计等课程。四、学习目标通过该课程的教学，使学生把握新媒体设计的基本类别与形态，了解网页设计界面与手机界面的前端开发流程，以及网页的设计与制作，无论在理论上还是在实践中都能正确掌握网页设计与界面开发的基本规律和艺术法则，创造出新颖别致、具有创造思维的方案与作品来。并着重培养学生的审美素质，促进学生实践操作能力与艺术设计思维的开拓意识，能够更好的适用当下社会市场的设计需求。五、课程设计建议采用如下格式描述:本课程以实践操作案例为载体，结合当前市
3、场的需求有针对性的分析与演示作为学习情境；根据岗位（群）工作要求、工作任务要求，确定学习目标及学习任务内容；本课程采用项目教学模式，以学生为主体，以项目为导向组织教学及考核。表 1 课程总体设计课程名称 网页与 UI 设计 计划学时：情景名称 情境描述 参考学时：认识界面 了解界面的的概念，概念性的认识，以及 UI 设计的历史与发展趋势界面的整体设计 掌握界面整体设计的分析以及实施以及用户各方面的分析界面的视觉设计 掌握整体效果搭配，界面视觉效果、图标设计的设计加以应用网页界面的设计 掌握网页视觉效果排版设计，整体效果搭配、图标中隐喻的运用APP 界面开发 掌握手机界面的 icon 图标设计、
4、启动页设计、内页界面设计，交互设计流程表示DreamWeaver 的使用了解并熟悉网页制作与设计的基本软件，以DreamWeaver 的使用为基础网页设计基本语言 了解 WWW、HTTP、HTML、CSS 的定义、概念和作用，HTML 的基本语法结构理解 HTML 语言中的各种文本格式、字符格式、段落设置、列表、标记的作用；Javascript 脚本语言理解 JavaScript 中对象的定义，及含义理解 JavaScript 中属性与方法的概念交互设计 了解并掌握网页与手机界面的交互设计流程与方法案例分析与制作演示了解并掌握网页与手机界面的基本规律，包括设计法则与交互法则六、教学设计学习情境
5、一：网页与界面设计 学时：学习任务 学习并且掌握网页与界面设计的基础知识，包括网页设计的界面优化与手机界面优化以及交互设计流程。学习目标 掌握网页与界面设计的基本知识；学会运用基本的视觉要素进行网页界面的基本版式设计学习内容 网页与手机界面概论；界面中的构成要素教学模式 案例式教学法 讲授法 展示与讨论法学习过程 1、学习界面的基本知识 2、网页与手机界面的基本构成要素的学习及应用 教学条件 运用音频、视频、录音机、投影仪等视听设备和多媒体设备学习评价 评价项目：1、学生深入理解界面的概念以及人机界面的开发流程2、学会运用界面的基本的构成要素进行静态界面设计。评价方式：1.过程性评价：提问、小
6、组讨论、课后作业等；2.终结性评价：作业评讲等。学习情境二：前端界面开发与设计 学时：学习任务 学习界面开发的内容及程序；了解后端开发语言形态以及构成，包括 HTMLCSS、javascript 等脚本语言，学习并掌握 DW 的基本操作学习目标 1、 使学生掌握 UI 界面与网页界面的开发流程与构成内容和流程，并掌握在界面设计中的年基本交互设计，以 APP开发与静态网页的制作为主导2、 了解后端开发语言 HTMLCSS、javascript 等脚本语言的书写与编辑3、 了解并掌握用 DW 制作简单的 MYblog 界面。学习内容 手机与网页界面的开发；APP 的开发；网页的交互设计形式、基本脚
7、本语言的书写、DW 的简单了解与学习教学模式 案例式教学法 演示法 教授法 展示与讨论法 学习过程 1、学习网页与界面的的构成程序与交互设计形式以及流程 2、以 APP 开发为主导，学习 app 开发界面与交互的设计形式 3、脚本语言的编译与模拟书写，DW 软件的实训教学条件 运用音频、视频、录音机、投影仪等视听设备和多媒体设备学习评价 评价项目：1.界面设计的交互性能与美化样式。2.掌握市场 APP 开发动态并筹划 APP 的开发设计3.认识网页界面的交互流程并制作网页界面的交互。4.DW 制作简单本地模拟网页5。编译网页的基本脚本语言，格式书写正确评价方式：1.过程性评价：提问、小组讨论、
8、课后作业等；2.终结性评价：作业评讲等。学习情境三：优秀网页界面案例分析与评价 学时：学习任务 通过学习，在现实生活中能灵活有效运用。学习目标 掌握网页界面的基本构成要素与良好交互的形成。学习内容 赏析优秀网页界面作品；运用所学知识设计制作网页界面作品教学模式 案例式教学法 讲授法 展示与讨论法 学习过程 1、赏析优秀网页界面作品 2、运用所学知识设计制作网页界面作品教学条件 班级多媒体课件教学、图书馆资料、线上资料分析与查阅学习评价 评价项目：1.赏析优秀网页与手机界面作品2.运用所学知识设计制作本地网页界面与焦炉模拟评价方式：1.过程性评价：理论讲解、素材收集等；2.终结性评价：作业完成，
9、修改指正。七、课程考核（一）考核方式本课程考核分值比例：平时成绩 60%+期末考试 40%。其中，平时成绩为考勤占 10%，练习作业占 30%，课堂小组活动表现占 20%；期末考试为上交学期末作业，占总成绩的 40%。（二）考核标准考核标准应和本专业学生平面设计职业能力和上岗能力相结合，与相对应的平面设计类职业资格证书相对接。八、学习资源本课程所用的教材为网页界面设计 罗军 北京大学出版设计 2011 年 6月第一版；21 世纪艺术设计专业“十二五”规划教材。本课程教学参考资料：网页 UI 界面设计基础 盛意文化 盛意文化出版社无界面交互:潜移默化的 UX 设计方略杨名 中国工信出版社网页界面设计 罗军 北京大学出版设计晋小彦编著的形式感与网页视觉创意拓展及快速变现 九、编写依据该课程标准是以依据普通高等职业技术院校视觉传播设计与制作专业调研报告和普通高等职业技术院校人才培养方案而编制的。
