返回

移动互联网产品设计体验式设计-279页

搜索
推荐 最新 热门

移动互联网产品设计体验式设计-279页

资料简介

本书是我来到腾讯互娱 7年多写的第二本书,也是对第二阶段工作的总结。本书涉及很多知识,包括信息架构、移动布局、信息属性、视觉流、操作流、视觉元素关系、视觉承载符合、设计心理学等。写书的同时我也有诸多感慨,希望大家能够站在设计的角度看产品设计、品牌设计、创意设计、营销设计、体验设计,并了解它们之间的区别与联系。同时,希望大家也关注产品层面、体验层面的设计,而不是执行本身。

目录
第 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