导航是网站/APP的核心功能之一，导航设计的成功与否，直接关系到用户体验是否良好。随着上网设备的多元化及浏览器性能的高速发展，网站设计需要兼容多种设备和屏幕。传统桌面网站的导航设计相对比较成熟了，但随着比如HTML5等新技术的不断升级，导航设计可以做到更多功能和视觉效果。而在目前移动网站和移动应用并存的时期，移动界面导航设计也有了其自身的特点。
《互联网产品（Web/移动Web/APP）视觉设计·导航篇》是一本全面阐述网站及移动应用的导航设计理论、方法和案例分析的专业书籍。主要内容包括：认识导航，导航的设计理论及原则，导航系统分类，导航的基石，导航的核心，导航的焦点，导航评价，移动APP和Web导航策略。
《互联网产品（Web/移动Web/APP）视觉设计·导航篇》作者为江南大学博士（产品设计理论与技术专业），北京印刷学院副教授（数字媒体艺术专业），长期从事教学科研及设计实践工作。
《互联网产品（Web/移动Web/APP）视觉设计·导航篇》力求将国内外导航设计方面的知识体系融会贯通，从贴近实战的角度出发，结合案例式教学的方法经验，做到“有用、能用、好用”。《互联网产品（Web/移动Web/APP）视觉设计·导航篇》适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读，特别适合希望掌握界面导航设计方法技巧的读者作为参考。 作者简介
王愉，北京印刷学院副教授、硕士研究生导师、江南大学博士生、高级摄影师。2007年、2012年北京市教委赴美访问学者，2010年清华大学访问学者。入选北京市中青年骨干教师；第九届“雅昌教育奖”获得者；校级精品课程负责人；精品教材主编。曾主持北京市教委科技创新平台项目、北京市教委社科计划项目、校重点教学改革项目、校级重点科研项目。出版《FIashActionScript3.0溢彩编程》、《DHTML动态网页设计》等书籍，发表多篇论文、多项设计、摄影作品。在多年的教学与视觉研究中，始终坚持：让每一个作品与市场对接，让每一个学生与社会对接。
目录：
第1章 界面导航的设计理论及原则
1.1 导航需求
1.2 导航定义
1.3 以用户为中心
1.3.1 需求层次理论
1.3.2 基于UCD的导航设计
1.4 用户体验要素
1.5 情感化设计
1.6 最小努力
1.7 降低不确定感
1.8 艺术性原则
1.9 隐喻
1.10 设计模式
第2 章 界面导航系统的分类
2.1 结构性导航系统
2.1.1 全局导航
2.1.2 局部导航
2.2 关联性导航系统
2.2.1 上下文导航
2.2.2 面包屑导航
2.2.3 步骤导航
2.2.4 辅助导航
2.2.5 页脚导航
2.2.6 页码导航
2.2.7 快速链接
2.2.8 友情链接
2.2.9 锚点链接
2.2.10 标签云
2.3 实用性导航
2.3.1 标识链接
2.3.2 语种或地域导航
2.3.3 搜索引擎
2.3.4 网站地图
第3 章 导航的基石——结构层
3.1 信息构架
3.1.1 信息结构图示
3.1.2 卡片分类法
3.1.3 信息构架案例
3.2 交互设计
第4章 导航的核心——框架层
4.1 导航要素设计
4.1.1 菜单
4.1.2 链接文本
4.1.3 按钮
4.1.4 面包屑
4.1.5 标签和卡片堆
4.1.6 颜色编码
4.1.7 图片与图标
4.2 信息设计
4.2.1 位置
4.2.2 字母表
4.2.3 时间
4.2.4 类别
4.2.5 层级
4.3 界面设计
4.4 线框图
4.5 原型
第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.3 交互的视觉呈现
5.3.1 导航菜单的交互视觉效果
5.3.2 Ajax技术的应用
5.3.3 Flash技术的保全方案
5.3.4 链接文本的四种状态
5.3.5 链接的响应区域
5.3.6 Material Design交互动效
5.4 格式塔效应
5.4.1 接近性
5.4.2 相似性
5.4.3 连续性
5.4.4 对称性
5.4.5 完整和闭合倾向
5.4.6 共同方向运动
5.4.7 主体背景法则
5.5 视觉影响
5.5.1 分组及对齐
5.5.2 视觉层次
5.5.3 视线流
5.6 导航布局
5.6.1 横向顶部
5.6.2 纵向左侧
5.6.3 横向底部
5.6.4 纵向居中
5.6.5 随意布局
5.6.6 浮动布局
第6章 导航评价
6.1 导航评价方法
6.1.1 符合用户目标
6.1.2 与网站类型相称
6.1.3 广度与深度的平衡
6.1.4 视觉清晰
6.1.5 统一性
6.1.6 良好的反馈
6.1.7 有效率、有效果
6.1.8 易学易用
6.2 导航测试
6.2.1 测试方法与内容
6.2.2 眼动追踪技术
6.2.3 导航测试分析
6.3 优秀导航案例
第7章 移动APP和移动Web的导航策略
7.1 移动APP和Web的导航模式分类
7.1.1 菜单栏模式
7.1.2 标签模式
7.1.3 抽屉模式
7.1.4 树状模式
7.1.5 平铺页面模式
7.1.6 组合模式
7.1.7 模态视图模式
7.1.8 沉浸模式
7.1.9 旋转木马模式
7.1.10 卡片瀑布流模式
7.1.11 导航模式案例
7.2 移动APP/Web的导航视觉元素设计
7.2.1 导航结构
7.2.2 导航布局
7.2.3 导航颜色
7.2.4 导航文字
7.2.5 导航图标
7.2.6 "使能"的设计
7.2.7 扁平化设计
7.2.8 Google Material Design
7.3 移动APP/Web导航交互设计原则
7.3.1 布局合理
7.3.2 界面简洁
7.3.3 细化场景
7.3.4 减少输入
7.3.5 积极反馈
7.4 展望
参考文献
|
