网页设计要点.pdf

网页设计要点

网页设计要点

引导语：一个好的网页从一开始设计时都有哪些需要注意的要点

事项呢？以下是店铺整理的网页设计要点，欢迎参考阅读!

网页设计的两大要点是：整体风格和色彩搭配。

确定网站整体风格

在这里，我提供给大家一些参考经验：

1．将你的标志logo，尽可能的放在每个页面上最突出的位置。

2．突出你的标准色彩。

3．总结一句能反映贵站精髓的宣传标语！

4．相同类型的图像采用相同效果，比如说标题字都采用阴影效果，

那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的！

网站的整体风格及其创意设计是最难以学习的，难就难在没有一

个固定的模式可以参照和模仿。给你一个主题，任何两人都不可能设

计出完全一样的网站。

R、G、B就是Red、Green、Blue（红，绿，蓝）三种颜色，

RGB模式就是由这三种颜色为基色进行叠加而模拟出大自然色彩的色

彩组合模式。我们日常用的彩色电脑显示器、彩色电视机等的色彩都

使用这种模式。

1、矢量图

矢量图又叫做向量图，是用一系列计算机指令来描述和记录一幅

图，一幅图可以解为一系列由点、线、面等到组成的子图，它所记录

的是对象的几何形状、线条粗细和色彩等。生成的矢量图文件存储量

很小，特别适用于文字设计、图案设计、版式设计、标志设计、计算

机辅助设计（CAD）、工艺美术设计、插图等。矢量图只能表示有规

律的线条组成的图形，如工程图、三维造型或艺术字等；常见的矢量

图处理软件有CoreIDRAW、AutoCAD、Illustrator和FreeHand等。

2、位图

位图又叫点阵图或像素图，计算机屏幕上的图你是由屏幕上的发

光点（即像素）构成的，每个点用二进制数据来描述其颜色与亮度等

信息，这些点是离散的，类似于点阵。位图在放大到一定限度时会发

现它是由一个个小方格组成的，这些小方格被称为像素点，一个像素

是图像中最小的图像元素。也就是我们俗称的马赛克。

bmp：是未经过压缩的用点阵来表示的真彩图片,占用磁盘空间较

大

gif：是经过压缩的,只能表示256种颜色,占用磁盘空间小,常用来

演示色彩单一的成块的卡通图案,GIF还有一种可以表示连续的动画。

png：是fireworks的图片格式

jpg：也称为jpeg,是有损压缩格式但是它表示的颜色比较丰富,一

般用来显示真彩的照片或图案。

作为设计者和客户（这里指各站长），如果事先没有明文协议的

话设计者有权不提供源文件。

VI是VisualIdentity的缩写，中文译为“企业视觉识别”。VI是

CI计划的静态识别符号，是企业理念视觉化传达的载体，因此它项目

最多，效果最为直接。VI作为视觉识别，它是外在表现，固然需要具

有美感，但VI必须是MI的体现，直接反映企业的理念。因此VI设计

包含这样一些原则：即充分传达企业理念、人性原则、民族性原则、

简洁抽象及动态原则、员工参与原则、法律原则、艺术性原则和个性

原则。

CI是CorporateIdentity的缩写，中文译为“企业形象”。CI计

划，是指企业有目的、有计划、战略性地创造出所希望的自身形象，

由此提高企业的社会知名度，最终得到自己最适合的经营环境。

而logo只是网站或企业一个标志。

网页色彩搭配

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者

饱和度，这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡

黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三至五种色彩以内。

2．背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背

景)，以便突出主要文字内容。

网页设计工具

图像处理设计：

adobePhotoShop（外