网页设计重点

网页设计第二章重点

2.1.1 网站的种类

1．根据网站提供的服务分类：信息类网站、交易类网站、互动游戏类网站、有偿信息类网站、功能型网站、综合类网站

2．根据网站的性质分类：政府网站、企业网站、商业网站、教育科研机构网站、个人网站、非盈利机构网站、其他类型的网站

3．根据在大型搜索引擎上的设置分类

娱乐与休闲类网站、商业与经济类网站、艺术与人文类网站、健康与医药类网站、新闻与媒体类网站、政府与政治类网站、计算机与网络类网站、社会与文化类网站、科学与教育类网站、参考资料类网站

2.1.2网站建设的步骤（出简答！p22-p28，书上的详细内容也看一遍！）

1.网站目标和主题的确定

网站目标的确定（为什么要建立网站）；网站主题的确定（网站主题、网站风格、网站创意、网站名称）

2. 网站的规划

网站的规划包括：网站总体结构的设置、目录的设置和链接结构的设置。

3. 网站素材的准备

网站素材的准备包括：素材的搜集、整理加工、制作和存储等环节。

4. 网站制作工具的选择和确定

5. 网站的建立（设计制作网页）

6. 注册域名和申请网站空间

定个合适的域名：

由域名构成的网址会像商标一样，好的域名有助于将来塑造网上的形象。定义域名除了要考虑公司的性质以及信息内容的特征外，还应该使这个名字简洁、易记、具有冲击力。

租用虚拟服务器空间

一般虚拟主机提供商都能向用户提供大容量，高速度的服务器。用户可视网站的内容设置及其发展前景来选择。一页网页所占的磁盘空间大约20～50KB，10MB大约可以放置200～500页，但如果网站中的图片、动画较多，需要文件下载或有数据库等，就需要多一些空间。一般用户有50MB虚拟主机空间就够了。

7. 网站的测试和发布

网站在发布前后都应进行相关测试。

8. 网站的宣传和推广

首先企业自身要有推广网站的意识：在任何出现公司信息的地方都加上公司的网址，如名片、办公用品、宣传材料、媒体广告等。

9. 网站的更新和维护

网站建成之后，在运营的过程中需要定期不断更新网站的信息，及时总结经验和不足，逐步完善网站的功能

2.1.3 网站建设的原则

1.牢记内容第一的原则

2.网页文件命名原则

3.图片命名的原则

4.重视网页标题的设计

5.网站导航设计要清晰

6.网页长度应限定在三个整屏以内

7.善用图像元素

8.网站中所有路径都采用相对路径

9.确保链接的有效性，链接层次不要太深

10.善用表格来布局，但表格的嵌套层次要控制在三层左右

11.遵循3次点击规则

12.兼顾下载速度与美观

13.及时更新网页

14.避免滥用技术

15.要保护好个人信息

2.2.1网页的版面布局（加粗字体要背过，不加粗的理解或能自己叙述出来即可）

1网页板式的基本类型：

（脑海中要清楚以下8种型的图像效果，书上有图）

国字型、拐角型、三型、对称对比型、标题正文型、框架型、封面型、flash型其中，对称对比型：左右或上下对称，一半深色一半浅色，视觉冲击力强

标题正文型：最上面是标题，下面是正文。一般是文章页面或注册页面

框架型：分左右框架型、上下框架型、综合框架型

（左右框架型：是指一种左右为分别两页的框架结构，一般左边是导航链接或标

题标记，右边是正文。大型论坛常用此种。

上下框架型类似，上下分别为两页的框架结构。

综合框架型是左右框架型与上下框架型的结合，较复杂）

封面型：大部分为一些精美的平面设计并结合一些小动画，放上几个简单的链接或者仅是一个进入的链接，甚至直接在页面的图片上做上栏目链接。

2.布局安排

点的布局，线的布局，面的布局，线条和形状

点的排列所引起的视觉流动，引入了时间的因素，利用点的大小、形状与排列距离的变化，可以使页面富于节奏韵律。

线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。

作为视觉元素的线，不仅有长度和方向上的变化，还有粗与细、虚与实、粗糙

和光滑等变化

面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。

分为黄金分割，等间距分割，判断分割，数学级数分割

线条和形状：直线条的艺术效果是挺拔、规矩、整齐，有轮有廓。

曲线和弧形在页面上的重复组合可以呈现流畅、轻快，富有活力的视觉效果。

一般应用于青春、活泼的主页题材。

2.2.2网页色彩设计

1.色彩的基本原理

●色彩的三属性：色相明度纯度

●色彩的心理感觉：（1）色彩有冷暖感。

（2）色彩有兴奋感与沉静感。

（3）色彩有膨胀感与收缩感。

（4）色彩有前进感与后退感。

（5）色彩有轻重感。

●十二色相环

2.网页色彩设计原理

（1）色彩的面积与位置

（2）色彩的对比：在背景图象上添加文本，一种较好的方法是使用相近色作为背景，补色作为文本色。

（3）网页配色分析

3网页色彩搭配原理：（1）色彩的鲜明性（2）独特性（3）合适性、（4）联想性、（5）合理性、（6）时尚性、

（1）色彩的鲜明性、色彩鲜艳，引人注目

（2）独特性、与众不同的色彩搭配，衬托出网站的个性

（3）合适性、按照内容决定形式的原则，色彩应服务于网站的内容，和网站的气氛相适应（4）联想性、不同色彩产生不同联想

（5）合理性、照顾到人眼睛的生理特点，不用大面积高纯度色相，不过分强烈颜色对比，避免视觉疲劳

（6）时尚性、关注流行色的发展

4、网页各组成部分色彩的设计方法

（1）网页内容：要求背景亮，文字暗，反之亦然，对比度要大

（2）网页标头：logo放置的地方用深色，具有较高对比度。标题使用与页面内容非常不同的字体或颜色，也可以采用页面内容的反色

（3）导航菜单所在区域：菜单背景设置暗一些，依靠较高颜色对比度，比较强烈的图形元素或独特字体将网页内容和菜单的不同准确区分开来

（4）侧栏：注意将网页内容和菜单的不同准确区分开来，同时也要易于阅读

（5）页脚:不应该喧宾夺主

2.2.3-2.2.4

1、网页设计原则：对比原则（大小对比、明暗对比、粗细对比、曲线与直线的对比、水平线与垂直线的对比、质感的对比、位置的对比、多重对比），协调原则(主与从、动与静、入与出、统一与协调)，平衡原则、趣味原则

2、文字编排形式有两端对齐、居中对齐、左对齐或有对齐和绕图排列。

3、图像的形式：方形图、退底图、出血图以及这三种形式的结合。

4、网页中图像的格式：gif、jpeg、bmp、png

5、点布局：通过点的大小、主次引起浏览者的视觉流动。

6、线的布局安排主要体现为线的空间分割，分割是版式设计的主要手段之一。

7、面的布局主要体现为面的空间分割，经分割所产生的比例关系，是决定页面均衡、协调的重要因素。黄金分割、等间距分割、判断分割、数学级数分割

2.2.5—2.2.6