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

《《网页界面设计》课程标准.docx》由会员分享，可在线阅读，更多相关《《网页界面设计》课程标准.docx（7页珍藏版）》请在第一文库网上搜索。

1、网页界面设计课程标准一、课程概述1 .课程性质网页界面设计是高职数字媒体应用技术专业针对网页设计、网页美工等关键岗位,经过对企业岗位典型工作任务的调研和分析后，选择真实工作项目为教学载体，根据数字媒体公司应用性人才的实际要求，重构课程内容，归纳总结出来的为适应网页设计与制作、网页美工等岗位要求的网页图形制作和图像处理、网页版面设计能力要求而设置的一门专业核心课程。2 .课程任务网页界面设计课程通过对“优秀网页作品赏析”、“网页文字设计”、“网页文字编排”、“网页导航条的设计制作”、“网页按钮的设计制作”、“网站Logo设计制作”、“网页色彩的设计”、“网页版式设计制作”8个教学项目的学习，在学

2、生具备一定的计算机操作能力和图形制作能力的基础上，主耍培养学生对网页界面设计各元素的设计方法和技巧，对网页版式设计的专业能力，以及团队协作、综合分析、创新创意等综合素质和能力，为后期课程网页特效、网页制作综合训练和毕业设计与答辩奠定网页图形创意与设计、网页版式设计的基础。3 .课程要求网页界面设计课程主要采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模式开展教学，课程的理论实践一体化教学全部安排在设施先进的理实一体教室进行，教学中采用多种学习素材及教学手段，教师全程负责答疑解惑、指导项目制作，充分调动师生双方的积极性，达成教学目标。二、教学目标1 .知识目标（1）了解网页设计的

3、构成要素、表现形式和特点；（2）掌握网页创意思维原则，理解网页设计创意方法；（3） 了解网页文字的表现形式、字体特征，编排形式及特点；（4）掌握文字创意设计的常用方法；（5） 了解网页导航的功能作用，掌握网页导航的形式、位置及导航方向的应用特点；（6） 了解网站标志的功能作用及分类，掌握网站标志造型设计的艺术要点及设计原则；（7）掌握网页按钮的设计原则、设计方法，掌握网页按钮制作工具的操作使用；（8）了解有关色彩的基本常识和心理效应；（9）掌握网站色调、主色、辅色、背景色在网站风格定位中的实际应用；（10）掌握网站色彩搭配的方法和技巧；（11）掌握网页版式设计的形式原理、视觉因素及网页版式构成

4、的类型。2 .能力目标（1）能以艺术的视角进行欣赏网页设计作品；（2）能设计制作网页图形元素并进行创意组合表现；（3）能进行网页文字的编排设计，能创意设计制作网页文字，使网页界面美观、文字易读；（4）能根据网页导航栏目的功能需求进行网页导航设计；（5）能设计制作网站Logo,突出网站主题与定位；（6）能根据网站要求设计制作网页按钮；（7）能根据网站的特点对网站的色调、主色、辅色进行正确的定位：（8）能灵活运用网站色彩搭配的方法和技巧进行网站色彩搭配，突出网站的功能定位；（9）能根据不同类型的网站特点进行网页版式设计制作；（10）能根据网站的特点进行网页效果图设计制作，突出网站主题。3 .素质目

5、标（1）具有诚实、守信、坚韧不拔的性格，具有按时交付作品的时间观念；（2）具有自主、开放的自学能力；（3）具有较好的审美能力、创新能力和团队协作能力；（4）具有较好的查阅资源的能力；（5）具有精益求精的工匠精神；（6）具有创业精神、敬业精神和职业道德；（7）具有学生乐观向上的阳光健康心态，能够承受工作压力；（8）具有语言表达能力和人际沟通交流能力。三、与前后课程的联系1 .与前续课程的联系设计构成使学生具备了平面画面的创意构成、色彩搭配和立体形态设计等能力，在图像处理中融入美术理念，增强作品艺术表现力；图形制作使学生具备熟练使用图形制作软件绘制和输出矢量图形制作能力；程序设计基础使用学生具备网

6、页设计制作的编程基础；Photoshop图像处理使学生具备使用Photoshop软件进行图形制作和图像处理的能力；字体与图案设计、标志与图标设计使学生具备字体、图案及图标等网元元素设计的基本原则和方法；摄影摄像使学生具备图像采集的根本方法，为网页提供图像素材；网页设计与制作使用学生具备网页设计制作的基本知识与操作技能；2 .与后继课程的关系为学生学习后续课程网页特效、网页制作综合训练和毕业设计提供了网页图形创意与设计、网页界面版式设计的方法。四、教学内容与学时分配根据网页设计师职业岗位的要求，将本课程的教学内容分解为8个教学项目，采用“项目导向，任务驱动，案例教学，理论实践一体化课堂”的教学模

7、式开展教学。课程项目结构与学时分配如表1所示。序号教学项目名称教学目标主要教学内容学时备注1项目1优秀网页作品赏析01-1：掌握以美学艺术的视角赏析网页01-2：掌握网页设计的构成要素013：了解网页界面设计的基本原则01-4：了解网页界面设计的工作流程K1-1：网页设计概述K1-2：网页设计的构成要素及特性Kl.3：网页设计的定位K1-4：网页美工岗位要求与工作职责K1-5：网页美工工作流程K1-6：网页创意设计K1-7：优秀网页赏析4理论实践一体化教学2项目2网页文字设计02-1：掌握各种网页文字形式的特点及实际应用02-2：能够选择合适的字体、文字大小、文字粗细、文字颜色进行网页文字的设

