《网站配色与布局》课程教学大纲.docVIP

北大青鸟APTECH IT职业教育体系·ACCP启蒙星 PAGE PAGE 2 《网站配设与布局》教学大纲 ACCP启蒙星2.0　第一阶段 网页设计(3)-网站配色与布局 教学大纲 200 Version 1.0  设计思路 网站配色与布局，重点讲色彩知识在网页中的运用，除了色彩和布局知识外，增加了，让学生多看，多了解网页资料的网站鉴赏内容，教材配图放置网站地址，让同学能上网浏览。添加创意思维训练，也是教材中的亮点，具体讲解思路如下： 1）第一部:网页设计--站在客户的角度追求网站最终达到的目的和效果 2）第一部:基础色彩知识--网站配色的分析 3）第三部:了解传统的网站结构 5）第四部:创意思维训练--通过训练更新设计方式 每章都采用边讲边练的方式，不断检验课堂中学员的学习效果，从而老师再进行针对性的讲解。 本门课程第一章添加2节PPT鉴赏课，分别介绍16种网站类型。 第八章创意实践部分需要老师重点安排创意思维训练，要求学生用电脑完成。 课程目标 课程目标：学员学习后能,从临摹到添加设计思想的设计网页，包含的技能点如下： 1、掌握设计目的,了解设计原则 通过材料对比完成分析工作 策划书的概念 2、会使用色彩知识解决辨别网页中需要正确配色 颜色情感 色彩心理 3、会使用色彩知识解决设计问题 4、会使用构成要素解决设计问题 点构成例子 线构成 面构成 4、会使用网站的框架结构 各种框架类型 （多种） 归结出传统 课程对象 中职学校学生，学习启蒙星2.0课程的第一个学期 课程学时 　　　 理论课 （课时数） 上机课 （课时数） 总课时 （课时数） 16 16 32 课程地位 授课次序 理论课 理论课 上机课 Ch2 Lab2 Ch1 Lab1 Ch3 Lab3 Ch4 Lab4 Ch5 Lab5 Ch7 Lab7 Ch12 Dreamweaver Lab12 Ch10 Lab10 Ch11 Lab11 Ch9 Lab9 Ch13 Lab13 Ch6 Lab6 Ch8 Lab8 课程各章内容、重点、组织结构及授课要求 说明： 每章内容包括理论部分和上机部分，均提供教学PPT。 本门课程理论课时：16学时，上机课时：16学时，共32学时。 对于网页方向的课程均采用边讲边练的授课方式，所以强烈推荐理论、上机均在机房实施。 第一章　网页设计的原则 本章任务 站在客户的角度追求网站最终达到的目的和效果 本章目标 会分析网站的目标用户 会分析同类网站和行业调查 会分析同行客户，需求的服务不同-明确需求 重点和难点 重点：明确用户需求＆网站主题 难点：也是明确用户想法 节思路 利用3W1H讲解知识点,讲解顺序如下： 典型实例——同样产品不同表达的网站比较，解释目的不同，设计的方式也不同。 1、明确主题 1）建站目的 2）网站做给谁看？ 3）网站的收入来源？ 4）网站需要什么技术实现？ 5）客户对网站页面的要求？ 2、材料分析 1）行业分析 了解同类网站情况 行业资料查看 2） 引导设计者有明确的设计目的 典型实例——三个招聘网站分析，解释目标用户不同，设计风格不同。 小结：明白设计网站需要明确主题。 3、目标用户 解释目标用户概念 示例：分析HDT互动通 4、设计目的 1）写策划书 2）设计的“4”种切入点 快速了解我们的经验项目 对产品向往、好奇 很难忽略我们 快速把我们和对手区分 3）网页内容安排技巧 4）广告“口号” 5）网站可信度 6）基础联系方式 小结：了解到网页元素的组合约遵循五大原则：统一、连贯、分割、对比及和谐。 总结：网页设计的原则是网页设计师设计网页时的重要依据。 上机训练重点 添加2节PPT鉴赏课，分别介绍16种网站类型。 第二章　色彩的基础知识（上） 本章任务 会运用各种色彩以传达信息为主设计网页，通过对比网站色彩的方式,解决各知识点举例方法. 本章目标 会使用色彩相关组合实现网站修饰和布局 会使用色彩对比实网站页面的设计＆修饰 重点和难点 难点：色彩创作思路 重点：色彩的色调组合 章节思路 利用3W1H讲解知识点,讲解顺序如下： 典型实例——图片变脸，打造炫彩酷站 解决明度、色相、纯度在PS中的调整颜色方案。 1、色彩的属性（参考网色P88） 1）色相 2）纯度 3）明度 示例：明度和纯度特色的网站作对比 总结：色彩的三原色、间色、复色和冷暖感觉在网页中的应用。 典型实例——“色同道合”做网页 解决网页中的优差配色对比，讲解邻近色配色。 2、常用的基础概念 !)原色 示例：网站作对比 2)间色 示例：网站作对比 3)复色 示例：网站作对比 4)邻近色 示例：网站作对比 5)同类色 示例