网页视觉风格与经典范例

章节摘录

版权页：   插图：    图形化 文字是人们在长期生活中固化下来的一种图形符号。它已经在人们的意识中形成一种常性认识，即只要将线条按照我们熟悉的结构组织到一起，就可以将其确定为文字，而不再将其视为“图形”，阅读成为文字的基本属性。文字优于一般图形，因为它具有“信息载体”和“视觉图形”双重身份。文本的整体编排就是指网页视觉设计中文字的图形化，即字体的艺术化处理要与网页的颜色、版式、图形等其他设计元素关系的协调。从艺术的角度可以将字体本身看成是一种艺术形式，它在个性与情感方面对浏览者有很大的影响。所以应该充分发挥文字图形化在版面整体布局中的作用。 文字的图形化 实现字义与语义的功能以及美学效应是字体的基本作用。文字的图形化是指既强调它的美学效应，又把文字作为记号性图形元素来表现，强化其原有的功能。为了能够更好地实现自己的设计目标，设计者不仅可以按照常规的方式来设置字体，同时也可以对字体进行艺术化的设计。将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，这样不仅能够打动人心，还可以克服网页的单调与平淡。 文字的重叠 重叠是指根据版面设计的要求对文字、图像等不同的视觉元素进行重叠的安排。文字与文字之间和文字与图像之间在经过重叠后，可以产生空间感、层次感、跳跃感、透明感、叙事感，从而使整个页面更加活跃、有生机、引人注目。尽管重叠手法会影响文字的可读性，但是它独特的页面效果能够给人带来不同的视觉享受。这种表现手法，体现了一种艺术创意。所以，它不仅大量运用于传统的版式设计，而且在网页设计中也被广泛运用。

前言

　　网页是通过视觉语言与访问者进行交流的，浏览者浏览了网页的整体性、功能、可用性后，接下来只会查看网页中感兴趣的内容，在这个过程中如果浏览者感觉到不便或者是麻烦，就会离开甚至是以后不再访问该网站。　　因此，作为网页设计师必须发挥可以快速传递网站整体性、内容可用性的创造力，通过便于浏览者搜索网站的交互方法提供网页的使用性。同时，网页设计师必须充分理解视觉要素是一种语言，并且能够掌握实现视觉要素功能的条件和方法。　　本书内容安排　　本书全面解析了网页视觉风格设计的相关知识，完全抛开了网页设计必须遵循的限制条件及有关设计软件的内容，而是运用可以激发创意、扩展设计思路的方法对网页视觉风格设计进行讲解，并对具体的案例进行分析。全书共分为11章，每章的主要内容如下：　　第1章视觉风格效果设计，主要介绍了网页视觉风格设计的基础知识，网页视觉风格设计的基础元素、网页视觉设计与创造性思维，以及网页视觉风格设计的原则等相关内容。　　第2章网页中的文字编排设计，文字是网页中的基础元素之一，本章主要介绍了文字在网页视觉风格中的作用及编排的方法和原则，并且还介绍了网页文字的色彩与情感。　　第3章网页中的图形设计，介绍了图形在网页中的作用，以及网页中图形的类型和创意设计方法。　　第4章色彩的应用，人眼能够接受到的第一视觉信息就是色彩，本章主要介绍了色彩在网页视觉设计中的作用，色彩的理解、色彩的搭配，以及色彩的联想作用和心理效应、色彩设计等相关内容。　　第5章丰富的网页元素，介绍了网页中多种常用的网页设计元素，通过这些设计元素的应用，可以更好地表现网页内容。　　第6章网页中的导航效果设计，介绍了网页中导航的设计方法和技巧，包括导航的形式、位置、方向以及视觉表现等相关内容。　　第7章网页布局与视觉风格，网页的布局与整体的视觉风格也有很大的关系，本章主要介绍了网页布局结构标准、网页布局的基本方法、页面的分割、网页布局的连贯性和多样性等内容。　　第8章网页视觉布局形态，介绍了各种网页布局形态的含义和情感，并且还介绍了大众化和个性化的网页视觉布局形态。　　第9章网页视觉风格，本章对20种不同的网页视觉风格进行分析讲解，力求使读者对不同类型的网页视觉风格有更加深入的认识。　　第10章不同类型网站设计的概念和趋势，本章介绍了多种不同类型网站设计的概念和趋势，使读者在设计不同类型的网站时能够更好地把握网页设计风格。　　第11章经典网站赏析，本章列举了多个国内、欧美及韩国网站，并对其进行分析介绍，使读者能够对不同地区的网站设计风格有一个清晰的认识。　　关于本书作者　　本书作者有着多年的网页及平面设计教学经验，先后在多家网络公司从事网页设计工作，并且多次为各大中专院校做设计方面的专题讲座，积累了大量设计经验。希望本书能够加深读者对网页视觉风格设计的理解，并能够为读者在实际工作中的网页设计提供积极的帮助和参考，这也正是本书所追求的目标。　　本书由李晓斌执笔，另外张国勇、周宝平、刘钊、孔祥华、范明、王明、张智英、于海波、魏华、王权、罗廷兰、张航、张晓景、王延楠等也参与了部分编写工作。由于时间和水平有限，书中难免有错误和疏漏之处，希望广大读者朋友批评、指正，我们一定会全力改进，并在以后的工作中加强和提高。　　编著者

