8.图像处理与设计基础.ppt.pptVIP

实例：国字型网页制作 页头 导航栏 主要内容 页脚 2、利用ps切片图到dw生成网页 step1:在PhotoShop中打开设计稿 选择工具板上的slice切片工具 step2:在PhotoShop中选择file-save for web...输出，这里要注意一些参数的选择：将1所示的切片工具选中，然后点选2所示的图片，在3所示的地方选择色值 step3:定义站点 step4:重新制作页面表格，往表格里面加图加内容 3、 网页设计配色基础 在实用美术中，常有“远看色彩近看花，先看颜色后看花，七分颜色三分花”的说法。 这也就说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。 · 色彩的三个属性 色相 H，也叫色调，是一种颜色区别于其他颜色的因素 明度 B，也叫亮度，指颜色的深浅、明暗程度 纯度 S 指的是色彩饱和程度 原色，也叫“三原色”。即红、黄、蓝三种基本颜色。 调色 主色调页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。） 辅色调仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。 点睛色 在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。 背景色 衬托环抱整体的色调，协调、支配整体的作用。 色相对比分析：　　主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高，因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100％，比主色调高不少，但是因为亮度低，因此色彩显示没有主色调明艳。 结论：　　该页面色相的对比，主要作用于前景与背景的对比、局部与整体的对比。 严格来说，该页面应该是黑白灰色非色彩构成，摄影图片中的人物衣服为灰色，相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一，形成另一道独特的风景。 同种色给人的感觉是相当协调的。它们通常在同一个色相里，通过明度的黑白灰或者纯度的不同来稍微加以区别的，产生了及其微妙的韵律美。为了不至于让整个页面呈现过于单调平淡，有些页面则是加入极其小的其他颜色做点缀。该页面使用了同种色的黄色系，淡黄、柠檬黄、中黄、通过明度、纯度的微妙变化产生缓和的节奏美感 结论：　　同种色被称为最稳妥的色彩搭配方法。 * * 1、常见页面布局样式 常见样式 特点 布局形式 “厂”字型 页面顶部为主菜单以及横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局 优点：页面结构清晰， 主次分明； 缺点：呆板，如果细节色彩上不注意，容易“看之无味” “口”字型 页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容 优点：充分利用版面， 信息量大，与其他页面的链接多，切换方便； 缺点：页面拥挤，不够灵活 自由式： 又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放 优点：漂亮、吸引人，适宜于艺术类网站 缺点：显示速度慢，文字信息量少 要制做一个网页,首先我们先理解一个概念，像素。为我们设计网页页面的大小及准备素材提供帮助 网页一般都是按800*600 （页面尺寸780*428） 或1024*768像素（页面尺寸980*600）来设置设计的 页头（logo网站标志、banner广告条） 导航栏 页脚（版权信息、联系电话、网站介绍等 主要内容 logo167*71 banner499*71 根据自己的版面布局草图来进行网页的布局。 页脚 内容提示 主要内容 子栏目 名称 页头 *