2022年《网页布局与配色》课程标准 .pdf

网页布局与配色课程标准课程名称：网页布局与配色课程编码：课程类型：理实一体化开课部门：规定课时：64一、前言1课程性质本课程是专业必修课程。是完成计算机多媒体技术专业培养目标所必需的重要理实一体化教学环节。通过课程学习， 使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。2课程定位本课程是属于专业专项能力课程，本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上，掌握如何通过网站主题与风格定位、网页界面结构布局、网站Logo 与导航设计、网页用图和文字的设计与整体编排、网页配色设计等技能来完成网页布局设计与配色方案设计，设计出合理而精美的网页作品，培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才，是计算机多媒体技术专业必不可少的基本技能。 本课程是根据计算机多媒体技术专业人才培养方案中职业岗位及职业能力分析表中的网页设计工作任务来设置的。前导课程：图形图像处理技术后续课程： web应用系统开发、互动多媒体产品设计、阶段项目实训（网页设计）3课程设计思路本课程重在培养学生网页布局与配色的设计能力和感性的审美与创意技巧，围绕网页布局与配色的特点和能力要求，通过网页风格定位、网页信息结构设计、网站标志和导航设计、网页文字和图片设计、网页色彩搭配等技能入手。依据网页界面艺术设计原则和布局与配色设计的项目课程要求，组织学生完成多个网页布局与配色的设计任务，培养学生网页布局与配色的艺术设计与实践动手能力。为充分体现任务引领、项目导向课程思想，本课程根据计算机多媒体技术专业人才培养方案中职业岗位和职业能力分析表中的网页设计为主要教学内容，展开以网页信息结构设计、网站标志和导航设计、网页文字和图片设计、网页配色方案设计等为主要项目任务的安排，选择具有代表性的多个网页界面设计任务作为载体组织项目教学。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 5 页 - - - - - - - - - 本课程对计算机多媒体技术专业开设64 课时，其中实践占24 学时。二、课程目标1知识目标经过本课程的学习，熟悉常见的网页设计风格、熟悉网页设计原则和常用的网页框架结构、掌握网站标志和导航设计重要性以及设计方法、掌握网页设计中页面整体布局原则以及页面元素设计方法、理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用、熟悉色彩的情感象征和不同的主题印象、掌握网页配色设计的方法。2能力目标经过本课程的学习，能明确不同主题网页的风格定位、能完成网页的信息结构布局设计、能根据色彩的情感象征和不同的主题印象完成网页的配色方案设计、能完成网页的Logo 和导航的艺术设计、能完成网页文字和网页用图的设计和整体编排。3素质目标经过本课程的学习，培养认真、严谨的学习和工作态度，培养应对复杂工作任务的探索和攻坚能力，培养学生举一反三、改进与创新的技术素养，培养敏锐的观察能力以及感性的审美和创意能力，培养团队协作能力和有效沟通对能力。三、课程内容及参考学时教学单元教学内容学习目标参考学时一：网页的页面信息与结构设计1、网页设计的基本原则2、网页信息布局与结构设计1、熟悉网页设计的基本原则2、掌握网页信息布局与结构设计的方法4 二：网站风格创意1、网站主题分析2、网页风格定位1、 掌握各类网站主题分析与确定的方法2、 掌握网站风格定位的方法4 项目一：网页界面结构设计1、 根据主题确定网站风格2、 网页信息结构的布局与设计1、能根据主题确定网站的风格2、能根据页面信息完成网页结构布局设计4 三：色彩基础知识1、色彩模式2、网络安全色与色彩调色板3、色彩的属性与基调1、熟悉常用的色彩模式与使用2、掌握网络安全色及色彩调色板的使用3、掌握色彩的三要素与色调的基础知识2 四：色彩解码1、 色彩象征2、 色相案例分析3、 色彩的主题印象1、 掌握色彩的情感象征2、 熟悉色彩加白和加黑处理后的使用效果3、 熟悉不同主题印象的网页色彩的选用方法4 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 5 页 - - - - - - - - - 教学单元教学内容学习目标参考学时五：网页配色方案1、 基于色相、色调的配色方案2、 基于色彩情感的配色方案3、 体现节奏和韵律的色彩搭配4、 色彩平衡的原则1、 掌握基于色相、色调的配色方法2、 掌握基于色彩情感的配色方法3、 掌握体现节奏和韵律的色彩搭配方法2 六：不同主题类型网站配色案例分析1、 门户类、资讯类、机构类2、 娱乐类、时尚类、文化类、生活类3、 企业宣传类和电子商务类1、 掌握信息量大的综合网站和机构网站的布局与配色设计方法2、 掌握文字内容较少的休闲网站及不同性别年龄对象的生活网站的布局与配色方法3、 掌握企业宣传网站和电子商务网站的布局与配色方法12 项目二：网页配色方案设计1、不同主题的色彩搭配设计2、网页布局中色彩的使用1、能完成不同主题的配色方案设计2、能根据色彩特性进行网页布局中设计4 七：网站标志与导航1、网站标志与导航的作用和重要性2、导航的类型3、标志与导航的制作方法1、熟悉网站标志和导航的作用2、熟悉导航的类型3、掌握网站标志与导航设计与制作的方法4 项目三：网站 Logo 与导航设计1、网站 Logo 的制作2、导航菜单的设计1、能根据主题完成网站Logo 的设计与制作2、能完成不同风格的导航菜单的设计与制作8 八：网页文字设计1、字体的选择与使用2、文字的强调3、文字的图形化与叠置4、标题与正文文字5、文字编排的基本形式1、掌握字体的选取、安装与使用方法2、掌握强调字的作用与设计方法3、掌握图形文字和叠置文字的作用和操作方法4、掌握标题与正文文字的设计原则4、熟悉文字编排的基本形式4 九：图像的处理1、图像的格式2、网页插图的规格、数量3、图像的延续与裁切4、背景图像5、图像链接1、熟悉常用的图像格式2、掌握网页插图的选取和处理方法3、掌握网页插图的使用方法4、掌握背景图像的使用方法5、掌握图像链接的使用方法4 项目四：网页文字与网页用图的整体编排1、图像素材的选取与处理2、网页插图的使用3、网页文字的设计4、图文混排1、能利用网络和图形图像处理软件完成图像素材的筛选和处理2、能利用软件完成网页插图的设计3、能利用软件完成网页文字的设计。4、能完成网页中图文的混合编排8 四、课程实施建议1参考教材及教学参考书建议唐守国 .Photoshop CS4网页设计配色与特效案例精粹. 北京 : 清华大学出版社,2010 黎芳 .网页设计与配色实例分析. 北京：北京希望电子出版社，2005 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 5 页 - - - - - - - - - 2教学方法建议针对具体的教学内容和教学过程，采用项目式教学法、演示法、讲授法、启发式教学法、分组讨论法、自主探索发、任务驱动法等方法完成教学任务。3教学评价建议本课程采用多元性的评价，结合课堂表现、回答问题、课程作业、单元实践任务等方式，对学生学习态度、课内实践任务完成情况、课后项目完成情况进行考核。考核项目考核方式比例课堂表现出勤情况教师根据学生出勤情况、迟到、早退情况进行扣分5% 课堂纪律教师根据学生上课是否认真听讲、是否有玩手机、玩游戏、睡觉等情况进行扣分5% 机房规范教师根据机房使用规范，学生是否有损坏机房设备、破坏机房卫生等情况进行扣分5%过程考核课堂提问教师根据学生是否积极主动回答问题及答题是否正确进行打分5% 课内实践教师根据学生对课内实践任务完成的独立性、完成速度、效果正确度、美观性进行打分40% 课后项目教师根据学生对布置的课后项目完成的独立性、时效性、效果的正确与美感程度进行打分40% 合计100% 五、课程教学资源1实验实训教学条件建议序号实验实训项目名称所需设备名称1 项目一：网页界面结构设计多媒体计算机投影仪音响、耳机2 项目二：网页配色方案设计多媒体计算机投影仪音响、耳机扫描仪3 项目三：网站Logo 与导航设计多媒体计算机投影仪名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 5 页 - - - - - - - - - 序号实验实训项目名称所需设备名称音响、耳机扫描仪4 项目四：网页文字与网页用图的整体编排多媒体计算机投影仪音响、耳机扫描仪2师资条件担任本课程的主讲教师需要熟悉页面布局与色彩搭配基础知识、熟练掌握图形图像处理软件Photoshop 或 Fireworks的操作技能，具备一定的美学鉴赏能力和运用图形图像处理软件进行网页界面艺术效果设计的能力。同时应具备较丰富的教学经验。在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计；还应具备较强的施教能力、课堂掌控能力和应变能力。承担本课程教学的兼职教师应具备中级以上职称（或具备相应职业资格证书），主要承担实训任务的教学，总计24 课时。3学习资源选用1、参考教材和实训指导书：1） 旭日东升 .网页设计与配色经典案例解析. 北京：电子工业出版社.2011 2）胡崧. 新锐网页配色设计与案例分析. 北京：中国青年出版社.20073） 华之凤 . 网页配色宝典 . 北京：中国电力出版社.2009 4） 顾群业 . 网页配色密码 . 北京：清华大学出版社.2010 2、学习参考网站：网页制作教程. web 开发之家六、编制说明编写：审核：时间：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 5 页 - - - - - - - - -