6.6
《互联网产品视觉设计·风格篇》简介：
《互联网产品（Web/移动Web/APP）：视觉设计（风格篇）》旨在介绍Web及移动Web/APP等互联网产品界面风格的知识与方法。新兴的互联网企业将网站的建设和运营视为重中之重，传统企业也试图通过网站树立企业形象，扩大企业影响，并进行产品营销。网站由一个个页面组成，每个网页上承载着需要传递的信息，信息的质量决定着网站的生存。网站视觉设计的任务就是要最大限度地提高信息传递的高效性，用精确的形态实现功能。
《互联网产品（Web/移动Web/APP）：视觉设计（风格篇）》以网站视觉设计为核心，阐述了网站的视觉风格及设计方法和案例分析的专业书籍，并针对移动互联网的迅猛发展解析了移动端产品的视觉风格及特点。内容包括：网站视觉风格，网站视觉风格的建立，用户体验与风格，网站类型与风格，视觉风格与趋势，移动化风潮。
《互联网产品（Web/移动Web/APP）：视觉设计（风格篇）》作者为数字媒体艺术专业副教授，长期从事教学科研及设计实践工作。
《互联网产品（Web/移动Web/APP）：视觉设计（风格篇）》力求将国内外Web界面设计方面的知识体系融会贯通，从贴近实战的角度出发，结合案例式教学的方法经验，做到“有用、能用、好用”。
《互联网产品（Web/移动Web/APP）：视觉设计（风格篇）》适合从事网站及移动APP设计人员以及大专院校、培训机构相关专业师生阅读，特别适合希望掌握界面风格设计方法和技巧的读者作为参考。
《互联网产品视觉设计·风格篇》摘录：
交互体验的最基本出发点应该是考虑用户的切身体会，满足用户在浏览过程中的预期目标。比如 1 让用户在操作前就大概能预测到自己有哪些操作及操作的结果； 2 用户在使用网站系统的过程中，网站能够及时响应用户的操作，用户的每一步操作都会在界面上得到清晰的提示，让用户时刻知道操作进行到哪一步了，所有过程由用户来控制，可以随时停止或继续； 3 用户操作失误时可以及时恢复或重来 4 用户的提问、评论、意见反馈等能够及时的反馈等。 这些体验建立的基础一方面是网站系统的技术实现，另一方面来自于网站本身的信息架构、交互设计和视觉设计的合理性和对用户的引导。 ... 相关业内人士甚至提出了Web3.0的概念，但并没有明确的定义。作为用户与用户之间交流的一个平台，交互体验型网站的信息架构和可用性设计十分重要，视觉设计追求简单风格，目的都是为了使这种交流更加容易和流畅。因此，这类网站的设计以帮助网站建立清晰的视觉层次，引导用户的视觉流程，提示网站的功能应用为目的，用来帮助用户轻松实现交互的过程。图形主要表现为内容展示性图形和功能性图形，图形的形态张力不大，大多以直线或矩形形态出现，有时会进行圆角的处理；色彩表现也通常使用邻近色或近似色，以对比色或补色加以少量点缀；图形的动态效果与综合门户类网站一样，仅仅体现在导航的鼠标效果上。 ...
《互联网产品视觉设计·风格篇》目录：
第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 其他风格
参考文献
· · · · · ·