精彩网页设计赏析

精彩网页设计赏析

内容简介

本书是一本精美的网页设计手册，同时也是一本精美的网页欣赏性图书。全书共分5章，按照不同的国家和地区进行分类，分别从网页的版式风格、色彩特点、元素应用、细节处理等方面详细讲解不同国家和地区的网页特点。

本书秉承易学实用、周到体贴的风格，精心挑选了近千个优秀的网页，进行了基础详解和详细分析。海量的经典案例分析对读者启迪灵感、勇于创新大有益处。

本书非常适合广大从事网页设计的人员使用，同时也适合网页设计爱好者使用。

未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。

版权所有，侵权必究。

图书在版编目（CIP）数据

精彩网页设计赏析／张新伟编著.—北京：电子工业出版社，2009.6

（精彩网页设计）

ISBN 978-7-121-08543-7

I. 精… Ⅱ.张… Ⅲ.主页制作 Ⅳ.TP393.092

中国版本图书馆CIP数据核字（2009）第041664号

责任编辑：王树伟 李利健

印 刷：

装 订：

出版发行：电子工业出版社

北京市海淀区万寿路173信箱 邮编：100036

开 本：787×1092 1/16 印张：17.75 字数：553.8千字

印 次：2009年6月第1次印刷

印 数：4 000 册 定价：59.90 元（含光盘1张）

凡所购买电子工业出版社图书有缺损问题，请向购买书店调换。若书店售缺，请与本社发行部联系，联系及邮购电话：（010）88254888。

质量投诉请发邮件至zlts@phei.com.cn。盗版侵权举报请发邮件至dbqq@phei.com.cn。

服务热线：（010）88258888。

前言

首先，感谢您阅读本书。臧克家曾经说过：读一本好书，就像交了一个益友。对于初学者而言，选择一本好书则显得尤为重要。

本书是专门为网页设计者量身打造的，可称得上是“色、香、味”俱全且营养丰富的网页设计知识的“豪华盛宴”！

本书内容涵盖了网页的版式风格、色彩分析、元素应用、细节处理等精细的分析和点评。与其他同类书相比，此书应用范围更广，适用性更强。

在当今的计算机世界，因特网无处不在。打开计算机，我们的工作、休闲、娱乐都离不开多姿多彩的网络世界。那么，在多姿多彩的因特网世界中，什么样的网页才能迅速获得访问者的青睐呢？如何才能设计出与众不同的漂亮的网页？除了丰富的内容、合理的版式、独特的风格和赏心悦目的色彩，作为一名网页设计师，更应该拓宽视野，使自己了解更多不同类型和不同风格的网页，这样才能不断地提高自己的设计水平。

然而，网页对于不同的人来说，有不同的含义。对一些网页专业设计人员来说，网页欣赏可以在自己原有的工作基础上拓宽视野；而对初学者来说，网页欣赏则是至关重要的，因为只有在量的积累下，才会有质的提高。

本书重点介绍不同国家的网页设计风格特点和具体细节分析。每个国家都有自己丰富的文化特色，所以，网站中也应用到不同的特色元素，这种特色元素可以为网站展示内容提供更贴切的表现形式，比如，具有民族特色的色彩、文字、图案或图片的应用，各个国家的传统服饰、装饰品、手工艺品、特色建筑、绘画等，通过这些元素的合理搭配，给浏

览者一种富有浓厚的国家特色的印象。例如，中国是一个拥有五千年历史的文明古国，也是一个多民族融合的国家。因此，设计师在网站设计中提供了大量丰富的具有中式传统风格的设计元素，而这些元素在网站设计中的应用更是充分体现了中式传统风格网站的特色。

本书基于“快速掌握、即查即用、学以致用”的原则，具有以下特点。

内容上注重“实用为先”。本书在内容上精选了最需要的知识，介绍最实用、最

典型的案例。

方法上注重“活学活用”。本书根据用户实际使用的需要取材谋篇，以应用为目

的，将更多、更精美的网页案例展现给读者，给读者带来更多、更好的设计理念。

信息上注重“见多识广”。书中的每一章都有丰富、精美的案例和详细的案例

分析。

布局上注重“科学分类”。本书在布局上采用分类式的组织形式和交互式的表述

方式。读者可翻到哪里学到哪里，不仅适合系统学习，更加方便即查即用。

特别说明

为了给读者提供更丰富的配色方案参考，本书一些章节提供了颜色的RGB色值，由于实际操作环境的不同，其实际数值可能与本书中给出的数值稍有不同，但不会对颜色造成太大影响。

由于作者水平有限，错误和不足之处在所难免。读者在阅读过程中如有任何问题，欢

迎和作者交流。

编 著 者

读者学习导航

本书以网页经典案例欣赏为主线，从网页的版式、色彩、元素、细节等方面对案例进行了全面的分析。全书共分为5章，每章主要内容包括网页风格特点和经典案例解析两部分。比如，第1章韩国风格网页赏析，第一部分讲述了韩国网页的版式特点、色彩特点、细节处理以及相关元素的应用。每节都根据具体的案例进行了详细的分析。第二部分通过韩国艺术类网站、娱乐类网站、旅游类网站、时尚类网站、经济类网站、教育类网站、体育类网站、影视类网站、企业类网站、儿童类网站、饮食类网站和数码类网站等，12个不同类型的网站共几十个精美案例进行了详细的分析。特别是第二部分，详细、全面的案例分析讲解，丰富、精美的案例画面，呈现给读者大量韩国优秀、经典的网页。

