网站布局与网页配色设计/新媒体设计系列

一个优秀的网站，通常具备合理的页面布局、丰 富的内容、悦目的视觉效果，并在这几个方面实现和 谐的统一。在多姿多彩的互联网世界中，悦目的视觉 效果和合理的页面布局能够给浏览者留下深刻的印象 。 当今的网页设计师不仅需要掌握网页制作的技术 ，还需要掌握有关网页布局与配色设计等方面的知识 ，再通过自己的实践积累，才能逐步成为一个优秀的 网页设计师。其中，网页布局设计尤其需要网页设计 者具备一定的设计知识和审美能力。 张晓景主编的《网站布局与网页配色设计/新媒 体设计系列》全面解析了网页布局与配色设计的相关 知识，完全抛开了网页设计必须遵循的限制条件及有 关设计软件的内容，而是运用可以激发创意、扩展设 计思路的方法对网页布局与配色设计进行讲解。全书 内容丰富、结构清晰，注重思维锻炼与实践应用。

第1章 网站设计基础 1.1 了解网站设计 1.1.1 什么是网站设计 1.1.2 网站设计的特点 1.2 网站设计构成元素 1.2.1 文字 1.2.2 图形符号 1.2.3 图像 1.2.4 多媒体 1.2.5 色彩 1.3 网站设计原则 1.3.1 以用户为中心 1.3.2 主题明确 1.3.3 视觉美观 1.3.4 内容与形式统一 1.3.5 有机的整体 1.4 色彩在网站设计中的作用 1.4.1 突出网页主题 1.4.2 划分视觉区域 1.4.3 吸引浏览者的目光 1.4.4 增强网站页面的艺术性 1.5 如何设计出好的网站 1.5.1 不要主动降低自己的眼光 1.5.2 多尝试新技术、新方法 1.6 如何提升网站的用户体验 1.6.1 用户体验包含的内容 1.6.2 用户体验对于网站的重要性 1.6.3 网站如何寻求突破 1.6.4 提升网站用户体验 第2章 网站页面规划与元素设计 2.1 网站栏目结构与页面策划 2.1.1 网站栏目结构 2.1.2 网站栏目规划 2.1.3 网站页面策划 2.2 网站 Logo设计 2.2.1 网站 Logo的特点 2.2.2 网站 Logo的设计规范 2.2.3 网站 Logo的表现形式 2.2.4 实战分析：设计影视网站Logo 2.3 网站图标设计 2.3.1 了解网站图标 2.3.2 网站图标设计原则 2.3.3 网站图标应用 2.3.4 实战分析：设计简约实用的网站图标 2.4 网站按钮设计 2.4.1 网站按钮的功能 2.4.2 如何设计出色的网站按钮 2.4.3 实战分析：设计游戏网站按钮 2.5 网站导航设计 2.5.1 了解网站导航 2.5.2 导航在网站页面中的布局位置 2.5.3 网站导航设计的基本原则 2.5.4 实战分析：设计汽车网站导航菜单 2.6 网站广告设计 2.6.1 网站广告的常见类型 2.6.2 如何设计出色的网站广告 2.6.3 实战分析：设计家电网站宣传广告 第3章 网站中的图形与文字排版设计 3.1 网站页面中的文字 3.1.1 关于字体 3.1.2 网页中常用的中文字体 3.1.3 字体大小 3.1.4 网页文字使用技巧 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 立体图形 3.5 网站图片的排列布局形式 3.5.1 传统矩阵展示 3.5.2 大小不一的矩阵展示 3.5.3 瀑布流展示 3.5.4 下一张图片预览 3.5.5 实战分析：设计产品促销活动页面 第4章 网站页面布局与视觉风格 4.1 了解网站页面布局 4.1.1 网站页面布局的目的 4.1.2 网站页面布局的操作顺序 4.2 网页布局的基本方法 4.2.1 网页布局的设计 4.2.2 网页布局的构成原则 4.2.3 实战分析：设计手机宣传网站页面 4.3 根据整体内容位置决定的网页视觉布局 4.3.1 满屏式页面布局 4.3.2 两栏式页面布局 4.3.3 三栏式页面布局 4.3.4 水平和垂直居中的页面布局 4.4 页面分割方向的布局方式 4.4.1 纵向分割 4.4.2 横向分割 4.4.3 纵向与横向复合型 4.4.4 运用固定区域的设计 4.4.5 实战分析：设计类网站页面 4.5 初始页面的网页布局类型 4.6 网页布局的要点 第5章 网站页面视觉布局形态 5.1 网页功能与网页形态哪个更重要 5.2 网页布局形态的含义及情感 5.2.1 点 5.2.2 圆 5.2.3 三角形 5.2.4 矩形 5.2.5 菱形 5.2.6 直线 5.2.7 斜线 5.2.8 曲线 5.2.9 自由曲线 5.2.10 实战分析：设计产品促销页面 5.3 大众化网页布局形态 5.4 个性化网页布局形态 5.5 常见网页视觉风格解析 5.5.1 简洁风格 5.5.2 极简风格 5.5.3 扁平化风格 5.5.4 插画风格 5.5.5 怀旧风格 5.5.6 照片风格 5.5.7 立体风格 5.5.8 大字体风格 5.5.9 实战分析：设计企业网站页面 第6章 网页配色基础 6.1 色彩基础 6.1.1 色彩的产生 6.1.2 光源色与物体色 6.2 RGB 颜色与CMYK颜色的区别 6.2.1 RGB颜色 6.2.2 CMYK颜色 6.3 色彩的属性 6.3.1 色相 6.3.2 明度 6.3.3 饱和度 6.3.4 色调 6.3.5 无彩色与有彩色 6.4 网页配色的联想作用 6.4.1 色彩联想和心理效果 6.4.2 红色 6.4.3 粉色 6.4.4 橙色 6.4.5 黄色 6.4.6 棕色 6.4.7 绿色 6.4.8 蓝色 6.4.9 紫色 6.4.10 黑色 6.4.11 白色 6.4.12 灰色 6.4.13 实战分析：设计