【精品PPT】·书法家庄辉个人网站模板效果图的设计与制作.pptxVIP

基于工作过程的网页设计与网站开发教程主编：张洪斌 刘万辉机械工业出版社第四章 网站的色彩与布局 情境1：书法家庄辉个人网站模板效果图的设计与制作 1. 项目展示与项目目标 2. 项目资讯 3. 项目计划与决策 4. 项目实施 5. 项目检查与评估 6. 强化拓展实训:画笔的使用技巧 基于工作过程的网页设计与制作教程1项目展示与项目目标 项目展示与项目目标掌握色彩的基本理论了解网页配色的原则掌握网页常用的配色方法掌握网页版式布局的要点掌握网页版式布局的方法了解网页版式构成的类型了解网页布局结构深入学习效果图的设计方法2. 项目资讯关键知识点一：色彩的基本理论 色彩的基本理论: RGB颜色 网页颜色主要有3种基本颜色组成的，他们是红（Red）、绿（Green）、蓝（Blue），其他的颜色是由这3种颜色调和而成的。例如，黄=红+绿，紫色=红+蓝，白色=红+绿+蓝用3个十六进制数来表示红、绿、蓝3种颜色的含量，组成一个6位的十六进制数，就是RGB颜色。例如，红色为FF0000，绿色为00FF00，黄色为FFFF00，白色为FFFFFF。 2. 项目资讯关键知识点一：色彩的基本理论 色彩的基本理论: 色环 红 橙 黄 绿 青 蓝 紫 红 2. 项目资讯关键知识点一：色彩的基本理论 色彩的基本理论: 颜色的三要素 色相：即是颜色的相貌称谓，如红色、橙色、黄色、绿色等。纯度：也称饱和度。彩度，是指颜色的鲜艳程度，即颜色的色素含量。如果纯度高，则色彩艳丽，否则颜色淡灰。正红色、正黄色、正蓝色等都是纯度极高的颜色，而灰色则是纯度最低的颜色。明度：也称亮度，是颜色的明暗程度，是各色相中白色的含量。白色是明度最高的色调，白色的明度为100%，黑色的明度为0%。 2. 项目资讯颜色代表的含义 l?红色是一种对视觉器官产生强烈刺激的颜色，在视觉上容易引起注意，在心理上容易引起情绪高昂，能使人产生冲动，愤怒，热情，活力的感觉。红色的具体表现是：火、血、心、苹果、夕阳、婚礼、春节等。红色的抽象表现是：热烈、喜庆、危险、革命、女性等。 l?橙色 橙色也是一种对视觉器官产生强烈刺激的一种颜色，由红色褐黄色组成，比红色多些明亮的感觉，容易引起注意。橙色的具体表现是：橙子、柿子、桔子、橘子、秋叶、砖头、面包等。橙色的抽象表现是：快乐、温情、积极、活力、欢欣，热烈，温馨，时尚、食欲等。 l?黄色 黄色也是一种对视觉产生明显刺激的颜色，容易引起注意。黄色的具体表现是：香蕉、柠檬、黄金、蛋黄、帝王等。黄色的抽象表现是：光明、快乐、豪华、注意、活力、色情、快乐，希望，智慧等。 2. 项目资讯颜色代表的含义 l?绿色 绿色是对视觉器官的温和，所以一般人都知道眼睛疲劳的时候，看着绿色有调节和恢复的作用，介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。绿色的具体表现是：草、植物、竹子、森林、公园、地球、安全信号等。绿色的抽象表现是：新鲜、春天、有生命力、和平、安全、年轻、清爽、环保。 l蓝色蓝色是对视觉器官的刺激较弱，在光线不足的情况下不易辨认，具有缓和情绪的作用。所以情绪的波动时，看着蓝天和海洋，可以让人心情平静，它和白色混合，能体现柔顺，淡雅，浪漫的气氛。蓝色的具体表现是：水、海洋、天空、游泳。蓝色的抽象表现是：稳重、理智、高科技、清爽、凉快、自由等。 2. 项目资讯颜色代表的含义 l?紫色紫色由蓝色和红色组成，对视觉器官的刺激正好综合强弱，形成中性色彩。紫色的具体表现是：葡萄、茄子、紫菜、紫罗兰、紫丁香等。紫色的抽象表现是：神秘、优雅、女性化、浪漫、忧郁等。 l褐色 褐色是橙色中加入了一定比例的蓝色或黑色所形成的暗色，对视觉器官刺激较弱。褐色的具体表现是：麻布、树干、木材、皮革、咖啡、茶叶等。褐色的抽象表现是：原始、古老、古典、稳重、男性化等。 2. 项目资讯关键知识点一：色彩的基本理论 l?白色白色的自然日光是由多种有色光组成的，白色是光明的颜色。白色的具体表现是：光，白天、白云、雪、兔子、棉花、护士、新娘等。白色的抽象表现是：纯洁、干净、善良、空白、光明、寒冷等。 l灰色 灰色是白色与黑色的组成，对视觉器官刺激微弱。灰色的具体表现是：金属、水泥、砂石、阴天、乌云、老鼠等。灰色的抽象表现是：柔和、科技、年老、沉闷、暗淡、空虚、中性、缺乏生命力、中庸、平凡、温和、谦让、中立和高雅的感觉。 黑色 黑色对视觉器官的刺激最弱。黑色的具体表现是：夜晚、头发、木炭、墨、煤等。黑色的抽象表现是：罪恶、污点、黑暗、恐怖、神秘、稳重、科技、高贵、不安全、