书籍目录

01 视觉风格效果设计
1.1 网页视觉风格设计基础
1.1.1 什么是网页视觉设计
1.1.2 网页视觉设计的要点
1.1.3 网页视觉设计的特点
1.1.4 网页视觉设计的原则
1.2 网页视觉风格设计的基础元素
1.2.1 视觉符号与传达
1.2.2 视觉风格设计的基本元素
1.2.3 网页视觉设计与审美
1.3 网页视觉设计与创造性思维
1.3.1 创造性思维
1.3.2 创意方法
1.4 确定网页视觉风格设计的两项原则
1.4.1 不要主动降低自己的眼光
1.4.2 多尝试新技术新方法
1.5 网页视觉风格效果设计
1.5.1 确定视觉风格
1.5.2 根据视觉风格构建视觉形象
02 网页中的文字编排设计
2.1 文字在网页视觉设计中的作用
2.2 网页设计中的基本字体
2.2.1 汉字基本字体
2.2.2 拉丁文基本字体
2.2.3 字号大小
2.2.4 字符间距
2.2.5 现代网页字体的形态
2.2.6 创意字体设计原理
2.3 网页中文字设计原则
2.4 网页中文字排版设计
2.4.1 文字排版的规则
2.4.2 文字排版设计常用手法
2.4.3 文字群体编排
2.5 网页中文字的色彩与情感
2.5.1 网页文字的色彩处理
2.5.2 网页文字的情感因素
03 网页中的图形设计
3.1 图形在网页视觉风格设计中的作用
3.2 网页图形的创意与设计
3.2.1 出发点
3.2.2　表现技巧
3.2.3　造型手法
3.3 网页中的图形格式
3.4 图形设计类型
3.4.1 插图
3.4.2 图形符号
3.4.3 照片
3.4.4 页面分割
3.4.5 立体图形
04 色彩的应用
4.1 色彩在网页视觉设计中的作用
4.2 色彩的理解
4.2.1 色彩用语
4.3 色彩的搭配
4.3.1 网页色彩搭配基础
4.3.2 网页色彩搭配原则
4.4 色彩与联想作用的配色
4.4.1 色彩联想的作用和心理效果
4.4.2 红色
4.4.3 粉色
4.4.4 橙色
4.4.5 黄色
4.4.6 棕色
4.4.7 绿色
4.4.8 蓝色
4.4.9 紫色
4.4.10 黑色
4.4.11 白色
4.4.12 灰色
4.4.13 亮色
4.4.14 淡色
4.5 色彩设计
4.5.1 色彩的4种功能角色
4.5.2 网页配色的基本方法
4.5.3 使用基本色配色
4.5.4 使用多色彩配色
4.5.5 网页配色常见问题
05 丰富的网页元素
5.1 图标
5.2 圆角
5.3 折角
5.4 光线
5.5 标签
5.6 徽章
5.7 条纹
5.8 装饰元素
5.9 装饰背景
5.10 渐变
5.11 光亮
06 网页中的导航效果设计
6.1 网页导航形式
6.2 网页导航方向
6.3 网页导航位置　162
6.4 网页导航的视觉风格表现
6.5 交互式动态导航效果
07 网页布局与视觉风格
7.1 网页布局结构标准
7.2 网页布局的基本方法 185
7.2.1　网页布局的设计
7.2.2　网页布局的特征
7.2.3　网页布局的构成原则
7.3 根据整体内容位置决定的网页视觉布局
7.3.1 左侧的页面布局 192
7.3.2　水平居中的页面布局
7.3.3　水平和垂直居中的页面布局 196
7.3.4　满屏的页面布局
7.4 页面分割方向的布局方式
7.4.1　纵向分割
7.4.2　横向分割
7.4.3　纵向与横向复合型
7.4.4　运用固定区域的设计 207
7.5 初始页面的网页布局类型
7.6 网页布局设计的连贯性和多样性
08 网页视觉布局形态
8.1 网页功能与网页形态哪个更重要？
8.2 网页布局形态的含义及情感
8.2.1 点
8.2.2 圆
8.2.3 三角形
8.2.4 四边形
8.2.5 菱形
8.2.6 直线
8.2.7 斜线
8.2.8 自由曲线
8.2.9 曲线
8.3 大众化网页视觉布局形态
8.4 个性化网页视觉布局形态
8.5 实验形态
09 网页视觉风格
9.1 怀旧风格
9.2 简约抽象风格
9.3 简洁风格
9.4 仿古风格
9.5 立体风格
9.6绘画风格
9.7 剪贴画风格
9.8 插画风格
9.9 照片风格
9.10 大字体风格
9.11 艺术作品风格
9.12 自然风光风格
9.13 诱人美食风格
9.14 破旧报纸风格
9.15 绿意盎然风格
9.16 原木风格
9.17 白云元素风格
9.18 喷溅元素风格
9.19 办公元素风格
9.20 印刷元素风格
10 不同类型网站设计的概念和趋势
10.1 个人网站
10.2 影视网站
10.3 音乐网站
10.4 照片、摄影网站
10.5 像素、插图网站
10.6 设计公司网站
10.7 广告设计网站
10.8 旅游信息网站
10.9 宾馆、度假村网站
10.10 体育用品网站
10.11 体育信息网站
10.12 运动团队网站
10.13 传媒网站
10.14 游戏娱乐网站
10.15 漫画网站
10.16 艺人网站
10.17 时尚网站
10.18 购物网站
10.19 女性、美容网站
10.20 婴幼儿、儿童网站
10.21 医疗健康网站
10.22 建筑设计网站
10.23 餐饮网站
10.24 汽车网站
10.25 宠物网站
10.26 金融网站
10.27 教育网站
10.28 数码通信网站
11 经典网站赏析
11.1 国内经典网站
11.1.1 国内网站的设计特点
11.1.2 国内网站赏析
11.2 欧美经典网站
11.2.1 欧美网站的设计特点
11.2.2 欧美网站赏析
11.3 韩国经典网站
11.3.1 韩国网站的设计特点
11.3.2 韩国网站赏析
……

编辑推荐

　　《网页视觉风格与经典范例》内容丰富、结构清晰，注重思维锻炼与实践应用，不仅可以作为各类在职人员在实际网页设计工作中的理想参考用书，也可以作为广大专业艺术院校设计专业的参考用书。

作者简介

《网页设计师案头书:网页视觉风格与经典范例(全彩)》全面解析了网页视觉风格设计的相关知识，完全抛开了网页设计必须遵循的限制条件及有关设计软件的内容，而是运用可以激发创意、扩展设计思路的方法对网页视觉风格设计进行讲解。一个优秀的网页，通常具备丰富的内容、悦目的视觉效果和独特的风格，并在这几个方面能够实现和谐的统一。在多姿多彩的互联网世界中，悦目的视觉效果和鲜明的网页风格能够给浏览者留下深刻的印象。

图书封面

---

 网页视觉风格与经典范例下载

---