网站设计与网页配色
2013-8-1
科学出版社
王爽,刘新乐,王海霞
《网站设计与网页配色(第2版)》全面、系统地讲解了网站设计与网页配色的专业知识与思维方式,良好的设计流程与方法,能够使网页设计更加合理、规范。
《网站设计与网页配色(第2版)》从网站设计的整体规划、结构栏目划分、细节的设计与制作、新型网站的设计,再到网页设计的另一个内容——色彩设计,均通过实例的方式进行了系统讲解。书中最后一章为优秀网站设计赏析,理论与实践相结合,细致讲解了优秀网站设计的思维和方法,从而使读者正确掌握网站设计与网页配色的方法与技巧。
Chapter 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.2.4 网络的时代性
1.2.5 信息传播的迅速性
1.3 用户的阅读习惯
1.3.1 人机交互的概念
1.3.2 用户习惯分析
1.3.3 易用性设计
1.4 网站的类型
1.4.1 综合(门户)类网站
1.4.2 新闻类网站
1.4.3 交易类网站
1.4.4 IT类网站
1.4.5 教育类网站
1.4.6 生活娱乐类网站
1.4.7 政府类网站
1.4.8 个人类网站、空间、微博
1.4.9 功能型网站
1.4.1 0其他行业类网站
1.5 网页设计分析方法
1.5.1 栏目划分法
1.5.2 网格划分法
1.5.3 色彩定位法
1.5.4 Logo引导法
1.6 网页设计实践分析
1.6.1 燕赵环保网公益活动网站设计分析
1.6.2 联合利华饮食策划网站设计分析
Chapter 02 网页制作的流程
2.1 网页设计的基本流程
2.1.1 接受或设计任务书
2.1.2 收集资料
2.1.3 创建设计构思
2.1.4 实施设计方案
2.1.5 完善设计方案
2.1.6 获得反馈信息
2.2 准备素材(使素材符合网页设计需求)
2.2.1 准备图片素材并调整图片
2.2.2 文字再编辑——提取要点——总结标题
2.2.3 视频素材的剪辑及压缩处理
2.3 网站结构划分(网站脚本编创)
2.3.1 根据素材分析网站结构
2.3.2 提取分类列出栏目
2.3.3 栏目下子栏目的划分
2.4 网站风格定位——风格设计
2.4.1 分析网站的主题定位——网站主基调
2.4.2 风格的统一与变化
2.5 网页色彩定位
2.5.1 标准色彩定位
2.5.2 根据网站风格定位选择色彩设计
2.5.3 分析栏目间的色彩变化
2.6 设计草稿的绘制
2.6.1 主页面设计草稿及创意
2.6.2 栏目二级页面统一性与栏目性的设计
2.7 分析模块、划分模块、信息布局
2.7.1 按照栏目划分页面模块
2.7.2 二级页面的模块划分
2.8 整体网页页面设计及细节调整
2.8.1 “完美像素级细节”的实例
2.8.2 “919”网站的细节设计
2.8.3 阴影细节
2.8.4 自我克制与精妙细节
Chapter 03 网页设计的理念
3.1 关于网页设计的问题
3.1.1 怎样才是好的网页设计
3.1.2 好的网页设计是怎样做出来的
3.1.3 网页设计怎样来做
3.2 为网页注入灵魂
3.2.1 网页创意基本理念
3.2.2 网页创意秘籍
3.3 网页版面设计的体验
3.3.1 视觉度的大小
3.3.2 图版率
3.3.3 文字刺激度
3.3.4 网格约束率
3.3.5 版面率
3.3.6 版面设计的原则
3.3.7 版面设计的诀窍
3.4 网页动人的理由
3.4.1 网页的界面
3.4.2 网页的顶部
3.4.3 网页的文字
3.4.4 网页的影像
3.5 网页中的文字设计
3.5.1 文字在网页中的应用
3.5.2 常见的文字特效设计
3.6 设计的实现案例分析
3.6.1 设计草稿绘制案例
3.6.2 页面效果
3.6.3 不规则页面设计
3.7 内页与主页的设计统一
3.7.1 结构的一致性
3.7.2 色彩的一致性
3.7.3 利用导航取得统一
3.7.4 特别元素的一致性
3.7.5 利用图像取得统一
3.7.6 利用背景取得统一
3.8 网页背景的设计
3.8.1 基本背景结构
3.8.2 包装/头部背景
3.8.3 整体背景
3.8.4 内容/包装背景运用技巧
3.9 网页设计妙招
Chapter 04 网页设计页面布局
4.1 网页设计页面布局概述
4.1.1 简约的设计——简洁大方的版式
4.1.2 层次的设计——富于空间感的版式
4.2 网页页面布局的规范
4.2.1 网页布局类型的确定方法
4.2.2 网页布局的连贯性和多样性
4.2.3 网页布局结构
4.2.4 16布局法
4.3 信息布局区域划分
4.3.1 如何设计有效的信息布局
4.3.2 重要页面的信息布局
4.4 信息结构设计
4.4.1 单一结构
4.4.2 复合结构
4.5 页面分栏布局形式
4.6 页面布局形式与内容关系分析
4.6.1 功能优先还是形式优先
4.6.2 网页布局形式对网站含义及情感的影响
4.6.3 形式分析解剖
4.7 网页副空间设计
4.8 文字布局
4.9 表单布局
4.9.1 借助可视化元素
4.9.2 主次操作
4.9.3 表单安排实例
Chapter 05 新型网站设计
5.1 Flash网站概述
5.1.1 全Flash网站和单个Flash作品制作的区别
5.1.2 全屏Flash的尺寸分析
5.2 Flash网站的特点
5.2.1 全Flash网站设计的优势与劣势
5.2.2 Flash网站打造真实感
5.2.3 Flash网站的用户体验特性
5.2.4 Flash网站的转场动画
5.3 Flash网站的设计与构建
5.3.1 Flash网站的基本布局
5.3.2 Loading(加载)的设计与制作
5.3.3 关于按钮
5.3.4 Flash网站的页面切换
5.3.5 文本内容的显示
5.3.6 制作音乐开关
5.3.7 Flash的调试
5.3.8 常见问题及解决办法
5.4 Flash网站的效果
5.5 Flash传统网站的制作
5.6 Flash网站设计的常用技术
5.7 Flash网站设计欣赏
5.7.1 风格亲切可爱的网站
5.7.2 高雅精微的国外酒类网站
5.7.3 如梦似幻的celebration音乐多媒体网站
5.7.4 精美绝伦的jeremylevin建筑设计网站
5.7.5 层层叠叠的c-reel网站
5.7.6 简洁明快的nunodias网站设计
5.7.7 动感十足的Flashtv网站
5.7.8 芭蕾舞蹈般的视觉设计网站
5.7.9 动静结合的平面设计作品展示
5.7.10 元素化的artworksgroup商业艺术网站
5.7.11 激情四射的indurango音乐网站
5.7.12 肌理多变的driftlab网站
Chapter 06 色彩基础知识
6.1 人、色彩、生活
6.2 色彩的信息
6.3 色彩与意象
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.1 0苦与甜
6.5 色彩的表现
6.5.1 设定主题和构思
6.5.2 色彩的模拟
6.5.3 主体色彩和辅助色彩
6.5.4 视觉的引导
6.5.5 调整色彩后的最终应用
6.5.6 色彩的三原色
6.5.7 计算机影像的色彩
6.6 色彩的三要素
6.6.1 明度
6.6.2 色相
6.6.3 饱和度
6.6.4 颜色三属性的相互关系
6.7 色彩三属性的对比分析
6.7.1 明度对比
6.7.2 色相对比
6.7.3 饱和度对比
6.8 色彩的其他对比
6.8.1 色彩的面积对比
6.8.2 色彩的形状对比
6.8.3 色彩的冷暖对比
6.8.4 色彩的肌理对比
6.9 色彩模式
6.9.1 RGB模式
6.9.2 CMYK模式
6.9.3 Lab模式
6.10 色彩调和
6.11 色彩心理学
6.11.1 红色
6.11.2 黄色
6.11.3 蓝色
6.11.4 绿色
6.11.5 紫色
6.11.6 橙色
6.11.7 白色
6.11.8 黑色
6.11.9 灰色
6.11.1 0金色
6.11.1 1银色
6.12 色彩传达的信息效率
6.13 网页设计中的色彩运用策略
6.13.1 网页色彩设计的原则
6.13.2 对比关联与应用
6.12.3 网页色彩计划
Chapter 07 网页设计配色
7.1 网页快速配色法
7.1.1 使用单一色彩
7.1.2 使用两种色彩
7.1.3 使用多种色彩
7.1.4 使用无色系
7.2 色彩的联想与感情表达
7.2.1 色彩的空间感
7.2.2 色彩的亲切感
7.2.3 色彩的层次感
7.2.4 色彩的神秘感
7.2.5 色彩的柔软感与坚硬感
7.2.6 色彩的兴奋感与忧郁感
7.2.7 色彩的华丽感与朴素感
7.3 色彩控制
7.3.1 改变时间
7.3.2 改变能量
7.3.3 改变性质
7.3.4 网页色彩搭配技巧
7.3.5 网页色彩选择标准
7.4 制作自己的网页调色板
7.5 应用自己的网页调色板
Chapter 08 网站分析
8.1 漂亮的网页布局赏析
8.1.1 designplace建筑网站欣赏
8.1.2 点出的精彩——mediagrill官网
8.1.3 游戏网站赏析
8.1.4 韩国艺术网站截屏欣赏
8.1.5 个人网站截屏欣赏
8.2 绝佳网页创意设计赏析
8.2.1 汽车网站创意设计
8.2.2 时尚网站截屏欣赏
8.2.3 stripes网站的展示
8.2.4 食品网站截屏欣赏
8.2.5 体育品牌网站截屏欣赏
8.3 色彩出众的网页设计赏析
8.3.1 生动的儿童网站
8.3.2 时尚品牌网站截屏欣赏
8.3.3 极具装饰感的网站赏析
8.3.4 韩国教育网站设计
8.3.5 开放的旅游网站设计