第五章-实用的网页配色方案.docx

授课班级授课日期授课题目:第五章实用的网页配色方案目的要求:掌握色彩的象征意义、掌握色彩的感觉、根据色彩情感制定相应配色方案重点难点:根据色彩情感制定相应配色方案组织教学:点名考勤;复习;引入新课;讲解理论知识;实例演示;指导学生练习;总结总结复习导入新课:分析网络上的多种网页配色方案提问:网页安全色包括多少种颜色?其中彩色有多少种?家居类网站采用橙色调、环境类网站采用绿色调,对应网页设计色彩的基本原则中的哪项原则?网页设计中色彩的作用有哪些?教学方式、手段、媒介:教学手段:讲授、多媒体;媒介:教材授课内容:第五章实用的网页配色方案理论部分演示案例1—网页“变色记”案例分析:汽车网站改变颜色后对比分析牙膏网站改变颜色后对比分析涉及的知识点:色彩的象征意义操作步骤分析:分析主辅色调分析主辅色调变换颜色对比分析讲解:理论知识(颜色释义)色彩对人头脑和精神具有影响力。不同颜色给人不同的心理感受,具有不同的象征意义。红色系红色视觉冲击力强,是热烈冲动的色彩。在我国,红色一直都是喜庆和幸福的代表颜色。近年来以红色为主色的网站逐渐增多。橙色系充满活力给人健康的感觉,是人们普遍喜爱的颜色。应用于网站给人一种晴朗新鲜的感觉,也常用在食品饮料网站中。黄色系黄色灿烂辉煌,给人以光明、活泼轻快的感觉。网站中应用广泛,经常与绿色、蓝色、紫色搭配。绿色系绿色会让人联想到大自然,象征健康与希望。经常用于与健康相关的站点、教育类、环境类站点。青色系青色给人的心理感觉基本与绿色相同,但比绿色稍显冷静。清秀豁达,有智慧之感,经常应用在知识、教育类网站。蓝色系蓝色会让人联想起天空和海洋,表现和平、淡雅、洁净、可靠等多种感觉。网站设计中运用广泛,常用于科技、知识、计算机、企业等多种类型的网站中。紫色系紫色在有彩色中明度最低,给人神秘高贵的感觉。通常用于以女性为对象或艺术类网站中。黑、白、灰黑色给人沉闷压抑的感觉,一般与明度高的色彩搭配使用。白色给人纯洁、高雅感觉,通常与其他颜色搭配,构成明快的对比调和关系。灰色具有柔和、高雅的意象,常用于高科技产品网站中。黑、白、灰在色彩配色中占有相当重要的地位。网站配色,CSS主色调配色方案红色红色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。在红色中加入少量的蓝,会使其热性减弱,趋于文雅、柔和。在红色中加入少量的黑,会使其性格变的沉稳,趋于厚重、朴实。在红中加入少量的白,会使其性格变的温柔,趋于含蓄、羞涩、娇嫩。黄色黄色格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中,最为娇气的一种色。只要在纯黄色中混入少量的其它色,其色相感和色性格均会发生较大程度的变化。在黄色中加入少量的蓝,会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失,趋于一种平和、潮润的感觉。在黄色中加入少量的红,则具有明显的橙色感觉,其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。在黄色中加入少量的黑,其色感和色性变化最大,成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。在黄色中加入少量的白,其色感变的柔和,其性格中的冷漠、高傲被淡化,趋于含蓄,易于接近。蓝色蓝色感较冷,性格朴实而内向,是一种有助于人头脑冷静的