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

1、网页与界面设计课程标准课程代码：3080108 制定人：冷增龙审核人：刘培瑜 批准：王清亮、适用对象课程承担学院：艺术学院制定日期：2017年5月10日 审核日期：2017年8月19日 批准日期：2017年8月20日普通高中毕业生、职业中专、普通中专、职业高中、技工学校毕业生及同等学历。三、课程定位（一）课程性质本课程是视觉传播设计与制作专业的核心课程和必修课程。（二）课程任务主要针对网页设计与制作、UI交互与界面设计、AP而端开发等岗位开设， 主要任务是：培养学生在前端新媒体岗位的实践操作能力，要求学生掌握界面的 优化、静态网页的设计与制作、 HTM与CSS JAVAscript编写的基本技

2、能。（三）课程衔接在课程设置上，前导课程有字体与版式设计、广告设计、构成 课程，后续课程有包装设计、CI设计等课程。 四、学习目标通过该课程的教学，使学生把握新媒体设计的基本类别与形态， 了解网页设 计界面与手机界面的前端开发流程， 以及网页的设计与制作，无论在理论上还是 在实践中都能正确掌握网页设计与界面开发的基本规律和艺术法则，创造出新颖别致、具有创造思维的方案与作品来。 并着重培养学生的审美素质，促进学生实 践操作能力与艺术设计思维的开拓意识，能够更好的适用当下社会市场的设计需 求。五、课程设计建议采用如下格式描述：本课程以实践操作案例为载体，结合当前市场的需求有针对性的分析与演示 作为

3、学习情境；根据岗位（群）工作要求、工作任务要求，确定学习目标及学习 任务内容；本课程采用项目教学模式，以学生为主体，以项目为导向组织教学及 考核。表1课程总体设计课程名称网贝与UI设计计划学时：情景名称情境描述参考学时：认识界面了解界面的的概念，概念性的认识，以及UI设计的历史与发展趋势界面的整体设计掌握界面整体设计的分析以及实施以及用户各方面的分析界面的视觉设计掌握整体效果搭配，界面视觉效果、图标设计的设计加以应用网页界面的设计掌握网页视觉效果排版设计，整体效果搭配、图标中隐喻的运用APP界面开发掌握手机界面的icon图标设计、启动页设计、内页界面设计，交互设计流程表示DreamWeaver

4、 的使用了解并熟悉网页制作与设计的基本软件，以DreamWeaver的使用为基础网页设计基本语言了解 WWW HTTP HTML CSS的定义、概念和作用，HTML的基本语法结构理解HTML语言中的各种文本格式、 字符格式、段落设置、列表、标记的作用；Javascript 脚本语言理解JavaScript 中对象的定义，及含义理解JavaScript 中属性与方法的概念交互设计了解并掌握网页与手机界面的交互设计流程与方法案例分析与制作演示了解并掌握网页与手机界面的基本规律，包括设计法则与交互法则六、教学设计学习情境一：网页与界面设计学时：学习任务学习并且掌握网页与界面设计的基础知识，包括网页设

5、计的界 面优化与手机界面优化以及交互设计流程。学习目标掌握网页与界面设计的基本知识；学会运用基本的视觉要素进 行网页界面的基本版式设计学习内容网贝与手机界面概论；界面中的构成要素教学模式案例式教学法讲授法展示与讨论法学习过程1、学习界面的基本知识2、网页与手机界面的基本构成要素的学习及应用教学条件运用音频、视频、录音机、投影仪等视听设备和多媒体设备学习评价评价项目：1 、学生深入理解界面的概念以及人机界面的开发流程 2、学会运用界面的基本的构成要素进行静态界面设计。 评价方式：1 .过程性评价：提问、小组讨论、课后作业等；2 .终结性评价：作业评讲等。学习情境二：前端界面开发与设计学时：学习任

6、务学习界面开发的内容及程序；了解后端开发语言形态以及构成， 包括HTMLCSS javascript 等脚本谛言，学习并掌握 DW勺基 本操作学习目标1、使学生掌握UI界面与网页界面的开发流程与构成内容和流 程，并掌握在界面设计中白年基本交互设计，以 APW发 与静态网页的制作为主导2、了解后端开发谛言HTMLCSSjavascript 等脚本谛言的书 写与编辑3、了解并掌握用DWJ作简单的MYblog界面。学习内容手机与网页界面的开发；APP的开发；网页的交互设计形式、基 本脚本语言的书写、DWW勺简单了解与学习教学模式案例式教学法演示法教授法展示与讨论法学习过程1、学习网页与界面的的构成程

7、序与交互设计形式以及流程2、以APP开发为主导，学习app开发界面与交互的设计形式3、脚本语言的编译与模拟书写，DW软件的实训教学条件运用音频、视频、录音机、投影仪等视听设备和多媒体设备学习评价评价项目：1 .界面设计的交互性能与美化样式。2 .掌握市场APPFF发动态并筹划APP的开发设计3 .认识网页界面的交互流程并制作网页界面的交互。4 .DW制作简单本地模拟网页5。编译网贝的基本脚本语百，格式书与止确评价方式：1 .过程性评价：提问、小组讨论、课后作业等；2 .终结性评价：作业评讲等。学习情境三：优秀网页界面案例分析与评价学时：学习任务通过学习，在现实生活中能灵活有效运用。学习目标掌握

8、网页界面的基本构成要素与良好交互的形成。学习内容赏析优秀网页界面作品；运用所学知识设计制作网页界面作品教学模式案例式教学法讲授法展示与讨论法学习过程1、赏析优秀网页界面作品2、运用所学知识设计制作网页界面作品教学条件班级多媒体课件教学、图书馆资料、线上资料分析与查阅学习评价评价项目：1 .赏析优秀网页与手机界面作品2 .运用所学知识设计制作本地网页界面与焦炉模拟 评价方式：1 .过程性评价：理论讲解、素材收集等；2 .终结性评价：作业完成，修改指正。七、课程考核（一）考核方式本课程考核分值比例：平时成绩60%助末考试40%其中，平时成绩为考勤 占10%练习彳业占30%课堂小组?S动表现占20%期末考试为上交学期末作 业，占总成绩的40%（二）考核标准考核标准应和本专业学生平面设计职业能力和上岗能力相结合，与相对应的平面设计类职业资格证书相对接。八、学习资源本课程所用的教材为网页界面设计?罗军北京大学出版设计2011 年 6月第一版；21 世纪艺术设计专业“十二五”规划教材。本课程教学参考资料：网页 UI 界面设计基础盛意文化