8、计，使文字清晰易读；02-3：能够灵活运用网贞文字设计方法进行网页文字的创意设计，突出网页主题，美化网页界面。K2-1：网页文字的表现形式；K2-2：字体的特征与使用特点；K2-3：文字的大小与使用特点；K2-4：字体的粗细及其情感特性；K2-5：特殊字体的设计与应用；K2-6：网页文字的设计技巧；K2-7：网页文字创意设计方法。4理论实践一体化教学3项目3网页文字编排03-1：掌握正确使用网页文字的编排方式进行网页文字的编排设计，能使网页界面清晰美观；03-2：能运用不同的文字强调方法强调文字，实现文字语义功能和美学效应；03-3：能设置适当的字距和行距编排网页文字，提高文字的可读性。K3-

9、1：文字的编排方式；K3-2：文字编排方式的视觉特性；K3-3：文字强调的形式；K3-4：文字强调的方法；K3-5：文字强调形式的视觉特性；K3-6：字距与行距的在网页文字编排中的实际运用。8理论实践一体化教学4项目4网页导航条的设计制作04-1：能根据浏览者需求设计导航条，方便浏览者快速到达目的的；04-2：能根据网站信息进行导航条的设计及版式布局，符合信息分类及网站风格。K4-1：网页导航的功能作用；K4-2：网页导航条的形式及作用；K4-3：网页导航条的位置及使用特点；K4-4：网页导航条的方向及使用特点；K4-5网页导航信息的处理。8理论实践一体化教学5项目505-1：了解网页按钮设计

10、K5-1：网页按钮的设计原则；4理论实网页按钮的设计制作原则能设计制作精美的网页按钮；05-2：能使用网页制作工具制作常见的网页按钮。K5-2：网页按钮的设计方法；K5-3：网页按钮制作工具的使用方法。践一体化教学6项目6网站Logo设计制作06-1：了解网站标志设计原则06-2：掌握网站标志设计的种类06-3：能进行网站标志的创意设计与制作。K6-1：网站标志的功能作用；K6-2：网站标志图形的种类；K6-3：网站标志造型设计的艺术要点及设计原则K6-4：网站标志设计流程。8理论实践一体化教学7项目7网页色彩的设计07-1：能根据网站的特点网站的色调、主色、辅色进行正确的定位；07-2：能灵

11、活运用网站色彩搭配的方法和技巧进行网站色彩搭配。K7-1：色彩的基本常识和心理效应K7-2：网站色调、主色、辅色、背景色在网站风格定位中的实际应用；K7-3：网站色彩搭配的方法和技巧4理论实践一体化教学8过程性考核网页色彩搭配设计08-1：能根据网站的特点进行网站主色、辅色进行正确的搭配；08-2：能灵活运用网站色彩搭配的方法和技巧进行网站色彩搭配。K8-1：工具、方法的正确使用；K8-1：网站界面色彩搭配；49项目8网页版式设计制作09-1：能灵活运用网页版式的形式原理和视觉因素进行网页版式设计；092：能根据网站的特点进行网页版式构成的类型的分析和运用。K9-1：网页版式设计的形式原理；K

12、9-2：网页版式设计的视觉因素；K9-3：网页版式构成的类型及应用特点。4理论实践一体化教学10过程性考核网页效果图设计010-1：能对素材图片进行加工处理与美化010-2：能根据网站的特点需求将文字和图片素材灵活的进行网页版式设计；010-3：能根据网站的特点进行网页界面色彩搭配。K10-1：网页界面的创意设计；K10-2：网页界面色彩搭配。411机动作品点评011-1：能对素材图片进行加工处理与美化；011-2：能根据网站的特点需求将文字；和图片素材灵活的进行网页版式设计；011-3：能根据网站的特点进行网站色彩搭配。K11-1：网站标志设计与应用；K11-2：网站素材图片的加工处理与美化

13、；K11-3：网站界面版式设计；K11-4：网站界面色彩搭配。4根据实际情况调整授课内容与时间合计56五、教材的选用1 .教材选取的原则按照规定选用与课程标准相配套的规划优质教材，禁止不合格的教材进入课堂。建立由专业教师、行业专家和教研人员等参与的教材选用机构，完善教材选用制度，经过规范程序择优选用教材。教材选取遵循“适用、实用、够用”的原则。（1）适用：教材要以网页图形创意与设计为基础，符合网页设计师岗位能力要求和本课程的培养目标。（2）实用：教材的教学内容要注意基础性、启发性、应用性和拓展性的结合，符合高职数字媒体应用技术专业学生特点；教材应按实际工作项目组织编写内容，注意网页图形设计与美

14、学艺术的结合，重在培养学生的创新思维和专业技能；教材应以真实项目为主线，按网页元素与网页设计师工作任务组织编写内容，强调理论与实践的结合，便于实现“教、学、做”三位一体的“理论实践一体化课堂”的教学模式。（3）够用：教材的内容主要包括网页图形创意与设计的实际操作技能，不涉及太多、太深的理论知识。2 .推荐教材（1）崔建成.网页美工一一网页色彩与布局设计.北京：电子工业出版社,2017.（2）晋小彦.形式感+网页视觉设计创意拓展与快速表现M.北京：清华大学出版社,2014.（3）邓文达.网页界面设计与制作M.北京：人民邮电出版社,2012.六、教师要求担任本课程的主讲教师需要熟练掌握图形设计和网页设计职业岗位所需的相关知识和技能，具有网页图形创意与设计经验，熟练掌握图像的编辑处理，具有一定的美术基础，同时应具备较丰富的