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

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

第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