《网页与界面设计》课程标准

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

罗军北京大学出版设计2011年6月第一版；21世纪艺术设计专业“十二五”规划教材。本课程教学参考资料：《网页UI界面设计基础》盛意文化盛意文化出版社《无界面交互:潜移默化的UX设计方略》杨名中国工信出版社《网页界面设计》