《网页设计相关介绍》PPT课件.ppt

网页设计配色,颜色的使用在网页制作中起着非常关键的作用，除了学习各种色彩理论和方法之外，多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。 一、网页颜色原理和象征意义 红色：热情、奔放、喜悦、庄严 黄色：高贵、富有、灿烂、活泼 黑色：严肃、夜晚、沉着 白色：纯洁、简单、洁净 蓝色：天空、清爽、科技 绿色：植物、生命、生机 灰色：庄重、沉稳 紫色：浪漫、富贵 棕色：大地、厚朴,二、网页色彩搭配 1、色彩的鲜明性。 网页的色彩要鲜艳，容易引人注目。 2、色彩的独特性。 要有与众不同的色彩，使得大家对你的印象强烈。 3、色彩的合适性。 就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。 4、色彩的联想性。 不同色彩会产生不同的联想，选择色彩要和你网页的内涵相关联。,三、网页色彩搭配的技巧 1、用一种色彩。 先选定一种色彩，然后调整透明度或者饱和度产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2、用两种色彩。 先选定一种色彩，然后选择它的对比色。 3、用一个色系。 就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝 4、用黑色和一种彩色。 比如大红的字体配黑色的边框感觉很“跳“。,四、网页颜色的使用风格 不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型： 1、 公司色 在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。其形象宣传、海报、广告使用的颜色都和网站的颜色使用一致。 2、 风格色 许多网站使用颜色秉承的是公司的风格。女性网站使用粉红色的较多，大公司使用蓝色的较多这些都是在突出自己的风格。 3、 习惯色 这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。,网页编辑工具,Dreamweaver:网页布局软件 Flash:网页动画设计软件 Firework:图片处理软件 Photoshop:图片处理软件,网页图片格式（web的标准文件格式 ）,JPG(JPEG) 用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像，可以用最少的磁盘空间得到较好的图像质量 文件尺寸较小，下载速度快 PNG 专门为Web创造的流式网络图形格式 GIF 网页最常采用的格式。支持透明背景图像 ，文件尺寸最小，但GIF只能显示256色,网页动画格式,GIF动画 就是将一幅幅差别细微的静态图片不停地轮流显示，可以让原本呆板的网站变得栩栩如生。 SWF（flash动画） 小巧灵活、生成文件小、表现力丰富、视觉冲击力强 特点： 具有交互性 矢量图技术，具有文件小、传输速度快 崭新的视觉效果,怎样才能做好一个网站,满足浏览者的需求 浏览者到您的网站来，他想要什么？您的网站的目标最重要的是需要满足浏览者的需求。 简约 避免加上臃肿的内容，当加入每一个特征时，请考虑浏览者的需要！ 内容为王 确保网站的内容以有效的方式排列。简洁的、令人心悦诚服的内容和立体化的信息结构。内容通俗易懂。 注重细节 通过适当的混合颜色、图形、图片，可以创造出强烈的氛围和感受，将对浏览者产生深刻的映像。 指导浏览者 通过链接、导航菜单指导浏览者。 宣传你的网站,网页制作的流程,网站主题定位 决定站点的服务对象 建立网站架构 将网站所包含的内容列出来，并将其结构化。 设计网站形象 网站的“脸面”，在“眼球”经济的时代，一个网站的成败大部分取决于网站形象设计的好坏。 网站标志(LOGO) 网站标准色彩 能体现网站形象和延伸内涵的色彩网站标准字体 网站标准字体 标准字体是指用于标志、标题、主菜单的特有字体。 网站宣传标语 网站的精神、网站的目标。可以用一句话甚至一个词来高度概括,制作网站页面 具体到每一个页面的制作时，首先要做的就是设计版面布局。就像传统的报刊杂志一样，需要将网页看作一张报纸、一本杂志来进行排版布局。 版面指的是在浏览器中看到的完整的一个页面的大小。 布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置。 网站发布 更新与维护网站内容 网站已经正式发布，整个网站已进入正常运行阶段。这时的主要