【现货速发】体验式设计

本书涉及很多知识，包括信息架构、移动布局，信息属性、视觉流、操作流、视觉元素关系、视觉承载符合、设计心理学等。希望大家能够站在设计的角度看产品设计、品牌设计、创意设计、营销设计、体验设计，并了解它们之间的区别与联系。同时，希望大家也关注产品层面、体验层面的设计，而不是执行本身。

本书涉及很多知识，包括信息架构、移动布局，信息属性、视觉流、操作流、视觉元素关系、视觉承载符合、设计心理学等。希望大家能够站在设计的角度看产品设计、品牌设计、创意设计、营销设计、体验设计，并了解它们之间的区别与联系。同时，希望大家也关注产品层面、体验层面的设计，而不是执行本身。

郭亮

腾讯资深设计师，腾讯学院讲师 。

著有《体验式设计》《字体故事-六大字体设计原理及实战指南》。

10年互联网产品、游戏宣发、视觉包装设计实战经验。

对视觉设计、字体、品牌、体验设计有着丰富的经验和独到的见解。

第1 章 设计内容与信息架构的关系 1 
设计之道 2 
信息展示设计 6 
以内容为中心 12 
为用户需求而生 18 
信息内容的组织形式 22 
信息架构的层面关系 31 
信息架构关系 35 
第2 章 移动布局及双端设计手册 55 
平面栅格 56 
网页栅格 58 
移动栅格 66 
多终端设计 69 
常用的页面布局形式 71 
响应式设计 75 
移动时长占比 81 
移动新媒体的优势 83 
移动端网页/ 小程序/App 的区别 86 
第3 章 信息流、视觉流、操作流 129 
产品信息三要素 130 
如何判定信息的优先级 136 
AARRR 运营模型 139 
信息流 146 
沉浸式体验（心流，Mental flow） 151 
视觉焦点 153 
视觉流、操作流 157 
导向性设计 163 
指引设计 88 
动效 90 
强调导航 91 
反馈设计 92 
以信息内容为要素 93 
Retina 屏 97 
iOS 系统标准化布局控件 101 
iOS 系统三级标准字号 104 
黄金比例图标 105 
导航系统 107 
颜色 110 
空间关系 111 
卡片展示信息 113 
横向空间拓展 117 
引导动效 118 
三级按钮系统 119 
Android 系统单位 120 
Android 系统标准化布局控件 122 
Android 系统三级标准字号 124 
图标系统 125 
ALL-White 设计风格 126 
第4 章 视觉元素、视觉关系要素与视觉层级 167 
信息传播的4 种形式 168 
权重 170 
视觉要素构成 171 
抽象视觉元素和具象视觉元素 198 
视觉关系要素 204 
信息层级 209 
展示空间与信息层级关系 213 
建立视觉层级的步骤 217 
第5 章 视觉承载负荷 221 
认知负荷 222 
视距 223 
视角 225 
栏宽与字数 228 
阅读体验时间 232 
第6 章 设计赋能 235 
设计的3 个层次的价值模型 236 
创新设计 238 
设计应该具有多维度的思维方式 243 
好的产品设计即是营销 248 
第7 章 自然法则 251 
Hick‘s Law（席克定律） 252 
Fitts‘s Law（费茨定律/ 费茨法则） 253 
格式塔原理 254 
设计法则：7±2 法则 261 
泰思勒定律（复杂性守恒定律） 262 
防错原则 263 
奥卡姆剃刀原理 264 
附录A 设计准则 设计原则 267

本书涉及很多知识，包括信息架构、移动布局，信息属性、视觉流、操作流、视觉元素关系、视觉承载符合、设计心理学等。希望大家能够站在设计的角度看产品设计、品牌设计、创意设计、营销设计、体验设计，并了解它们之间的区别与联系。同时，希望大家也关注产品层面、体验层面的设计，而不是执行本身。

郭亮

腾讯资深设计师，腾讯学院讲师 。

著有《体验式设计》《字体故事-六大字体设计原理及实战指南》。

10年互联网产品、游戏宣发、视觉包装设计实战经验。

对视觉设计、字体、品牌、体验设计有着丰富的经验和独到的见解。

本书是我来到腾讯互娱7 年多写的第二本书，也是对第二阶段工作的总结。本书涉及很多知识，包括信息架构、移动布局、信息属性、视觉流、操作流、视觉元素关系、视觉承载符合、设计心理学等。写书的同时我也有诸多感慨，希望大家能够站在设计的角度看产品设计、品牌设计、创意设计、营销设计、体验设计，并了解它们之间的区别与联系。同时，希望大家也关注产品层面、体验层面的设计，而不是执行本身。
这些年的工作经历，让我发现想要做好设计，除了基础执行能力之外，还需要具备创意设计的思维，了解行业、互联网动态，从产品角度去挖掘更深层次的内容设计才是关键。“创意 设计”要求我们更多地站在策略、创意、概念、设计的层面去看待问题。“设计”之初要向前走，“设计”之后要关注上线数据、用户反馈，及时总结形成知识沉淀和经验，只有这样形成闭环，才能朝未来全链路设计师的方向发展。
设计是用合适的方式解决问题，虽然是视觉表象层面的，但要站在用户层面理解产品、为用户创造价值。这就需要我们在设计产品时，要有设计思维，要深层次地了解产品信息架构与设计的关系，然后合理组织、布局信息。
移动设备顺应了用户碎片化的时间和场景，用户使用时长也越来越长。根据用户的思维习惯、操作习惯进行产品设计变得越来越重要。
抖音短视频成为4G 时代具有代表性的流量平台产品；移动端游戏收入远超PC 端游戏；王者荣耀成为DAU 日均1 亿的国民游戏。这几件事看似没有关系，其实关系密切。4G 的普及和硬件的提升，让信息传播变得更加方便、快捷。在信息爆炸的今天，相比文字、图片，短视频成了用户获取信息生动、立体的方式；用户时间的碎片化、场景多样化，让移动游戏有了更多的可能。
在5G 时代，还会有更多颠覆我们认知的产品诞生，如全息、VR/AR，设计内容、设计形式也会不断发生变化。本书只是一个引子，我们要不断加深对业务的理解，拓宽认知的深度和广度，培养对行业、流行文化等的敏感度，这才是当代设计师与时俱进的关键。                                                                                                      

编著者