设计体系:数字产品设计的系统化方法 PDF 文档
本书主要介绍如何帮助中小型产品团队尽快打造一套新型、实用的设计体系。本书分为两个部分。第一部分讨论设计体系的基础——模式与实践。设计模式包括功能性模式与感知性模式。实践则是创建、捕获、共享和使用这些模式的方法。第二部分侧重于阐释建立和维护设计体系的实际步骤和实用技术 :规划任务,编写界面清单,建立模式库,以及创建、记录、发展和维护设计模式等。
本书适合中小型产品团队成员,尤其适合产品经理、设计师和前端开发人员阅读。
设计体系的概念早已有之,不过,这一概念为互联网公司所用是在最近几年。经过短短几年的发展,这一理念已被国外互联网团队广泛接受,相关的方法论也成了用户体验设计领域的最佳实践。主流的产品设计杂志(如 Smashing)有了稳定的设计体系专栏。
多个地方有了专门以设计体系为主题的会议,如美国的 Clarity 设计体系会议自 2016 年起每年举办一届。新兴的设计软件,如 Figma、InVision、UXPin,引入了专门用来管理设计体系的功能模块,并将其作为重要亮点进行宣传。设计师的招聘开始要求掌握设计体系相关技能,有的公司甚至设立了专门负责维护设计体系的岗位。
目录
第一部分 基础
第 1 章 设计体系
1.1 设计模式
1.2 共享语言
1.3 模式库及其局限性
1.4 构建有效的设计体系
1.4.1 共享目的
1.4.2 识别问题
1.5 案例:十分钟食谱网站
1.5.1 目的和价值观
1.5.2 设计原则
1.5.3 行为和功能性模式
1.5.4 审美和感知性模式
1.5.5 共享语言
第 2 章 设计原则
2.1 有效设计原则的特性
2.1.1 设计原则是真实而贴切的
2.1.2 设计原则是实用的、可操作的
2.1.3 设计原则是有观点的
2.1.4 设计原则是能产生共鸣、容易让人记住的
2.2 定义原则
2.2.1 从目的开始
2.2.2 寻找共识
2.2.3 面向正确的受众
2.2.4 对原则进行测试和修订
2.3 从原则到模式
第 3 章 功能性模式
3.1 模式演变,行为不变
3.2 定义功能性模式
3.2.1 创建模式映射
3.2.2 打造界面清单
3.2.3 将模式视为操作
3.2.4 描绘模式的内容结构
3.2.5 按某个维度排列模式
3.2.6 将内容视为假设
第 4 章 感知性模式
4.1 感知性模式的作用
4.1.1 感知性模式有助于传递品牌形象
4.1.2 感知性模式让系统更为连贯
4.2 探索感知性模式
4.2.1 情绪板
4.2.2 样式叠片
4.2.3 元素拼贴
4.3 迭代与改进
4.3.1 平衡品牌性与一致性
4.3.2 标志性时刻
4.3.3 小规模试验
4.3.4 平衡品牌和业务需求
4.4 标志性模式:团队练习
第 5 章 共享设计语言
5.1 为模式命名
5.1.1 学习为你的团队创造一个好名称
5.1.2 好名称是基于隐喻的
5.1.3 好名称有个性
5.1.4 好名称能传达目的
5.1.5 协同命名
5.1.6 建立专用频道
5.1.7 跟用户一起测试设计语言
5.2 将团队融入设计语言
5.2.1 让设计模式变得可见
5.2.2 引用事物的名称
5.2.3 将设计体系作为入职培训的一部分
5.2.4 定期组织设计体系会议
5.2.5 鼓励多样化协作
5.2.6 维护一份术语表
第一部分总结
第二部分 过程
第 6 章 设计体系的参数
6.1 规则:严格或宽松
6.1.1 Airbnb
6.1.2 TED
6.1.3 权衡利弊,做出选择
6.2 部件:模块化或集成化
6.2.1 模块化与用户体验
6.2.2 模块化与项目需求的范围
6.2.3 权衡利弊,做出选择
6.3 组织:集中式或分散式
6.3.1 集中式模型
6.3.2 分散式模型
6.3.3 组织挑战
6.3.4 权衡利弊,做出选择
6.3.5 小结
6.3.6 适合你的设计体系
第 7 章 规划与实践
7.1 获得高层的支持
7.1.1 在设计和构建模块时能节省时间
7.1.2 在做整站修改时能节省时间
7.1.3 能让产品更快上线
7.1.4 其他好处
7.2 从哪里开始
7.2.1 就目标达成一致
7.2.2 将成果公开
7.2.3 创造知识共享的文化
7.2.4 提升团队士气
7.3 关于设计体系实践的思考
第 8 章 功能性模式的系统化
8.1 目的导向的清单
8.2 准备工作
8.2.1 安排时间
8.2.2 选择人员
8.2.3 打印界面
8.3 确定关键行为
8.3.1 措辞是一项基础工作
8.3.2 将行为分解为操作
8.4 按目的对现有元素进行分组
8.5 定义模式
8.5.1 具体性尺度
8.5.2 内容结构
8.5.3 命名
8.6 在更小的维度上重复目的导向的清单过程
8.6.1 操作的一致性
8.6.2 视觉层次
8.6.3 特例
8.7 小结
第 9 章 感知性模式的系统化
9.1 超越样式属性
9.2 美学特征与标志性模式
9.3 识别感知性模式
9.4 配色
9.4.1 从目的开始
9.4.2 收集现有颜色并分组
9.4.3 定义模式
9.4.4 指定模块
9.4.5 就指导原则达成一致
9.5 动画
9.5.1 目的和感受
9.5.2 评审现有动画
9.5.3 定义模式
9.5.4 指定模块
9.5.5 就指导原则达成一致
9.6 语气和语调
9.6.1 评审语气和语调的模式
9.6.2 定义模式
9.6.3 就指导原则达成一致
9.7 小结
第 10 章 模式库
10.1 内容
10.2 模式的组织
10.2.1 提炼感知性模式
10.2.2 组织功能性模式
10.3 模式文档
10.3.1 为功能性模式编写文档
10.3.2 为感知性模式编写文档
10.4 工作流程
10.4.1 添加新模式的过程
10.4.2 引入新模式的标准
10.4.3 人员与责任
10.4.4 统一设计体系的各个方面
10.5 工具
10.5.1 保持模式库的更新
10.5.2 保持主设计文件的更新
10.5.3 将模式库作为求真来源
10.6 模式库的未来
下载地址:https://www.wenjiangs.com/wp-content/uploads/2024/04/YhyHuohdCApNx1Uv.zip
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
上一篇: 设计师要懂沟通术 PDF 文档
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论