第1章 网页界面设计概述 1
1.1 平面设计与网页设计的关系 2
1.1.1 平面设计的概念 2
1.1.2 什么是网页设计 3
1.1.3 平面设计和网页设计的联系与区别 4
1.1.4 网页设计和网页界面设计的联系与区别 5
1.2 界面类型与网页界面的发展 6
1.2.1 虚拟用户界面的分类 9
1.2.2 网页界面的发展 14
第2章 网站信息结构设计 24
2.1 信息结构与网站结构的基本概念 25
2.1.1 什么是信息结构 25
2.1.2 什么是网站结构 26
2.2 网站基本结构元素与结构类型 27
2.2.1 网站基本结构元素 27
2.2.2 网站结构类型 29
2.3 信息结构的设计原则 32
2.3.1 避免基于自己的偏好来确定设计方式 32
2.3.2 研究用户需要 32
2.3.3 清晰的目标 32
2.3.4 创造角色 33
2.3.5 牢记网站目标 34
2.3.6 信息结构的连贯性 34
2.4 网站设计的流程 35
2.4.1 卡片分类法 35
2.4.2 站点地图 36
2.4.3 线框图 37
2.4.4 网页原型 39
2.4.5 网站图表 39
2.4.6 网站文件和目录结构 45
2.4.7 信息结构的设计风格 45
2.4.8 案例 47
第3章 网页视觉设计 53
3.1 视觉基础设计 54
3.1.1 点、线、面 54
3.1.2 多种构成形式在网页中的综合表现 58
3.2 视觉元素设计 61
3.2.1 色彩设计 61
3.2.2 文字设计 63
3.3 视觉层次设计 71
3.3.1 栅格设计 71
3.3.2 层次对比 77
3.3.3 延续 80
第4章 网页版式设计 87
4.1 网页版式的分类 88
4.1.1 分栏式 88
4.1.2 区域排版 92
4.1.3 无规律框架 92
4.2 网页版式的设计元素 95
4.2.1 页眉 95
4.2.2 侧边栏 99
4.2.3 主要内容栏 101
4.2.4 页脚 103
4.3 页面模板设计 103
4.3.1 内容页面模板 104
4.3.2 二级页面模板 105
4.3.3 首页模板 107
第5章 网页导航设计 114
5.1 网页导航的起源和基本内容 115
5.1.1 网页导航的起源 115
5.1.2 网页导航设计的基本内容 118
5.2 以用户为中心的网页导航设计 120
5.2.1 了解用户类型 120
5.2.2 满足用户搜索的需要 122
5.2.3 树立方位感意识 123
5.3 网页导航的设计原则 124
5.3.1 明确的导航提示 124
5.3.2 避免“死链” 125
5.3.3 确立“三击原则” 125
5.3.4 强调界面的简洁和连贯性 125
5.3.5 维护界面的完整和稳定 127
5.3.6 注重用户反馈 127
5.3.7 运用网站分析数据 128
5.4 网页导航元素的布局 128
5.4.1 利用页眉强化布局统一 129
5.4.2 考虑本地导航的位置 130
5.4.3 网页导航的分类与案例分析 130
第6章 移动网页界面设计 141
6.1 视觉层次设计 142
6.1.1 对比 142
6.1.2 延续 145
6.2 移动网站的设计趋势 149
6.2.1 采用二级域名 149
6.2.2 重视内容设计 150
6.2.3 精简页面 150
6.2.4 采用单栏布局 153
6.2.5 突出网站形象 154
6.2.6 重视信息反馈设计 157
6.3 移动网站界面的导航设计 159
6.3.1 基本导航形式 160
6.3.2 多样化的导航 162
6.3.3 导航案例分析 166
参考文献 170