网页美工设计模块二_网页色彩规划教材教学课件.pptx

网页美工设计 模块二 网页色彩规划 任务一 认识色彩情感 １．认识色彩并区分色彩角色 ２．理解色彩情感及运用相关知识确立主色调 通过学习，学生能够： 1．能区分网页中不同色彩的色彩角色 2．能运用色彩情感知识确立主色调 新课导入 　　我们生活的世界充满了各种各样的色彩，色彩与人的情感有着密切的联系，不同的色彩被人们赋予不同的意义，表达特定的情感。运用色彩时，除了色彩与色调本身的美感外，也通过色彩传递着相应的色彩联想与情感象征。 　　如图所示，我们的生活中充满了不同色彩感觉的事物： 　　观察四张图片并思考：1.几张图片中的色彩带给你什么样的感受 2.生活中哪些颜色给你留下了深刻的印象 目标展示  主色调 辅助色 点睛色 背景色 一、色彩角色：以下图为例进行区分网页色彩角色的分析。 目标展示 二、色彩情感：如下图以白色为例，用不同主色调的网页帮助大家理解色彩情感在网页中的运用。 任务分解 一、色彩角色 　　网页中色彩的角色主要是根据其面积多少来区分主次关系，如果不同的颜色使用面积相当，会感觉页面主次不分、没有整体感；当使用颜色过多，会感觉页面过于琐碎、花俏，网页会显得轻浮而缺乏内涵。 　　为网页配色的时候，应根据主题内容主次需要，选择不同的颜色发挥不同的功能，让其扮演不同的角色，根据色彩的视觉主次关系分为： 　　1．主色调 　　在网页中面积最大，出现次数最多，贯穿网页中所有页面的色彩。主色调好似乐曲中的主旋律，在创造特定的气氛与意境上发挥主导作用，是整个网站的色彩表现力的灵魂。在描述网页是什么色调时也是特指其主色调。 　　2．辅助色 　　仅次于主色调视觉面积的色彩，是烘托、支撑主色调，起到调和画面色彩关系，融合画面色彩感觉的色彩。 　　3．点睛色 　　在小范围内用强烈的颜色来突出效果、活跃气氛，使页面更加鲜明生动的色彩。主要使用于占用范围较小的按钮、标签等。同一个画面的点睛色可能是一种色彩，也可能是多种色彩，点睛色的数量根据画面需要而定。 　　4．背景色 　　用于网站背景的颜色，起到协调、衬托整体色彩关系的作用。有的背景色作用不大，仅仅起到陪衬的作用，在画面中显露的面积很小，但有些网页的背景色对画面的影响很大，既是背景，也是主色调。 任务分解 一、色彩角色 　　图2-1-5使用了多种色彩，让我们来区分其中的色彩究竟扮演何种角色：  主色调 辅助色 点睛色 背景色 任务分解 二、色彩情感 　　4．红色 　　红色让人联想到： 　　正面的：热情、感动、勇气、力量、生命力、能量、爱情、温暖、开放、社交性； 　　负面的：亢奋、攻击、恐怖、危险、欲望、冲动。 　　红色象征着幸福、热情、活泼、温暖，是所有色彩中最鲜艳、纯净的色彩，红色最容易引起注意，在各种媒体中被广泛运用。　　 　　红色也常用来作为警告、危险、禁止、防火等标志的指定用色，在中国，红色有着更丰富的内涵和意义，代表喜庆、热烈、革命、忠诚、权利。红色与黑色搭配被誉为“商业成功色”， 常被用于较前卫时尚、娱乐休闲和个性化网页中。粉红色鲜嫩而充满诱惑，容易营造出柔情、娇媚、温柔、甜蜜、纯真、诱惑和艳丽等气氛，这类颜色为主的网页多用于女性主题，如化妆品、服装网站等。如图所示以红色为主色调的网页设计 任务分解 二、色彩情感 　　5．橙色 　　橙色让人联想到： 　　正面的：活力、健康、创造力、能力、快乐、华丽、社交性； 　　负面的：警告、不安。 　　橙色象征着光明、华丽、甜蜜、快乐、辉煌、动感，极具扩展性。　　 　　橙色很容易让人联想到金色的秋天和成熟的果实，是一种快乐而幸福的色彩，同时也是能引起食欲的色彩。在工业安全用色中，橙色是警告色，登山服装、背包、救生衣等常用橙色引起别人的注意。如图所示，橙色多用于餐饮、食品、运动及表现年青人活力的网站。 任务分解 二、色彩情感 　　6．黄色 　　黄色让人联想到： 　　正面的：快乐、轻快、撒娇、可爱、理解、智慧、幸福、和平、明朗、希望； 　　负面的：卑鄙、妒嫉、欺骗、偏见、破坏、神经质。 　　黄色也象征智慧和光明，在中国古代，黄色常用于皇室，是权利和尊贵的象征。　 　　黄色是喜庆的用色，象征着明朗、高贵、希望、发展、警示，黄色是明度最高的色彩。有警示的作用，是易于引起注意的代表色彩，有集中视线的效果，常用于道路的标志线、禁止通行路障、工程用的大型机器等。如图所示，在网页设计中，