互联网产品（Web/移动Web/APP）视觉设计

第1章 关于网站视觉风格

1.1 风格溯源

1.2 何谓网站的视觉风格

第2章 网站视觉风格的建立

2.1 依据

2.1.1 网站目标分析

2.1.2 用户需求分析

2.1.3 网站类型和规模

2.2 视觉风格的要素

2.2.1 文字

2.2.2 图形

2.2.3 色彩

2.2.4 布局

2.2.5 动态效果

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 用户体验

3.2.1 用户体验的要素模型

3.2.2 蜂巢模型

3.2.3 用户体验的四要素量化模型

3.3 网站的体验类型与视觉风格

3.3.1 浏览体验型

3.3.2 信任体验型

3.3.3 交互体验型

3.3.4 感官体验型

第4章 网站类型与风格

4.1 门户网站

4.2 机构网站

4.3 新闻网站

4.4 购物网站

4.5 运动网站

4.6 旅游网站

4.7 影视网站

4.8 音乐网站

4.9 游戏网站

4.10 美食餐饮网站

4.11 科技网站

4.12 设计类网站

4.13 社交网站

4.14 个人网站

第5章 视觉风格与趋势

5.1 扁平化

5.2 拟物化

5.3 极简主义

5.4 绘画风格

5.5 杂志风格

5.6 玩转文字

5.7 超大背景

5.8 模糊背景

5.9 视频背景

5.10 3D图形

5.11 像素风格

5.12 单页网站

5.13 视差滚动

5.14 滚动侦测

5.15 超彩色

第6章 移动化风潮

6.1 跨屏设计的差异化要素

6.1.1 使用场景的差异化

6.1.2 交互方式的差异化

6.1.3 屏幕容量的差异化

6.1.4 信息组织的差异化

6.1.5 导航系统的差异化

6.2 多屏一致的Web体验策略

6.3 移动APP视觉风格

6.3.1 拟物化风格

6.3.2 扁平化风格

6.3.3 绘画风格

6.3.4 其他风格

参考文献

本书旨在介绍Web及移动Web/APP等互联网产品界面风格的知识与方法。新兴的互联网企业将网站的建设和运营视为重中之重，传统企业也试图通过网站树立企业形象，扩大企业影响，并进行产品营销。网站由一个个页面组成，每个网页上承载着需要传递的信息，信息的质量决定着网站的生存。网站视觉设计的任务就是要最大限度地提高信息传递的高效性，用精确的形态实现功能。本书以网站视觉设计为核心，阐述了网站的视觉风格及设计方法和案例分析的专业书籍，并针对移动互联网的迅猛发展解析了移动端产品的视觉风格及特点。内容包括：网站视觉风格，网站视觉风格的建立，用户体验与风格，网站类型与风格，视觉风格与趋势，移动化风潮。本书作者为数字媒体艺术专业副教授，长期从事教学科研及设计实践工作。本书力求将国内外Web界面设计方面的知识体系融会贯通，从贴近实战的角度出发，结合案例式教学的方法经验，做到“有用、能用、好用”。本书适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读，特别适合希望掌握界面风格设计方法和技巧的读者作为参考。

隋涌所著的《互联网产品视 觉设计（风格篇）》旨在介绍Web及移动Web/APP等互联 网产品界面风格的知识与方法。新兴的互联网企业将 网站的建设和运营视为重中之重，传统企业也试图通 过网站树立企业形象，扩大企业影响，并进行产品营 销。网站由一个个页面组成，每个网页上承载着需要 传递的信息，信息的质量决定着网站的生存。网站视 觉设计的任务就是要**限度地提高信息传递的高效 性，用精确的形态实现功能。
本书以网站视觉设计为核心，阐述了网站的视觉 风格及设计方法和案例分析的专业书籍，并针对移动 互联网的迅猛发展解析了移动端产品的视觉风格及特 点。内容包括：网站视觉风格，网站视觉风格的建立 ，用户体验与风格，网站类型与风格，视觉风格与趋 势，移动化风潮。
本书作者为数字媒体艺术专业副教授，长期从事教学科研及设计实践工作。本书力求将国内外Web界 面设计方面的知识体系融会贯通，从贴近实战的角度 出发，结合案例式教学的方法经验，做到“有用、能 用、好用”。
本书适合从事网站及移动APP设计人员以及大专 院校、培训机构相关专业师生阅读，特别适合希望掌 握界面风格设计方法和技巧的读者作为参考。