第三章网站色彩、配色及版式布局介绍.ppt

情境1：书法家庄辉个人网站模板效果图的设计与制作 4. 项目实施 12）新建一个图层，命名为“主标题”，然后在效果图右侧使用“矩形选框工具”选取一个宽9像素，高35像素的正方形选区（样式为：固定大小，宽9像素，高35像素），然后填充为浅褐色（#edd15e），使用铅笔工具在小矩形下方划一条浅褐色（#edd15e）的横线，最后添加文本“草书作品”（与导航相同），效果如图所示。 情境1：书法家庄辉个人网站模板效果图的设计与制作 4. 项目实施 13）打开图片“竹兰生意气.jpg”文件（如图a，图像宽和高都为440像素），首先执行“选择”→“全选”命令（快捷键Ctrl+A）完成全部选择，然后执行“编辑”→“描边”命令，将前景色设置为6d4418，位置设置为内部，大小为2像素。执行“图像”→“画布大小”，修改画布大小为宽和高都为480像素，完成后按Ctrl+A键执行全选命令，然后执行“选择”→“修改”→“收缩”命令，收缩量为2像素，最后再次执行“编辑”→“描边”命令，位置设置为居中，大小为1像素，效果如图b所示。 a b 情境1：书法家庄辉个人网站模板效果图的设计与制作 4. 项目实施 14）使用“移动工具”将修改后的“竹兰生意气.jpg”图像拖至效果图中，调整图像位置，最后添加文本“草书 蔡树农诗句 竹兰生意气”，同时也在效果图的页脚处添加版权信息与联系方式文本，效果图完成如图所示。 情境1：书法家庄辉个人网站模板效果图的设计与制作 5.项目检查与评估 学习目标 评价项目 掌握色彩的基本理论 能理解色彩的基本理论并应用配色的原则 掌握常用的网页配色方法 能将常用的网页配色方法应用到项目中 掌握网页版式布局理论 了解网页版式构成的类型，能理解掌握网页版式布局的要点 掌握网页版式布局的方法 能应用网页版式布局方法到项目 情境1：书法家庄辉个人网站模板效果图的设计与制作 6.强化拓展实训：画笔的使用技巧 间距设置 情境1：书法家庄辉个人网站模板效果图的设计与制作 6.强化拓展实训：画笔的使用技巧 网页设计与制作 主讲：xxx 第三章 网站的色彩与布局 情境1：书法家庄辉个人网站模板效果图的设计与制作 1项目展示与项目目标 掌握色彩的基本理论 了解网页配色的原则 掌握网页常用的配色方法 掌握网页版式布局的要点 掌握网页版式布局的方法 了解网页版式构成的类型 了解网页布局结构 深入学习效果图的设计方法 情境1：书法家庄辉个人网站模板效果图的设计与制作 2. 项目资讯 色彩的基本理论: RGB颜色 网页颜色主要有3种基本颜色组成的，他们是红（Red）、绿（Green）、蓝（Blue），其他的颜色是由这3种颜色调和而成的。 例如，黄=红+绿，紫色=红+蓝，白色=红+绿+蓝 用3个十六进制数来表示红、绿、蓝3种颜色的含量，组成一个6位的十六进制数，就是RGB颜色。 例如，红色为FF0000，绿色为00FF00，黄色为FFFF00，白色为FFFFFF。 关键知识点一：色彩的基本理论 情境1：书法家庄辉个人网站模板效果图的设计与制作 2. 项目资讯 关键知识点一：色彩的基本理论 色彩的基本理论: 色环 红 橙 黄 绿 青 蓝 紫 红 情境1：书法家庄辉个人网站模板效果图的设计与制作 2. 项目资讯 关键知识点一：色彩的基本理论 色彩的基本理论: 颜色的三要素 色相：即是颜色的相貌称谓，如红色、橙色、黄色、绿色等。 纯度：也称饱和度、彩度，是指颜色的鲜艳程度，即颜色的色素含量。如果纯度高，则色彩艳丽，否则颜色淡灰。纯度是深色、浅色等色彩鲜艳度的判断标准。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。正红色、正黄色、正蓝色等都是纯度极高的颜色，而灰色则是纯度最低的颜色。 明度：也称亮度，是颜色的明暗程度，是各色相中白色的含量。白色是明度最高的色调，白色的明度为100%，黑色的明度为0%。 情境1：书法家庄辉个人网站模板效果图的设计与制作 2. 项目资讯 颜色代表的含义 l??红色 是一种对视觉器官产生强烈刺激的颜色，在视觉上容易引起注意，在心理上容易引起情绪高昂，能使人产生冲动，愤怒，热情，活力的感觉。 红色的具体表现是：火、血、心、苹果、夕阳、婚礼、春节等。 红色的抽象表现是：热烈、喜庆、危险、革命、女性等。 l??橙色 橙色也是一种对视觉器官产生强烈刺激的一种颜色，由红色褐黄色组成，比红色多些明亮的感觉，容易引起注意。 橙色的具体表现是：橙