第1章：韩国风格网页赏析（36个案例）

目前就亚洲来说，韩国的网页设计水平很高且发展速度非常快，通过对大量的韩国网站的鉴赏和分析，本章采用了具有代表性的优秀网页作为案例，对其进行了详细的分析。韩国网站的色彩丰富而独特，但又不杂乱。尤其需要注意的是，网页中的元素一般都是韩国网站的开发人员根据不同的网站专门制作的。

第2章：日本风格网页赏析（34个案例）

本章介绍的日本风格网站的特点非常突出，很具代表性。日本网站在版式、色彩、细节和元素的应用上得心应手，给人很深的印象。日本网站的国家特色鲜明，重点突出。

第3章：中国风格网页赏析（49个案例）

随着互联网在中国的普及程度越来越高，中国在网站建设方面也逐步从向欧美、日韩等国家网站风格的学习阶段转向运用具有中国传统特色的元素和构图方式，逐步脱离了欧美、日韩等国家网站风格的设计，从而形成一种蕴涵丰富的中国文化特色的网站风格。本章挑选了中国优秀的网页，对其特点进行了分析，具有很高的学习和参考价值。

第4章：欧美风格网页赏析（27个案例）

欧美风格的网站的特点就是简洁、突出重点，页面效果精致细腻。本章所采用的大量的欧美网页，都很具代表性，不论是版式、色彩，还是细节处理、元素应用，都运用得非常好。具体分析可详读本章。

第5章：东南亚风格网页赏析（30个案例）

东南亚风格如今被越来越多的人了解、接受和喜爱。东南亚风格的网站风格特点突出，总能给人留下深刻的印象。本章采用了东南亚不同类型的网站页面，并对其版式、色彩、细节、元素等进行了详细的分析。要掌握东南亚网站的风格特点，可学习本章。

目录

第1章 韩国风格网页赏析 1

文件路径\\CD\\全书涉及的网页\\韩国

1.1 韩国风格网页特点 2

1.1.1 版式特点 2

1.1.2 色彩特点 5

1.1.3 元素应用 8

1.1.4 细节处理 11

1.2 韩国风格网页经典案例解析 1.2.1 艺术类网站 14

1.2.2 娱乐类网站 18

1.2.3 旅游类网站 21

1.2.4 时尚类网站 25

14

1.2.5 经济类网站 27

1.2.6 教育类网站 31

1.2.7 体育类网站 35

1.2.8 影视类网站 38

1.2.9 企业类网站 41

1.2.10 儿童类网站 44

1.2.11 饮食类网站 48

1.2.12 数码类网站 51

第2章 日本风格网页赏析 55

文件路径\\CD\\全书涉及的网页\\日本

2.1 日本风格网页特点 56

2.1.1 版式特点 56

2.1.2 色彩特点 59

2.1.3 元素应用 61

2.1.4 细节处理 63

2.2 日本风格网页经典案例解析 65

2.2.1 娱乐类网站 65

2.2.2 体育类网站 71

2.2.3 时尚类网站 74

2.2.4 经济类网站 76

2.2.5 旅游类网站 79

2.2.6 教育类网站 81

2.2.7 艺术类网站 84

2.2.8 影视类网站 87

2.2.9 企业类网站 89

2.2.10 儿童类网站 92

2.2.11 饮食类网站 95

2.2.12 数码类网站 100

第3章 中国风格网页赏析 103

文件路径\\CD\\全书涉及的网页\\中国

3.1 中国风格网页特点 104

3.1.1 版式特点 104

3.1.2 色彩特点 107

3.1.3 元素应用 111

3.1.4 细节处理 113

3.2 中国风格网页经典案例解析 115

3.2.1 体育类网站 115

3.2.2 时尚类网站 121

3.2.3 经济类网站 126

3.2.4 旅游类网站 131

3.2.5 教育类网站 137

3.2.6 艺术类网站 143

3.2.7 影视类网站 148

3.2.8 企业类网站 153

3.2.9 儿童类网站 159

3.2.10 饮食类网站 165

第4章 欧美风格网页赏析 171

文件路径\\CD\\全书涉及的网页\\欧美

4.1 欧美风格网页特点 172

4.1.1 版式特点 172

4.1.2 色彩特点 176

4.1.3 元素应用 179

4.1.4 细节处理 182

4.2 欧美风格网页经典案例解析 185

4.2.1 娱乐类网站 185

4.2.2 体育类网站 188

4.2.3 时尚类网站 191

4.2.4 经济类网站 196

4.2.5 旅游类网站 199

4.2.6 教育类网站 202

4.2.7 艺术类网站 205

4.2.8 影视类网站 209

4.2.9 企业类网站 214

4.2.10 儿童类网站 217

4.2.11 饮食类网站 220

4.2.12 数码类网站 223

第5章 东南亚风格网页赏析 229

文件路径\\CD\\全书涉及的网页\\东南亚

5.1 东南亚风格网页特点 230

5.1.1 版式特点 230

5.1.2 色彩特点 232

5.1.3 元素应用 235

5.1.4 细节处理 238

5.2 东南亚风格网页经典案例解析 5.2.1 娱乐类网站 240

5.2.2 体育类网站 242

5.2.3 时尚类网站 246

5.2.4 经济类网站 250

240

5.2.5 旅游类网站 253

5.2.6 教育类网站 257

5.2.7 艺术类网站 260

5.2.8 影视类网站 264

5.2.9 企业类网站 268

5.2.10 儿童类网站 270

5.2.11 饮食类网站 271

5.2.12 数码类网站 274