目录

第1章 网站整站交互设计 1
1.1 网站设计方法 2
1.1.1 确定网站的目标 2
1.1.2 满足用户的设计心理 4
1.1.3 建立信任关系 4
1.1.4 熟悉和识别模式 4
1.1.5 网络上的品牌符号要统一 4
1.1.6 心理激发 5
1.1.7 运用图像强化概念 5
1.1.8 依据阅读模式设计内容 5
1.1.9 确保每页要有焦点 5
1.1.10 颜色的心理学效应 5
1.1.11 设置留白和喘息机会 6
1.2 网站的可用性 6
1.2.1 选择什么样的标准判断网页的可用性 6
1.2.2 寻找用户能够理解的方式来表达信息 6
1.2.3 让用户能够按照自己认为正确的方式操作 7
1.2.4 好的网站评价标准 7
1.2.5 什么是网站可用性 8
1.3 常见网站的错误设计 9
1.3.1 搜索引擎不友好 9
1.3.2 使用PDF文件在线阅读 9
1.3.3 未改变已访问链接的颜色 9
1.3.4 文字未排版 10
1.3.5 固定字体大小 10
1.3.6 网页标题搜索引擎不友好 10
1.3.7 所有的东西看起来都像广告 10
1.3.8 违反设计惯例 11
1.3.9 打开新的浏览器窗口 11
1.3.10 不回答用户的提问 11
1.4 网站设计经验 12
1.4.1 网页设计如何成为经典 12
1.4.2 什么是好的网页设计 12
1.4.3 简明网页设计理念 13
1.5 网站帮助信息的设计 15
1.6 网站二次程序开发 17
1.6.1 什么是二次开发 17
1.6.2 为什么要二次开发 17
1.6.3 怎么做二次开发 17


第2章 互联网网店界面设计 25
2.1 店铺装修基础知识 26
2.1.1 了解店铺装修的重要性 26
2.1.2 做好店铺装修前的准备 27
2.1.3 准备店铺图片的存储空间 28
2.2 商品图片的拍摄技巧 29
2.2.1 吸光体的拍摄 30
2.2.2 反光体的拍摄 30
2.2.3 透明体的拍摄 30
2.2.4 背景的选择 31
2.2.5 服装类商品拍摄技巧 31
2.2.6 珠宝首饰类商品的拍摄技巧 32
2.2.7 数码类商品的拍摄技巧 32
2.2.8 化妆类商品的拍摄技巧 32
2.3 商品图片的处理与美化 33
2.3.1 调整商品图片的大小 33
2.3.2 商品图片的裁剪 34
2.3.3 裁剪倾斜的图像 35
2.3.4 图片的亮度、对比度与颜色调整 36
2.3.5 将模糊的照片变清晰 37
2.3.6 通道抠图 38
2.3.7 调整曝光不足与曝光过度的图片 41
2.3.8 为图片替换背景 42
2.4 店铺公告模板设计 43
2.4.1 店铺公告的设计原则与要求 43
2.4.2 定义公告中的文字样式 44
2.4.3 美观的图片形式公告栏的设计 45
2.4.4 图片公告的安装和使用 47


第3章 互联网单页推广网站设计 57
3.1 单页网站设计的优点 58
3.1.1 单页网站一定要突出销售 59
3.1.2 换位思考吸引用户关注度 59
3.1.3 能够掌握几个典型的销售策略 59
3.2 如何设计单页推广网站 60
3.2.1 保持专注 60
3.2.2 保持布局合理的层次结构 60
3.2.3 保持清晰的导航风格 61
3.2.4 大力提倡富有创意的设计 61
3.2.5 代码实现强大的功能 61
3.2.6 创造动态效果 61
3.3 单页网站设计技巧 61
3.4 如何使用SEO优化单页网站 65
3.4.1 单页网站优化 66
3.4.2 如何优化好单页网站的图片优化 68
3.4.3 增加网站单页权重的方法 69
3.4.4 怎么做单页面网站的SEO优化 72
3.4.5 让单页网站不止停留在SEO 73


第4章 移动设备网站界面设计 78
4.1 手机网站制作方法 79
4.2 建设手机网站需要注意的问题 85
4.3 手机网站制作与推广技巧 88
4.4 微网站 90


第5章 软件界面设计 102
5.1 软件界面基础概念 103
5.2 用户界面的需求分析与设计原则 104
5.2.1 界面元素 104
5.2.2 用户角色 104
5.2.3 需求变化 106
5.2.4 界面原型 106
5.2.5 设计原则 107
5.3 界面风格分析 108
5.4 软件界面开发过程 109
5.5 软件界面设计的评价 111
5.6 软件界面测试 112
5.6.1 易用性测试 113
5.6.2 规范性 114
5.6.3 帮助设施 116
5.6.4 合理性 116
5.6.5 美观与协调性 118
5.6.6 菜单位置 120
5.6.7 独特性 121
5.6.8 快捷方式的组合 121

第6章 移动应用界面设计 129
6.1 导航 130
6.1.1 主要导航模式 130
6.1.2 次级导航模式 144
6.2 表单 150
6.2.1 登录表单 151
6.2.2 注册表单 152
6.2.3 个性化注册表单 153
6.2.4 多步骤表单 153
6.2.5 计算表单 155
6.2.6 搜索表单 155
6.2.7 长表单 156
6.3 表格 157
6.3.1 基本表格 159
6.3.2 无表头表格 160
6.3.3 固定列表格的表格 160
6.3.4 带有内容总览和数据的表格 161
6.3.5 行分组表格 162
6.3.6 级联式列表 163
6.3.7 带有视觉指示器的表格 163
6.3.8 可编辑表格 164
6.4 搜索、分类和过滤 165
6.4.1 显性搜索 165
6.4.2 自动补全搜索 166
6.4.3 动态搜索 167
6.4.4 范围搜索 168
6.4.5 保存搜索记录并显示最近搜索内容 169
6.4.6 搜索表单 169
6.4.7 搜索结果/浏览结果 170
6.4.8 屏内分类 171
6.4.9 分类排序选择器 171
6.4.10 分类表单 172
6.4.11 屏内过滤 173
6.4.12 过滤容器 174
6.4.13 过滤对话框 175
6.4.14 过滤表单 176
6.5 工具 177
6.5.1 选项菜单 178
6.5.2 调用动作按钮 179
6.5.3 情境工具 179
6.5.4 内联操作 180
6.5.5 多状态按钮 180
6.5.6 批量操作 181
6.6 图表 181
6.6.1 带过滤器的图表 182
6.6.2 带预览窗口的图表 183
6.6.3 总览加数据式图表 183
6.6.4 数据点细节图 184
6.6.5 详细信息图 184
6.6.6 缩放图表 185
6.6.7 数据透视表 186
6.6.8 火花谱线图 186
6.7 视觉吸引 187
6.7.1 对话框 188
6.7.2 提示 188
6.7.3 使用向导 189
6.7.4 视频演示 189
6.7.5 幻灯片 190
6.7.6 首次使用引导 190
6.7.7 持续视觉吸引 191
6.7.8 可发现的视觉吸引 192
6.8 反馈与功能可见性 192
6.8.1 出错信息 193
6.8.2 确认 193
6.8.3 系统状态 194
6.8.4 触摸 195
6.8.5 滑动 195
6.8.6 拖曳 196
6.9 帮助 196
6.9.1 使用说明 197
6.9.2 界面元素说明 197
6.9.3 使用向导 198